garg website updates

gargantext-org-website/.gitignore

 # Ignore files:
 _site
 _cache
+dist-newstyle

gargantext-org-website/css/bootstrap-reboot.min.css

+/*!
+ * Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */
\ No newline at end of file

gargantext-org-website/css/bootstrap-reboot.rtl.min.css

+/*!
+ * Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-right:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-right:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:right}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:right;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:right}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=email],[type=number],[type=tel],[type=url]{direction:ltr}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.rtl.min.css.map */
\ No newline at end of file

gargantext-org-website/css/garg-animations.css

+
+
+/* .area{
+    background: #4e54c8;  
+    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);  
+    width: 100%;
+    height:100vh;
+} */
+
+.circles{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.circles li{
+    position: absolute;
+    display: block;
+    list-style: none;
+    width: 20px;
+    height: 20px;
+    /* background: rgba(255, 255, 255, 0.2); */
+    animation: animate 25s linear infinite;
+    bottom: -150px;
+    line-height: 0.5em;
+    color: rgba(255, 255, 255, 0.2);
+}
+
+.circles li:nth-child(1){
+    left: 25%;
+    width: 80px;
+    height: 80px;
+    animation-delay: 0s;
+}
+
+
+.circles li:nth-child(2){
+    left: 10%;
+    width: 20px;
+    height: 20px;
+    animation-delay: 2s;
+    animation-duration: 12s;
+}
+
+.circles li:nth-child(3){
+    left: 70%;
+    width: 20px;
+    height: 20px;
+    animation-delay: 4s;
+}
+
+.circles li:nth-child(4){
+    left: 40%;
+    width: 60px;
+    height: 60px;
+    animation-delay: 0s;
+    animation-duration: 18s;
+}
+
+.circles li:nth-child(5){
+    left: 65%;
+    width: 20px;
+    height: 20px;
+    animation-delay: 0s;
+}
+
+.circles li:nth-child(6){
+    left: 75%;
+    width: 110px;
+    height: 110px;
+    animation-delay: 3s;
+}
+
+.circles li:nth-child(7){
+    left: 35%;
+    width: 150px;
+    height: 150px;
+    animation-delay: 7s;
+}
+
+.circles li:nth-child(8){
+    left: 50%;
+    width: 25px;
+    height: 25px;
+    animation-delay: 15s;
+    animation-duration: 45s;
+}
+
+.circles li:nth-child(9){
+    left: 20%;
+    width: 15px;
+    height: 15px;
+    animation-delay: 2s;
+    animation-duration: 35s;
+}
+
+.circles li:nth-child(10){
+    left: 85%;
+    width: 150px;
+    height: 150px;
+    animation-delay: 0s;
+    animation-duration: 11s;
+}
+
+
+
+@keyframes animate {
+
+    0%{
+        transform: translateY(0) rotate(0deg);
+        opacity: 1;
+        border-radius: 0;
+    }
+
+    100%{
+        transform: translateY(-1000px) rotate(720deg);
+        opacity: 0;
+        border-radius: 50%;
+    }
+
+}
+
+
+@-webkit-keyframes slidein {
+    from {background-position: right 70%; background-size:250%; }
+    to {background-position: -100px 0px;background-size:cover;}
+}
+    
+@keyframes slidein {
+    from {background-position: right 70%;background-size:250%; }
+    to {background-position: -100px 0px;background-size:cover;}
+}
+
+
+/* text slide up */
+.slide-up {
+    animation-name: slideUp;
+    animation-duration: 800s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-play-state: running;
+}
+@keyframes slideUp {
+    from {
+      transform: translateY(0%);
+    }
+    to {
+      transform: translateY(-50%);
+    }
+  }
+  
+
+  
\ No newline at end of file

gargantext-org-website/css/style-garg-icons.css

+@font-face {
+  font-family: 'garg-icons';
+  src:  url('fonts/garg-icons.eot?9cya6v');
+  src:  url('fonts/garg-icons.eot?9cya6v#iefix') format('embedded-opentype'),
+    url('fonts/garg-icons.ttf?9cya6v') format('truetype'),
+    url('fonts/garg-icons.woff?9cya6v') format('woff'),
+    url('fonts/garg-icons.svg?9cya6v#garg-icons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'garg-icons' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-ecosystem:before {
+  content: "\e900";
+}
+.icon-ecosystem-2:before {
+  content: "\e902";
+}

gargantext-org-website/favicon/browserconfig.xml

+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

gargantext-org-website/favicon/safari-pinned-tab.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1325.000000pt" height="1325.000000pt" viewBox="0 0 1325.000000 1325.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1325.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3055 11785 c-935 -239 -2005 -512 -2377 -607 l-678 -172 0 -3102 0
+-3102 2403 -1873 c1321 -1029 2407 -1876 2414 -1881 8 -6 1367 446 4060 1353
+2226 749 4121 1386 4211 1416 l162 55 0 3723 0 3724 -32 6 c-18 3 -1878 205
+-4134 450 -3094 336 -4129 445 -4215 444 l-114 0 -1700 -434z m5957 -35 c2278
+-247 4160 -452 4181 -456 l37 -6 -2 -3695 -3 -3696 -4189 -1409 c-2303 -775
+-4190 -1408 -4191 -1406 -2 2 -7 533 -11 1180 l-7 1177 -41 5 c-23 2 -120 12
+-217 20 -809 74 -1468 340 -2049 827 -138 116 -377 358 -481 489 -290 362
+-505 776 -633 1219 -228 785 -177 1730 136 2475 168 403 391 730 704 1037 589
+575 1413 926 2409 1026 l175 17 0 823 c0 803 0 823 19 823 11 0 1884 -202
+4163 -450z"/>
+<path d="M4960 10560 c-63 -4 -118 -8 -122 -9 -5 0 -8 -122 -8 -269 l0 -269
+249 5 c345 7 593 -20 871 -94 226 -60 474 -153 505 -189 11 -13 46 -55 78 -94
+l58 -70 83 -463 83 -463 311 -3 312 -2 0 814 0 815 -42 12 c-128 34 -477 113
+-641 143 -608 116 -1247 165 -1737 136z"/>
+<path d="M4645 9984 c-758 -116 -1359 -480 -1740 -1054 -282 -423 -438 -913
+-486 -1524 -15 -194 -6 -664 16 -846 96 -789 366 -1387 831 -1841 233 -227
+506 -403 822 -528 192 -77 492 -154 685 -177 l57 -6 0 -284 0 -284 251 0 c606
+0 1230 87 2020 281 l289 71 0 1228 0 1228 94 71 95 70 288 26 c158 14 296 25
+305 25 17 0 18 16 18 210 l0 210 -1390 0 -1390 0 0 -205 c0 -156 3 -207 13
+-210 6 -2 185 -15 396 -29 l384 -26 93 -70 94 -70 0 -1069 0 -1069 -162 -31
+c-397 -75 -600 -95 -958 -94 -162 0 -326 4 -365 9 l-70 9 -3 2998 -2 2997 -48
+-1 c-26 -1 -87 -7 -137 -15z"/>
+</g>
+</svg>

gargantext-org-website/favicon/site.webmanifest

+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

gargantext-org-website/images/logo.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="350.45236mm"
+   height="295.73517mm"
+   viewBox="0 0 350.45236 295.73517"
+   version="1.1"
+   id="svg11885"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs11882" />
+  <g
+     id="layer1"
+     transform="translate(-290.40943,63.549772)">
+    <polygon
+       style="display:inline;opacity:0.997;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.146497;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(6.1816897,0,0,5.8755142,-5432.9698,-3886.3297)"
+       points="982.552,688.136 982.552,654.748 946.529,650.629 925.86,656.17 925.86,683.934 946.529,700.889 "
+       id="polygon447-0" />
+    <flowRoot
+       transform="matrix(0.88288997,0,0,0.88288997,-67.929436,-204.59484)"
+       xml:space="preserve"
+       id="flowRoot3021"
+       style="font-style:normal;font-weight:normal;line-height:0.01%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion3023"
+         style="font-family:sans-serif"><rect
+           id="rect3025"
+           width="3.9310031"
+           height="24.568769"
+           x="739.02856"
+           y="423.98322"
+           style="font-family:sans-serif" /></flowRegion><flowPara
+         id="flowPara3027"
+         style="font-size:12px;line-height:1.25;font-family:sans-serif"> </flowPara></flowRoot>
+    <path
+       id="path3950-7"
+       d="m 290.72961,-30.806195 0.31819,163.517355 127.41976,99.47424 -0.41759,-63.56305 c -16.7656,-0.8032 -31.57482,-4.47398 -43.44241,-10.67472 -31.7105,-16.55676 -50.77132,-48.0358 -50.77132,-83.592122 0,-53.902427 35.89047,-89.756743 94.21373,-93.788874 l 0.18463,-44.041864 z m 127.32038,11.372829 v 14.4453951 c 2.9603,-0.2781777 6.00831,-0.4779698 9.13457,-0.4779698 11.74464,0 22.5943,2.4491923 33.45809,7.0633774 l 4.08932,4.8859413 4.40798,24.695261 h 16.46349 v -43.123765 c -19.37863,-5.15702 -38.43711,-7.913105 -56.34766,-7.913105 -3.81573,0 -7.5619,0.17295 -11.20579,0.424865 z m 0,14.4453951 c -39.57808,3.7192981 -63.99524,31.9755489 -63.99524,77.4315899 0,46.905121 24.55176,76.518861 63.99524,81.255361 z m 0,158.6869509 v 14.92337 c 2.31507,0.11097 4.67652,0.15924 7.06336,0.15924 17.32333,0 37.61309,-3.21054 60.80874,-9.45324 V 94.430279 l 4.99217,-3.77067 16.14485,-1.380812 V 78.126101 h -73.44848 v 11.152696 l 20.87148,1.380812 4.99216,3.77067 v 56.453891 c -11.45102,2.4428 -21.43809,3.55823 -29.95295,3.55823 -3.94823,0 -7.7766,-0.29983 -11.47133,-0.7435 z"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:166.113px;line-height:125%;font-family:'Bitstream Charter';-inkscape-font-specification:'Bitstream Charter';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;display:inline;fill:#005a9a;fill-opacity:1;stroke:none;stroke-width:0.882891" />
+    <path
+       d="M 461.83231,39.320793 A 15.320499,15.320499 0 0 1 446.96033,54.634726 15.320499,15.320499 0 0 1 431.21757,40.217441 15.320499,15.320499 0 0 1 445.1678,24.05936 15.320499,15.320499 0 0 1 461.72736,37.530571"
+       id="path3952-8"
+       style="display:inline;fill:#e5a400;fill-opacity:1;stroke:none;stroke-width:1.69946" />
+  </g>
+</svg>

gargantext-org-website/images/logo_2.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="377.87698mm"
+   height="368.36844mm"
+   id="svg3041"
+   version="1.1"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="Gargantext_Logo_V4.svg"
+   inkscape:export-filename="/home/alexandre/projets/gargantext/images/logo/4/Gargantext_Logo_V4.png"
+   inkscape:export-xdpi="100"
+   inkscape:export-ydpi="100"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs3043" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35355339"
+     inkscape:cx="226.27417"
+     inkscape:cy="561.44279"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1414"
+     inkscape:window-height="1194"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     units="mm"
+     showborder="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <metadata
+     id="metadata3046">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-149.9752,334.38229)"
+     style="display:inline" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="Calque 4"
+     style="display:none"
+     transform="translate(0.72774836,923.75869)">
+    <rect
+       style="opacity:1;fill:#c83737;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.10000002;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect985"
+       width="3116.9268"
+       height="3071.6719"
+       x="-834.38599"
+       y="-1255.6018"
+       rx="67.662102"
+       ry="1.65811" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Aplat"
+     style="display:inline"
+     transform="translate(0.72774836,923.75869)">
+    <polygon
+       style="display:inline;opacity:0.997;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14649744;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(23.363867,0,0,22.206668,-21594.102,-15333.431)"
+       points="982.552,688.136 982.552,654.748 946.529,650.629 925.86,656.17 925.86,683.934 946.529,700.889 "
+       id="polygon447-0"
+       inkscape:export-xdpi="20.096884"
+       inkscape:export-ydpi="20.096884"
+       inkscape:export-filename="logo.png" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Logo"
+     transform="translate(0.72774836,923.75869)">
+    <flowRoot
+       transform="matrix(3.336907,0,0,3.336907,-1316.7837,-1418.2124)"
+       xml:space="preserve"
+       id="flowRoot3021"
+       style="font-style:normal;font-weight:normal;line-height:0.01%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none"
+       inkscape:export-xdpi="300.02979"
+       inkscape:export-ydpi="300.02979"
+       inkscape:export-filename="/home/anoe/projets/gargantext/images/logo/4/Gargantext_Logo_V4.png"><flowRegion
+         id="flowRegion3023"
+         style="font-family:sans-serif"><rect
+           id="rect3025"
+           width="3.9310031"
+           height="24.568769"
+           x="739.02856"
+           y="423.98322"
+           style="font-family:sans-serif" /></flowRegion><flowPara
+         id="flowPara3027"
+         style="font-size:12px;line-height:1.25;font-family:sans-serif"> </flowPara></flowRoot>
+    <path
+       inkscape:export-ydpi="300.02979"
+       inkscape:export-xdpi="300.02979"
+       inkscape:export-filename="/home/anoe/projets/gargantext/images/logo/4/Gargantext_Logo_V4.png"
+       id="path3950-7"
+       d="m 38.778063,-761.37342 1.202621,618.01837 481.586496,375.96563 -1.5783,-240.2383061 C 456.62284,-10.663434 400.65099,-24.53726 355.79711,-47.973139 235.94639,-110.54985 163.90547,-229.52575 163.90547,-363.91186 c 0,-203.72571 135.64903,-339.23809 356.08341,-354.47764 l 0.69782,-166.45744 z m 481.210897,42.98392 v 54.59677 c 11.18855,-1.05138 22.70858,-1.8065 34.52437,-1.8065 44.38918,0 85.39576,9.25679 126.45577,26.69623 l 15.45568,18.46655 16.66008,93.33642 h 62.22424 v -162.98746 c -73.24207,-19.4911 -145.27412,-29.9078 -212.96754,-29.9078 -14.42165,0 -28.58043,0.65367 -42.3526,1.60579 z m 0,54.59677 c -149.58643,14.05719 -241.87178,120.85247 -241.87178,292.65483 0,177.2792 92.79405,289.205165 241.87178,307.10688 z m 0,599.76171 v 56.4032939 c 8.74988,0.419418 17.67503,0.6018494 26.69616,0.6018494 65.474,0 142.15971,-12.1343093 229.82832,-35.7287673 V -288.03871 l 18.86803,-14.25135 61.0199,-5.21882 V -349.6608 H 578.80084 v 42.15192 l 78.88431,5.21882 18.868,14.25135 v 213.369024 c -43.27943,9.232649 -81.02583,13.448459 -113.20799,13.448459 -14.92242,0 -29.39185,-1.133223 -43.3562,-2.810087 z"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:166.11251831px;line-height:125%;font-family:'Bitstream Charter';-inkscape-font-specification:'Bitstream Charter';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;display:inline;fill:#005a9a;fill-opacity:1;stroke:none;stroke-width:3.33690691"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccscccccscccccsccsccccsccccccccccscc" />
+    <path
+       inkscape:export-ydpi="300.02979"
+       inkscape:export-xdpi="300.02979"
+       inkscape:export-filename="/home/anoe/projets/gargantext/images/logo/4/Gargantext_Logo_V4.png"
+       sodipodi:open="true"
+       sodipodi:end="6.1660663"
+       sodipodi:start="0"
+       d="m 685.46547,-496.32654 a 57.904251,57.904251 0 0 1 -56.20907,57.87943 57.904251,57.904251 0 0 1 -59.50018,-54.49052 57.904251,57.904251 0 0 1 52.72527,-61.06992 57.904251,57.904251 0 0 1 62.5873,50.91482"
+       sodipodi:ry="57.904251"
+       sodipodi:rx="57.904251"
+       sodipodi:cy="-496.32654"
+       sodipodi:cx="627.56122"
+       id="path3952-8"
+       style="display:inline;fill:#e5a400;fill-opacity:1;stroke:none;stroke-width:6.42315054"
+       sodipodi:type="arc" />
+    <polygon
+       style="display:inline;opacity:0.997;fill:none;stroke:#0e0202;stroke-width:0.14649744;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(23.363867,0,0,22.206668,-21592.891,-15332.639)"
+       points="925.86,656.17 925.86,683.934 946.529,700.889 982.552,688.136 982.552,654.748 946.529,650.629 "
+       id="polygon447-5"
+       inkscape:export-xdpi="300.02979"
+       inkscape:export-ydpi="300.02979"
+       inkscape:export-filename="/home/anoe/projets/gargantext/images/logo/4/Gargantext_Logo_V4.png" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Calque 3"
+     style="display:inline"
+     transform="translate(-149.9752,906.74447)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3130-7"
+       style="font-style:normal;font-weight:normal;line-height:0.01%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#005a9a;fill-opacity:1;stroke:none"
+       transform="matrix(3.336907,0,0,3.336907,-911.23874,-302.34952)"
+       inkscape:export-xdpi="300.02979"
+       inkscape:export-ydpi="300.02979"
+       inkscape:export-filename="/home/anoe/projets/gargantext/images/logo/4/Gargantext_Logo_V4.png"><flowRegion
+         id="flowRegion3132-5"
+         style="font-family:sans-serif"><rect
+           id="rect3134-3"
+           width="1090.0853"
+           height="476.31992"
+           x="327.0256"
+           y="148.23489"
+           style="font-family:sans-serif;fill:#005a9a;fill-opacity:1" /></flowRegion><flowPara
+         id="flowPara3136-5"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64px;line-height:1.25;font-family:Sawasdee;-inkscape-font-specification:Sawasdee;fill:#005a9a;fill-opacity:1">Gargan<flowSpan
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:72px;font-family:Courier;-inkscape-font-specification:Courier;fill:#005a9a;fill-opacity:1"
+   id="flowSpan3019-6">Text</flowSpan></flowPara></flowRoot>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:17.3333px;line-height:25px;font-family:'Computer Modern';-inkscape-font-specification:'Computer Modern, Medium';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="364.70294"
+       y="497.86563"
+       id="text4535" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Calque 2"
+     style="display:inline;opacity:0.997"
+     transform="translate(-149.9752,906.74447)" />
+</svg>

gargantext-org-website/images/server-logo-cnrs.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 55.3 55.3" style="enable-background:new 0 0 55.3 55.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#00294B;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M26.5,0.1C26,0,25.5,0,25,0C18.2,0,12,2.9,6.6,8.7C1.6,13.9,0,18.2,0,23.3C0,26,0.5,29,1.2,32.5
+		c1.3,6.6,5.3,13,10.8,17.6c4.2,3.5,8.9,5.2,13.9,5.3c2.6,0,5.2-0.4,7.9-1.4c8.6-3,16.9-11.5,20.1-20.7c1-2.9,1.5-5.8,1.5-8.5
+		c0-6.6-3-12.4-8.8-16.5C39.5,3.2,32.8,0.4,26.5,0.1z"/>
+	<g>
+		<path class="st1" d="M16.6,27.7h-1.9v0.1c0,0.4-0.2,3.6-3.1,3.6c-2.6,0-3.9-2.3-3.9-6.9c0-4.6,1.3-6.9,3.9-6.9
+			c2.9,0,3.1,3.4,3.1,3.6v0.1h1.9c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.4c0-0.9-0.5-5.4-5.7-5.4c-4.2,0-6.4,3.2-6.4,9.2
+			s2.2,9.2,6.4,9.2c5,0,5.6-4.1,5.7-5.3c0-0.2-0.1-0.3-0.2-0.5C17,27.8,16.8,27.7,16.6,27.7z"/>
+		<path class="st1" d="M46.1,23.4L46.1,23.4l-1.6-0.7c-1.6-0.7-2.1-1.4-2.1-2.6c0-1.6,1.1-2.6,2.9-2.6c1,0,1.8,0.2,2.8,1.2l0.1,0.1
+			L49,18c0.5-0.5,0.4-0.9,0.1-1.2c-0.8-1-2.2-1.6-3.9-1.6c-3.1,0-5.4,2.1-5.4,4.9c0,2.8,1.7,3.9,3.6,4.8l1.7,0.7
+			c1.7,0.7,2.5,1.4,2.5,3c0,2.2-2,2.8-3.2,2.8c-1,0-2.1-0.2-3.5-1.8l-0.1-0.1L40,30.4c-0.5,0.4-0.5,0.8,0,1.3
+			c1.3,1.6,3.1,1.9,4.4,1.9c2.8,0,5.7-1.7,5.7-5.1C50.1,25.7,48.5,24.4,46.1,23.4z"/>
+		<path class="st1" d="M30,20.6c0-2.8-2.3-5.2-5.2-5.2c-1.3,0-2.6,0.5-3.5,1.3v-1h-1.7c-0.5,0-0.7,0.3-0.7,0.7V33
+			c0,0.5,0.3,0.7,0.7,0.7h1.7V20.7c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1v13.1h1.7c0.5,0,0.7-0.3,0.7-0.7
+			C30,33,30,20.6,30,20.6z"/>
+		<path class="st1" d="M39.8,16.5c0.1-0.1,0.1-0.2,0.1-0.4c0-0.3-0.2-0.5-0.4-0.6c-0.5-0.2-1-0.2-1.6-0.2c-1.3,0-2.6,0.5-3.5,1.3v-1
+			h-1.7c-0.5,0-0.7,0.3-0.7,0.7V33c0,0.5,0.3,0.7,0.7,0.7h1.7V20.6c0-1.7,1.4-3.1,3.1-3.1c0.4,0,0.9,0.1,1.3,0.3L39.8,16.5
+			L39.8,16.5z"/>
+	</g>
+</g>
+</svg>

gargantext-org-website/images/server-logo-europe.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="72"
+   height="48"
+   viewBox="0 0 72 48"
+   version="1.1"
+   id="svg29"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs33" />
+  <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
+  <title
+     id="title2">EU/EU-emblem/standard-version/positive/FR</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <g
+     id="EU/EU-emblem/standard-version/positive/FR"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd">
+    <g
+       id="EU-emblem_standard">
+      <g
+         id="EU/EU-emblem/flag/flag-positive">
+        <g
+           id="EU_flag">
+          <rect
+             id="🌈-flag"
+             fill="#003399"
+             fill-rule="nonzero"
+             x="0"
+             y="0"
+             width="72"
+             height="48" />
+          <path
+             d="M 35.06,8.91 33.54,7.8 h 1.88 L 36,6 36.58,7.8 h 1.88 L 36.94,8.91 37.52,10.72 36,9.6 34.48,10.72 Z M 36.94,40.2 37.52,42 36,40.89 34.48,42 35.06,40.2 33.54,39.09 h 1.88 l 0.58,-1.81 0.58,1.81 h 1.88 z m -16.48,-15 -1.52,1.12 0.58,-1.8 L 18,23.44 h 1.88 l 0.58,-1.8 0.58,1.8 h 1.89 l -1.53,1.12 0.58,1.8 -1.52,-1.12 z m 8.71,-14.2 0.58,1.8 -1.52,-1.1 -1.52,1.11 0.58,-1.8 -1.52,-1.11 h 1.88 l 0.58,-1.8 0.58,1.8 h 1.88 z m -7.17,4.62 0.58,-1.8 0.59,1.8 H 25 l -1.52,1.12 0.58,1.8 -1.53,-1.12 -1.53,1.12 0.58,-1.8 -1.52,-1.12 z M 20.08,31.26 H 22 l 0.58,-1.8 0.59,1.8 H 25 l -1.52,1.12 0.58,1.8 -1.53,-1.11 -1.53,1.11 0.58,-1.8 -1.52,-1.12 z M 27.29,38.1 25.77,37 h 1.88 l 0.58,-1.8 0.58,1.8 h 1.88 l -1.52,1.1 0.58,1.8 -1.52,-1.11 -1.52,1.11 z m 25.19,-13.54 0.58,1.8 -1.52,-1.12 -1.54,1.12 0.58,-1.8 -1.53,-1.12 H 51 l 0.58,-1.8 0.58,1.8 H 54 Z M 42.83,11 41.31,9.9 h 1.88 l 0.58,-1.8 0.58,1.8 h 1.88 l -1.52,1.1 0.58,1.8 -1.52,-1.1 -1.52,1.11 0.58,-1.8 z m 6,4.61 0.59,-1.8 0.58,1.8 h 1.88 l -1.48,1.13 0.58,1.8 -1.52,-1.12 -1.53,1.12 0.58,-1.8 L 47,15.62 Z M 50,31.26 h 1.88 l -1.48,1.12 0.58,1.8 -1.52,-1.11 -1.53,1.11 0.58,-1.8 L 47,31.26 h 1.88 l 0.59,-1.8 0.58,1.8 z m -3.77,5.74 -1.52,1.1 0.58,1.8 -1.52,-1.11 -1.52,1.11 0.58,-1.8 -1.52,-1.1 h 1.88 l 0.58,-1.8 0.58,1.8 z"
+             id="🌈-stars"
+             fill="#ffcc00"
+             fill-rule="nonzero" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

gargantext-org-website/js/main.js

+
+
+document.addEventListener("DOMContentLoaded", function() {
+
+
+    
+  var elements = document.querySelectorAll(".circles li");
+  
+  // Supposons que fitText soit une fonction disponible globalement ou définie dans votre script
+  elements.forEach(function(element) {
+      fitText(element, 0.08);
+  });
+
+
+  // gsap.to(".excerpt-petit-prince", {
+  //   duration: 10,
+  //   yPercent: -50,
+  //   ease: "none",
+  //   repeat: -1,
+  // });
+
+});
+
+
+
+/* FitText.js 1.0 jQuery free version
+*
+* Copyright 2011, Dave Rupert http://daverupert.com 
+* Released under the WTFPL license 
+* http://sam.zoy.org/wtfpl/
+* Modified by Slawomir Kolodziej http://slawekk.info
+*
+* Date: Tue Aug 09 2011 10:45:54 GMT+0200 (CEST)
+*/
+(function(){
+
+  var addEvent = function (el, type, fn) {
+    if (el.addEventListener)
+      el.addEventListener(type, fn, false);
+		else
+			el.attachEvent('on'+type, fn);
+  };
+  
+  var extend = function(obj,ext){
+    for(var key in ext)
+      if(ext.hasOwnProperty(key))
+        obj[key] = ext[key];
+    return obj;
+  };
+
+  window.fitText = function (el, kompressor, options) {
+
+    var settings = extend({
+      'minFontSize' : -1/0,
+      'maxFontSize' : 1/0
+    },options);
+
+    var fit = function (el) {
+      var compressor = kompressor || 1;
+
+      var resizer = function () {
+        el.style.fontSize = Math.max(Math.min(el.clientWidth / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)) + 'px';
+      };
+
+      // Call once to set.
+      resizer();
+
+      // Bind events
+      // If you have any js library which support Events, replace this part
+      // and remove addEvent function (or use original jQuery version)
+      addEvent(window, 'resize', resizer);
+      addEvent(window, 'orientationchange', resizer);
+    };
+
+    if (el.length)
+      for(var i=0; i<el.length; i++)
+        fit(el[i]);
+    else
+      fit(el);
+
+    // return set of elements
+    return el;
+  };
+})();
\ No newline at end of file

gargantext-org-website/templates/default.html

-<!doctype html>
-<html lang="en">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
     <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>My Hakyll Blog - $title$</title>
-        <link rel="stylesheet" href="/css/default.css" />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
+        
+        <title>$title$</title>
+        <link rel="icon" href="/favicon/favicon.ico">
+        <link rel="stylesheet" href="/css/bootstrap-gargantext.min.css">
+        <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
+        <link rel="stylesheet" href="/css/garg-animations.css">
+        <link rel="stylesheet" href="/css/style-garg-icons.css">
+        <link rel="stylesheet" href="/css/default.css">
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
+        <script src="/js/bootstrap.min.js" defer></script>
+        <script src="/js/main.js" defer></script>
     </head>
-    <body>
-        <header>
-            <div class="logo">
-                <a href="/">My Hakyll Blog</a>
-            </div>
-            <nav>
-                <a href="/">Home</a>
-                <a href="/about.html">About</a>
-                <a href="/contact.html">Contact</a>
-                <a href="/archive.html">Archive</a>
+    <body class="poppins-regular text-dark-grey bg-garg-gradient-radial-light-blue">
+        
+        <!-- ======= Header ======= -->
+        <header id="header" class="fixed-top shadow">
+            <nav class="navbar navbar-expand-lg navbar-light py-0">
+                <div class="container">
+                    <a href="#top" class="navbar-brand logo m-1 d-flex align-items-center py-0 my-0">
+                        <picture class="py-1">
+                            <source srcset="img/logo.svg" media="(max-width: 992px)" class="img-fluid" />
+                            <img src="/images/logo.svg" alt="" class="img-fluid">
+                        </picture>
+                        <img src="/images/logo.svg" alt="" class="logo-scrolling img-fluid d-none">
+                        <span class="bold text-primary">Gargan<span class="text-courier">Text</span></span>
+                    </a>
+                    <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerGarg" aria-controls="navbarTogglerGarg" aria-expanded="false" aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+                    <div class="collapse navbar-collapse" id="navbarTogglerGarg">
+                        <ul class="navbar-nav ms-auto me-5 mb-2 mb-lg-0 text-center">
+                            <li class="nav-item">
+                                <a class="nav-link text-garg-gradient" href="#discover">Découvrir</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link text-garg-gradient" href="#learn">Se former</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link text-garg-gradient" aria-current="page" href="#connect">Se connecter</a>
+                            </li>
+                            <!-- <li class="nav-item ms-lg-5 d-flex ">
+                                <a class="nav-link" aria-current="page" href="#" title="English">🇬🇧</a>
+                                <span class="px-1 small">|</span><a class="nav-link" aria-current="page" href="#">🇨🇵</a>
+                            </li> -->
+                        </ul>
+                    </div>
+                </div>
             </nav>
+            <!-- <div class="container d-flex align-items-center">
+                
+                <a href="#top" class="logo m-1 d-flex align-items-center">
+                    <picture>
+                        <source srcset="img/logo.svg" media="(max-width: 992px)" class="img-fluid" />
+                        <img src="/images/logo.svg" alt="" class="img-fluid">
+                    </picture>
+                    <img src="/images/logo.svg" alt="" class="logo-scrolling img-fluid d-none">
+                    <span class="bold text-primary">Gargan<span class="text-courier">text</span></span>
+                </a>
+                
+            </div> -->
+            <div class="bg-garg-gradient-mix pt-1"></div>
+            
         </header>
+        <!-- ======= End Header =======  -->
+        
 
-        <main role="main">
-            <h1>$title$</h1>
-            $body$
-        </main>
+        $body$
 
-        <footer>
-            Site proudly generated by
-            <a href="http://jaspervdj.be/hakyll">Hakyll</a>
+
+        <footer class="bg-green justify-content-center align-items-center text-center p-4 mt-5">
+            <div class="footer-bottom text-light text-center py-5 "><a href="https://gitlab.iscpif.fr/gargantext/main/raw/master/LICENSE" target="_blank" class="text-light">Mentions légales <i class="fa fa-external-link " aria-hidden="true"></i></a> - © GarganText 2024</div>
+            <ul class="logos list-unstyled list-inline">
+                <li class="list-inline-item"><a href="https://www.cnrs.fr" target="_blank" class="footer-link"><img src="/images/logo-cnrs-white.png" alt="CNRS - Centre national de la recherche scientifique" class="logo logo-iscpif"></a></li>
+                <a class="list-inline-item"><a href="https://iscpif.fr" target="_blank" class="footer-link"><img src="/images/logo-iscpif.png" alt="ISCPIF - Institut des systèmes complexes Paris Ile-de-France" class="logo logo-cnrs"></a></li>
+            </ul>
         </footer>
+        
     </body>
 </html>