Skip to content

Commit

Permalink
Back to theme (@laurent)
Browse files Browse the repository at this point in the history
  • Loading branch information
goulven authored and goulven committed Nov 11, 2024
1 parent 5229f3f commit a420694
Show file tree
Hide file tree
Showing 4 changed files with 110 additions and 56 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@500&display=swap" rel="stylesheet">


<link rel="search" type="application/opensearchdescription+xml" th:title="#{opensearch.title}" th:href="${baseUrl} + 'opensearch.xml'">
Expand Down
70 changes: 15 additions & 55 deletions ui/src/main/resources/templates/default/inc/preloader.html
Original file line number Diff line number Diff line change
@@ -1,55 +1,15 @@
<!--article th:unless="${internalReferer}" class="preloader nudger_vert--bg justify-content-center align-items-center">
<div class="position-relative wrapper__preloader-img text-center">
<img class="logo_loader img-fluid" src="/assets/img/logo/NUDGER.png">
<p class="h3 text-white">Consommer moins, consommer mieux.</p>
<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>
</div>
</article-->

<div class="preloader bg-dark flex-column justify-content-center align-items-center">
<!--svg id="loader-logo" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 64 78.4">
<path fill="#fff" d="M10,0h1.2V11.2H0V10A10,10,0,0,1,10,0Z"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="40" y="17.6" width="0" height="25.6"/>
<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="11.2" x="23" y="35.2" width="0" height="25.6"/>
<path fill="#fff" d="M52.8,35.2H64V53.8a7,7,0,0,1-7,7H52.8V35.2Z"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="6" y="52.8" width="0" height="25.6"/>
<path fill="#fff" d="M52.8,0H57a7,7,0,0,1,7,7h0v4.2H52.8V0Z"/>
<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="11.2" x="57.8" y="17.6" width="0" height="11.2"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="6" y="35.2" width="0" height="11.2"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="40.2" y="49.6" width="0" height="11.2"/>
<path fill="#fff" d="M17.6,67.2H28.8v1.2a10,10,0,0,1-10,10H17.6V67.2Z"/>
<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="28.8" x="31.6" width="0" height="11.2"/>
<rect fill="none" stroke="#fff" x="14" stroke-width="28.8" y="17.6" width="0" height="11.2"/>
</svg-->
<div class="position-relative wrapper__preloader-img text-center">
<p class="h3 text-white">Consommer moins, consommer mieux.</p>
<svg id="loader-logo" width="70" height="70" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72.74 72.74">
<defs>
<style>
.cls-1 {
fill: url(#Dégradé_sans_nom_538);
}
</style>
<linearGradient id="Dégradé_sans_nom_538" data-name="Dégradé sans nom 538" x1="1.39" y1="1.39" x2="89.46" y2="89.46" gradientUnits="userSpaceOnUse">
<stop offset=".03" stop-color="#00de9f"/>
<stop offset=".27" stop-color="#00daa1"/>
<stop offset=".5" stop-color="#00cea8"/>
<stop offset=".74" stop-color="#00bab3"/>
<stop offset=".96" stop-color="#00a1c2"/>
</linearGradient>
</defs>
<g id="_00_-_Header" data-name="00 - Header">
<path class="cls-1" d="M42.81,64.45h-6.26c-15.61,0-28.26-12.65-28.26-28.26V8.29h27.9c15.61,0,28.26,12.65,28.26,28.26v21.05l-8.72-8.72v-12.41c0-10.74-8.71-19.45-19.45-19.45h-19.26v19.15c0,2.63,2.04,4.86,4.67,4.96,2.76.1,5.02-2.11,5.02-4.84v-9.58h9.58c5.39,0,9.76,4.37,9.76,9.76v14.43c0,1.28.51,2.5,1.41,3.4l17.34,17.34c.69.69,1.71.91,2.62.56,3.12-1.19,5.34-4.21,5.34-7.75v-27.53c0-9.88-3.83-19.42-10.86-26.36C55,3.75,45.88,0,36.19,0H8.29C3.71,0,0,3.71,0,8.29v27.53c0,9.88,3.83,19.42,10.86,26.36,6.88,6.81,16,10.55,25.69,10.55h13.83c1.2,0,1.8-1.45.95-2.3l-4.2-4.2c-1.15-1.15-2.7-1.79-4.33-1.79Z"/>
</g>
</svg>
</div>

</div>
<article th:unless="${internalReferer}" class="preloader nudger_vert--bg justify-content-center align-items-center">
<div class="position-relative wrapper__preloader-img text-center">
<img class="logo_loader img-fluid" src="/assets/img/logo/NUDGER.png">
<p class="h3 text-white">Consommer moins, consommer mieux.</p>
<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>
</div>
</article>
39 changes: 39 additions & 0 deletions ui/src/main/resources/templates/themes/v2/inc/header-meta.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">


<link type="text/css" href="../../vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
<script src="../../vendor/countup.js/dist/countUp.umd.js"></script>

<!-- Glide JS
<link rel="stylesheet" href="../../vendor/@glidejs/glide/dist/css/glide.core.min.css">
<link rel="stylesheet" href="../../vendor/@glidejs/glide/dist/css/glide.theme.min.css">
-->

<th:block th:if="${config.webConfig.useHotScss}">
<link type="text/css" href="../../css/dev/pixel.css" rel="stylesheet">
<link type="text/css" href="../../css/dev/custom.css" rel="stylesheet">
</th:block>


<th:block th:unless="${config.webConfig.useHotScss}">
<link type="text/css" href="../../css/pixel.css" rel="stylesheet">
<link type="text/css" href="../../css/custom.css" rel="stylesheet">
</th:block>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">


<link rel="search" type="application/opensearchdescription+xml" th:title="#{opensearch.title}" th:href="${baseUrl} + 'opensearch.xml'">


55 changes: 55 additions & 0 deletions ui/src/main/resources/templates/themes/v2/inc/preloader.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!--article th:unless="${internalReferer}" class="preloader nudger_vert--bg justify-content-center align-items-center">
<div class="position-relative wrapper__preloader-img text-center">
<img class="logo_loader img-fluid" src="/assets/img/logo/NUDGER.png">
<p class="h3 text-white">Consommer moins, consommer mieux.</p>
<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>
</div>
</article-->

<div class="preloader bg-dark flex-column justify-content-center align-items-center">
<!--svg id="loader-logo" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 64 78.4">
<path fill="#fff" d="M10,0h1.2V11.2H0V10A10,10,0,0,1,10,0Z"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="40" y="17.6" width="0" height="25.6"/>
<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="11.2" x="23" y="35.2" width="0" height="25.6"/>
<path fill="#fff" d="M52.8,35.2H64V53.8a7,7,0,0,1-7,7H52.8V35.2Z"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="6" y="52.8" width="0" height="25.6"/>
<path fill="#fff" d="M52.8,0H57a7,7,0,0,1,7,7h0v4.2H52.8V0Z"/>
<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="11.2" x="57.8" y="17.6" width="0" height="11.2"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="6" y="35.2" width="0" height="11.2"/>
<rect fill="none" stroke="#fff" stroke-width="11.2" x="40.2" y="49.6" width="0" height="11.2"/>
<path fill="#fff" d="M17.6,67.2H28.8v1.2a10,10,0,0,1-10,10H17.6V67.2Z"/>
<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="28.8" x="31.6" width="0" height="11.2"/>
<rect fill="none" stroke="#fff" x="14" stroke-width="28.8" y="17.6" width="0" height="11.2"/>
</svg-->
<div class="position-relative wrapper__preloader-img text-center">
<p class="h3 text-white">Consommer moins, consommer mieux.</p>
<svg id="loader-logo" width="70" height="70" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72.74 72.74">
<defs>
<style>
.cls-1 {
fill: url(#Dégradé_sans_nom_538);
}
</style>
<linearGradient id="Dégradé_sans_nom_538" data-name="Dégradé sans nom 538" x1="1.39" y1="1.39" x2="89.46" y2="89.46" gradientUnits="userSpaceOnUse">
<stop offset=".03" stop-color="#00de9f"/>
<stop offset=".27" stop-color="#00daa1"/>
<stop offset=".5" stop-color="#00cea8"/>
<stop offset=".74" stop-color="#00bab3"/>
<stop offset=".96" stop-color="#00a1c2"/>
</linearGradient>
</defs>
<g id="_00_-_Header" data-name="00 - Header">
<path class="cls-1" d="M42.81,64.45h-6.26c-15.61,0-28.26-12.65-28.26-28.26V8.29h27.9c15.61,0,28.26,12.65,28.26,28.26v21.05l-8.72-8.72v-12.41c0-10.74-8.71-19.45-19.45-19.45h-19.26v19.15c0,2.63,2.04,4.86,4.67,4.96,2.76.1,5.02-2.11,5.02-4.84v-9.58h9.58c5.39,0,9.76,4.37,9.76,9.76v14.43c0,1.28.51,2.5,1.41,3.4l17.34,17.34c.69.69,1.71.91,2.62.56,3.12-1.19,5.34-4.21,5.34-7.75v-27.53c0-9.88-3.83-19.42-10.86-26.36C55,3.75,45.88,0,36.19,0H8.29C3.71,0,0,3.71,0,8.29v27.53c0,9.88,3.83,19.42,10.86,26.36,6.88,6.81,16,10.55,25.69,10.55h13.83c1.2,0,1.8-1.45.95-2.3l-4.2-4.2c-1.15-1.15-2.7-1.79-4.33-1.79Z"/>
</g>
</svg>
</div>

</div>

0 comments on commit a420694

Please sign in to comment.