Skip to content

Commit

Permalink
Merge pull request #189 from open4good/modif_sans_visu_possible
Browse files Browse the repository at this point in the history
modifications rapides pour la réunion mais sans avoir pu les voir (potentiellement à supprimer donc)
  • Loading branch information
GoulvenF authored Dec 8, 2023
2 parents 5191507 + f5c0de2 commit 2c88c83
Show file tree
Hide file tree
Showing 8 changed files with 69 additions and 60 deletions.
19 changes: 17 additions & 2 deletions ui/src/main/resources/static/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -179,10 +179,10 @@ Xwiki css
padding: 0 0 0 16px;
}


/*
.bg-gray-200 {
background-color: #f1efe7!important;
}
}*/

.btn-primary {
background-color: #1e851a!important;
Expand All @@ -206,4 +206,19 @@ h4[class^="h"],
h5[class^="h"],
h6[class^="h"] {
font-family: 'League Spartan', sans-serif!important;
}

.absolute-center {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* css surcharge test Goulven ; on inverse le crême du blanc sur la home page */

main.bg-gray-200 {
background-color: #ffffff!important;
}
main section.bg-white {
background-color: #f1efe7 !important;
}
2 changes: 1 addition & 1 deletion ui/src/main/resources/templates/inc/navbar-home.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-transparent navbar-light navbar-theme-soft">
<div class="container container-semi-fluid position-relative">
<div class="container-fluid position-relative">
<a class="navbar-brand me-lg-5" href="/"><img height="35" src="/assets/img/nudger-logo-small.png"></a>

<div class="navbar-collapse collapse me-auto" id="navbar_global">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-transparent navbar-light navbar-theme-soft">
<div class="container container-semi-fluid position-relative">
<div class="container-fluid position-relative">
<a class="navbar-brand me-lg-5" href="/"><img height="35" src="/assets/img/nudger-logo-small.png"></a>
<div class="navbar-collapse collapse me-auto" id="navbar_global">
<div class="navbar-collapse-header">
Expand Down
2 changes: 1 addition & 1 deletion ui/src/main/resources/templates/inc/navbar-page.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-transparent navbar-light navbar-theme-soft">
<div class="container container-semi-fluid position-relative">
<div class="container-fluid position-relative">
<a class="navbar-brand me-lg-5" href="/"><img height="35" src="/assets/img/nudger-logo-small.png"></a>

<div class="navbar-collapse collapse me-auto" id="navbar_global">
Expand Down
2 changes: 1 addition & 1 deletion ui/src/main/resources/templates/inc/navbar-product.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-transparent navbar-light navbar-theme-soft">
<div class="container container-semi-fluid position-relative">
<div class="container-fluid position-relative">
<a class="navbar-brand me-lg-5" href="/"><img height="35" src="/assets/img/nudger-logo-small.png"></a>

<div class="navbar-collapse collapse me-auto" id="navbar_global">
Expand Down
2 changes: 1 addition & 1 deletion ui/src/main/resources/templates/inc/navbar-vertical.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-transparent navbar-light navbar-theme-soft">
<div class="container container-semi-fluid position-relative">
<div class="container-fluid position-relative">
<a class="navbar-brand me-lg-5" href="/"><img height="35" src="/assets/img/nudger-logo-small.png"></a>
<div class="navbar-collapse collapse me-auto" id="navbar_global">
<div class="navbar-collapse-header">
Expand Down
34 changes: 14 additions & 20 deletions ui/src/main/resources/templates/inc/preloader.html
Original file line number Diff line number Diff line change
@@ -1,21 +1,15 @@
<div class="preloader bg-dark flex-column justify-content-center align-items-center">
<img class="mb-4" id="preloader-img" style=" border-radius: 8px; width:550px; height:auto" th:src="${loaderImg}">
<br/>
<svg id="loader-logo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">


<circle fill="none" stroke="#fff" stroke-width="4" stroke-miterlimit="10" cx="50" cy="50" r="48" />
<line fill="none" stroke-linecap="round" stroke="#fff" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="85" y2="50.5">
<animateTransform attributeName="transform" dur="2s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" />
</line>
<line fill="none" stroke-linecap="round" stroke="#fff" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="49.5" y2="74">
<animateTransform attributeName="transform" dur="15s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" />
</line>
<section class="preloader bg-gray-200 h-100 w-100">



</svg>



</div>
<article class="d-flex justify-content-center align-items-center position-relative">
<img class="absolute-center" id="preloader-img" style=" border-radius: 8px; width:550px;" th:src="${loaderImg}">
<svg id="loader-logo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<circle fill="none" stroke="#fff" stroke-width="4" stroke-miterlimit="10" cx="50" cy="50" r="48" />
<line fill="none" stroke-linecap="round" stroke="#fff" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="85" y2="50.5">
<animateTransform attributeName="transform" dur="2s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" />
</line>
<line fill="none" stroke-linecap="round" stroke="#fff" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="49.5" y2="74">
<animateTransform attributeName="transform" dur="15s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" />
</line>
</svg>
</article>
</section>
66 changes: 33 additions & 33 deletions ui/src/main/resources/templates/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<!--/* Loader */-->
<th:block th:insert="~{inc/preloader.html}"></th:block>

<main class="bg-gray-200">
<main class="bg-gray-200" style="background-color: #ffffff!important;">

<!--/* Central */-->
<section class="section-header py-3">
Expand Down Expand Up @@ -75,6 +75,36 @@
<h1 class="mb-3">Consommons peu, consommons bien</h1>
<p class="lead mb-0">Un coup de main éthique et ouvert pour amoindrir l'impact de votre shopping en ligne.</p>
</section>

<section class="bg-white my-4 text-center py-4" style="background-color: #f1efe7!important;">
<h1 class="mb-3">Nos catégories évaluées</h1>
<p class="lead mb-0">L'assurance de bien choisir</p>
</section>

<section class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-3" th:each ="vertical : ${verticals}">
<div class="blog-card">
<div class="card shadow">
<a th:href="'/'+${vertical.homeUrl.i18n(siteLanguage)}"><img th:src="${vertical.homeLogo.i18n(siteLanguage)}" class="card-img-top rounded-top" alt="Themesberg office"></a>
<div class="card-body">
<h2 class="h5">
<a th:href="'/'+${vertical.homeUrl.i18n(siteLanguage)}" th:text="${vertical.homeTitle.i18n(siteLanguage)}"></a>
</h2>
<p class="card-text my-2" th:text="${vertical.homeDescription.i18n(siteLanguage)}"></p>
</div>
<div class="card-footer bg-white border-0 px-0 py-0">
<div class="d-grid">
<a class="btn btn-sm btn-secondary rounded-0 rounded-bottom" th:href="'/'+${vertical.homeUrl.i18n(siteLanguage)}">
<span class="fas fa-book-open me-1"></span> Découvrir
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<div class="container container-semi-fluid py-5">
Expand Down Expand Up @@ -155,7 +185,7 @@ <h2 class="h4 m-0">Data responsable</h2>

</div>

<section class="bg-white mt-4 text-center py-4">
<section class="bg-white mt-4 text-center py-4" style="background-color: #f1efe7!important;">
<h1 class="mb-3">Les chiffres clés</h1>
<p class="lead mb-0">Avec animation, c'est plus funky</p>
</section>
Expand Down Expand Up @@ -212,38 +242,8 @@ <h1 class="mb-3">Les chiffres clés</h1>
</div>
</section>

<section class="bg-white mt-4 text-center py-4">
<h1 class="mb-3">Nos catégories évaluées</h1>
<p class="lead mb-0">L'assurance de bien choisir</p>
</section>

<section class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-3" th:each ="vertical : ${verticals}">
<div class="blog-card">
<div class="card shadow">
<a th:href="'/'+${vertical.homeUrl.i18n(siteLanguage)}"><img th:src="${vertical.homeLogo.i18n(siteLanguage)}" class="card-img-top rounded-top" alt="Themesberg office"></a>
<div class="card-body">
<h2 class="h5">
<a th:href="'/'+${vertical.homeUrl.i18n(siteLanguage)}" th:text="${vertical.homeTitle.i18n(siteLanguage)}"></a>
</h2>
<p class="card-text my-2" th:text="${vertical.homeDescription.i18n(siteLanguage)}"></p>
</div>
<div class="card-footer bg-white border-0 px-0 py-0">
<div class="d-grid">
<a class="btn btn-sm btn-secondary rounded-0 rounded-bottom" th:href="'/'+${vertical.homeUrl.i18n(siteLanguage)}">
<span class="fas fa-book-open me-1"></span> Découvrir
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="bg-white mt-4 text-center py-4">
<section class="bg-white mt-4 text-center py-4" style="background-color: #f1efe7!important;">
<h1 class="mb-3">Notre philosophie : le bien commun</h1>
<p class="lead mb-0">Découvrez nos valeurs et nos atouts</p>
</section>
Expand Down

0 comments on commit 2c88c83

Please sign in to comment.