Skip to content

Homepage search with ai #92

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
manondravet wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Homepage search with ai #92

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
66f2eff
init modif des pages existantes
manondravet Dec 31, 2024
48e36d3
tests
manondravet Jan 2, 2025
74f2c71
adaptation code avec search with AI + new template
manondravet Jan 2, 2025
10d4e5d
new template for homepage
manondravet Jan 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions assets/scss/main.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
@charset "utf-8";

$recompile-trigger: true;

/* Import Bulma variables */
@import "bulma/sass/utilities/initial-variables";

Expand Down
1 change: 1 addition & 0 deletions config.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ title = "Codelibrary"

sectionPagesMenu = "main"

[params]
googleAnalytics = "UA-41201218-21"

[taxonomies]
Expand Down
35 changes: 4 additions & 31 deletions content/page-templates/home-1/1/css.inc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -212,39 +212,12 @@
line-height: 1.5;
font-weight: normal;
}

.search-card-searchbox {
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.search-card-searchbox .odswidget-searchbox__box {
font-size: 1rem;
display: block;
width: 100%;
max-width: 500px;
padding: 8px 13px;
border-radius: 4px 0 0 4px;
border: none;
margin: 0 auto;
}
.search-card-submit-button {
border: none;
background-color: var(--highlight);
color: #FFFFFF;
font-size: .866rem;
font-weight: bold;
text-align: center;
padding: 8px 12px;
border-radius: 0 4px 4px 0;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.search-card-submit-button:hover {
text-decoration: none;
opacity: .7;
text-align: left;
z-index: 2;
}

/* KPI Card
========================================================================== */
.kpi-card {
Expand Down
48 changes: 28 additions & 20 deletions content/page-templates/home-1/1/html.inc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,9 @@
Portal Name
</h1>
<p class="welcome-card-description">
Lorem ipsum dolor amet kombucha try-hard biodiesel XOXO scenester subway tile. Etsy selvage shaman master cleanse activated charcoal. Celiac hella wayfarers glossier palo santo pork belly. Vape twee stumptown normcore. Occupy fingerstache listicle etsy.
Lorem ipsum dolor amet kombucha try-hard biodiesel XOXO scenester subway tile. Etsy selvage
shaman master cleanse activated charcoal. Celiac hella wayfarers glossier palo santo pork belly.
Vape twee stumptown normcore. Occupy fingerstache listicle etsy.
</p>
<a href="/explore/"
class="welcome-card-link">
Expand Down Expand Up @@ -46,7 +48,8 @@
18.3k
</p>
<p class="kpi-description">
Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet
Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam
non nisi est sit amet
</p>
</div>
</div>
Expand All @@ -60,14 +63,9 @@
What data are you looking for?
</h2>
<div class="search-card-container">
<ods-searchbox class="search-card-searchbox"
form-id="search-form"
translate="placeholder"
placeholder="Search for a dataset">
</ods-searchbox>
<button type="submit" form="search-form" class="search-card-submit-button">
Search
</button>
<ods-catalog-search class-name="'search-card-searchbox'"
label="'Search'">
</ods-catalog-search>
</div>
</div>
</section>
Expand All @@ -86,7 +84,8 @@
Mobility
</h3>
<p class="image-description">
Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.
Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget
nullam non nisi est sit amet.
</p>
</div>
</a>
Expand All @@ -100,7 +99,8 @@
Garden
</h3>
<p class="image-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
</p>
</div>
</a>
Expand All @@ -114,7 +114,8 @@
Gastronomy
</h3>
<p class="image-description">
Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.
Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec
pretium vulputate.
</p>
</div>
</a>
Expand Down Expand Up @@ -156,7 +157,8 @@
Education
</h3>
<p class="image-description">
Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus mauris vitae.
Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus
mauris vitae.
</p>
</div>
</a>
Expand Down Expand Up @@ -190,9 +192,11 @@
ctx-domain="userclub"
ctx-dataset="base-nationale-des-lieux-de-covoiturage-en-france"
ctx-parameters="{'timezone':'Europe/Berlin'}">
<ods-chart single-y-axis="true" scientific-display="true" labels-x-length="20" align-month="true">
<ods-chart single-y-axis="true" scientific-display="true" labels-x-length="20"
align-month="true">
<ods-chart-query context="ctx" field-x="reg_name" maxpoints="0" sort="serie1-1">
<ods-chart-serie expression-y="spot_size" chart-type="bar" function-y="SUM" color="#EC643C" scientific-display="true">
<ods-chart-serie expression-y="spot_size" chart-type="bar" function-y="SUM"
color="#EC643C" scientific-display="true">
</ods-chart-serie>
</ods-chart-query>
</ods-chart>
Expand Down Expand Up @@ -227,9 +231,11 @@
ctx-domain="userclub"
ctx-dataset="base-nationale-des-lieux-de-covoiturage-en-france"
ctx-parameters="{'timezone':'Europe/Berlin'}">
<ods-chart single-y-axis="true" scientific-display="true" labels-x-length="20" align-month="true">
<ods-chart single-y-axis="true" scientific-display="true" labels-x-length="20"
align-month="true">
<ods-chart-query context="ctx" field-x="reg_name" maxpoints="0" sort="serie1-1">
<ods-chart-serie expression-y="spot_size" chart-type="bar" function-y="SUM" color="#EC643C" scientific-display="true">
<ods-chart-serie expression-y="spot_size" chart-type="bar" function-y="SUM"
color="#EC643C" scientific-display="true">
</ods-chart-serie>
</ods-chart-query>
</ods-chart>
Expand Down Expand Up @@ -262,9 +268,11 @@
</h2>
<div class="twitter-timeline-container">
<!-- To change the Twitter profile to display go to https://publish.twitter.com/# -->
<a class="twitter-timeline" data-height="392" href="https://twitter.com/Opendatasoft?ref_src=twsrc%5Etfw">Tweets by Opendatasoft</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<a class="twitter-timeline" data-height="392"
href="https://twitter.com/Opendatasoft?ref_src=twsrc%5Etfw">Tweets by Opendatasoft</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>
</section>
</ods-catalog-context>
</ods-catalog-context>
33 changes: 2 additions & 31 deletions content/page-templates/home-2/1/css.inc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -213,37 +213,8 @@
font-weight: normal;
}
.search-card-searchbox {
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.search-card-searchbox .odswidget-searchbox__box {
font-size: 1rem;
display: block;
width: 100%;
max-width: 500px;
padding: 8px 13px;
border-radius: 4px 0 0 4px;
border: none;
margin: 0 auto;
}
.search-card-submit-button {
border: none;
background-color: var(--highlight);
color: #FFFFFF;
font-size: .866rem;
font-weight: bold;
text-align: center;
padding: 8px 12px;
border-radius: 0 4px 4px 0;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.search-card-submit-button:hover {
text-decoration: none;
opacity: .7;
text-align: left;
z-index: 2;
}
/* KPI Card
========================================================================== */
Expand Down
11 changes: 3 additions & 8 deletions content/page-templates/home-2/1/html.inc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,14 +64,9 @@
What data are you looking for?
</h2>
<div class="search-card-container">
<ods-searchbox class="search-card-searchbox"
form-id="search-form"
translate="placeholder"
placeholder="Search for a dataset">
</ods-searchbox>
<button type="submit" form="search-form" class="search-card-submit-button">
Search
</button>
<ods-catalog-search class-name="'search-card-searchbox'"
label="'Search'">
</ods-catalog-search>
</div>
</div>
</section>
Expand Down
33 changes: 2 additions & 31 deletions content/page-templates/home-3/1/css.inc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -214,37 +214,8 @@
font-weight: normal;
}
.search-card-searchbox {
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.search-card-searchbox .odswidget-searchbox__box {
font-size: 1rem;
display: block;
width: 100%;
max-width: 500px;
padding: 8px 13px;
border-radius: 4px 0 0 4px;
border: none;
margin: 0 auto;
}
.search-card-submit-button {
border: none;
background-color: var(--highlight);
color: #FFFFFF;
font-size: .866rem;
font-weight: bold;
text-align: center;
padding: 8px 12px;
border-radius: 0 4px 4px 0;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.search-card-submit-button:hover {
text-decoration: none;
opacity: .7;
text-align: left;
z-index: 2;
}
/* KPI Card
========================================================================== */
Expand Down
11 changes: 3 additions & 8 deletions content/page-templates/home-3/1/html.inc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,14 +41,9 @@
What data are you looking for?
</h2>
<div class="search-card-container">
<ods-searchbox class="search-card-searchbox"
form-id="search-form"
translate="placeholder"
placeholder="Search for a dataset">
</ods-searchbox>
<button type="submit" form="search-form" class="search-card-submit-button">
Search
</button>
<ods-catalog-search class-name="'search-card-searchbox'"
label="'Search'">
</ods-catalog-search>
</div>
</div>
</section>
Expand Down
36 changes: 2 additions & 34 deletions content/page-templates/home-4-access-cards/1/css.inc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -234,40 +234,8 @@
}

.search-card-searchbox {
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}

.search-card-searchbox .odswidget-searchbox__box {
font-size: 1rem;
display: block;
width: 100%;
max-width: 500px;
padding: 8px 13px;
border-radius: 4px 0 0 4px;
border: none;
margin: 0 auto;
}

.search-card-submit-button {
border: none;
background-color: var(--highlight);
color: #FFFFFF;
font-size: .866rem;
font-weight: bold;
text-align: center;
padding: 8px 12px;
border-radius: 0 4px 4px 0;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}

.search-card-submit-button:hover {
text-decoration: none;
opacity: .7;
text-align: left;
z-index: 2;
}

/* KPI Card
Expand Down
Loading