GSA layout

Holusion · Sep 16, 2024 · 982727c · 982727c
1 parent 7b4478c
commit 982727c
Show file tree

Hide file tree

Showing 6 changed files with 201 additions and 9 deletions.
diff --git a/_css/_fonts.scss b/_css/_fonts.scss
@@ -21,3 +21,14 @@
   font-family: "CgBernhardt";
   src: local('CgBernhardtMd'), url("/static/fonts/CgBernhardtMd_corrected.woff") format('woff');
 }
+
+@font-face {
+  font-family: "Marianne";
+  src: local('Marianne'), url("/static/fonts/Marianne-Medium.woff") format('woff');
+}
+
+@font-face {
+  font-family: "Marianne";
+  src: local('Marianne'), url("/static/fonts/Marianne-Bold.woff") format('woff');
+  font-weight: bold;
+}
diff --git a/_layouts/GSA.html b/_layouts/GSA.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+
+<html lang="{{page.lang}}">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Holusion">
+  <link rel="publisher" href="https://plus.google.com/118076369091699793802"/>
+
+  <title>{% if page.title %}{{page.title}} : {% endif %}{%if page.abstract %}{{page.abstract }} - {% endif %}{{site.data.strings.site-title[page.lang]}}</title>
+
+  {%- if page.description -%}
+    <meta name="description" content="{{ page.description | strip_html | truncatewords:155|escape }}" />
+    <meta property="og:description" content="{{page.description | strip_html | truncatewords:297|escape}}"/>
+  {%- elsif page.abstract -%}
+    <meta name="description" content="{{ page.abstract|truncatewords:155|escape }}" />
+    <meta property="og:description" content="{{page.abstract | strip_html | truncatewords:297 |escape}}"/>
+  {%- else -%}
+    <meta name="description" content="{{site.data.strings.site-description[page.lang]}}" />
+  {%- endif -%}
+
+  {%- if page.image -%}
+    {%- if page.image contains "static/" -%}
+      <meta name="twitter:image"  content="{{site.url}}{{page.image}}">
+      <meta property="og:image" content="{{site.url}}{{page.image}}"/>
+    {%- else -%}
+      <meta name="twitter:image"  content="{% picture meta "{{page.image}}" %}">
+      <meta name="og:image"  content="{% picture meta "{{page.image}}" %}">
+    {%- endif -%}
+  {%- endif -%}
+  {%- if page.layout == "post" -%}
+    <meta property="og:type" content="article"/>
+  {%- else -%}
+    <meta property="og:type" content="website"/>
+  {%- endif -%}
+  {%- if page.lang -%}
+    <meta property="og:locale" content="{{page.lang}}"/>
+  {%- endif -%}
+
+  <link rel="canonical" href="{{page.url | absolute_url }}">
+  {%- if page.alt_url -%}
+  <link rel="alternate" hreflang="{{page.alt_lang}}" href="{{page.alt_url | absolute_url }}">
+  <link rel="alternate" hreflang="{{page.lang}}" href="{{page.url |absolute_url }}">
+  {%- endif -%}
+
+  <!-- CSS Loading -->
+  <link href="/css/style.css{%if site.build_id%}?id={{site.build_id}}{%endif%}" rel="stylesheet">
+
+  <script defer="" src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+  {% include favicons.html url="/static/img/icons/favicons" %}
+  {% include utils/make_pages.html %}
+</head>
+<body>
+
+  <!-- Jumbotron Header -->
+  <nav class="navbar navbar-expand-md fixed-top navbar-dark" role="navigation">
+    <div class="container" style="background: #a9642f">
+        <!-- Brand and toggle get grouped for better mobile display -->
+      <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-1" aria-expanded="false">
+        <span class="visually-hidden">Toggle navigation</span>
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbar-collapse-1">
+        <ul class="nav navbar-nav me-auto" role="menu">
+          {% comment %} Links floating to the left come here {%endcomment %}
+        </ul>
+        <ul class="nav navbar-nav" role="menu">
+          {% include components/language_picker.html type="nav-item dropdown" classes="nav-link" %}
+        </ul>
+      </div>
+    </div>
+    <!-- /.container -->
+</nav>
+
+  <!-- Page Content -->
+    {{ content }}
+
+  <!-- Footer -->
+  <footer class="text-white bg-dark">
+    {% comment %} contact-form is position:fixed and will not interfere int the layout {%endcomment%}
+    {% include components/contact_form.html %}
+
+    <nav id="navbar-bottom" role="navigation"  class="p-2">
+      <div class="container">
+        <div class="row text-center">
+          <div class="col-lg-4 pt-4">
+            <button class="btn btn-contact" data-test="navbar-contact-button" data-bs-toggle="modal" data-bs-target="#contactform-modal" style="margin-top:-0.5rem">
+              {{site.data.strings["contact-us"][page.lang]}}
+            </button>
+            <ul class="navbar-nav" style="margin-top:1rem">
+              <li><a href="mailto:[email protected]" class="contact-link">[email protected]</a></li>
+              <li><a href="tel:+33970667796">
+                <span itemprop="telephone" >+33 (0)9 70 66 77 96</span>
+              </a></li>
+              <li>
+                <a itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" target="_blank" href='https://www.google.com/maps/place/Holusion/@50.7007444,3.1578966,19z/data=!4m8!1m2!3m1!2sHolusion!3m4!1s0x0:0x60b453b312cc0a2b!8m2!3d50.7011311!4d3.1584262' style="display:block;">
+                  <div>
+                    <span itemprop="streetAddress">111, avenue Jean Lebas</span>
+                  </div>
+                  <div>
+                    <span itemprop="postalCode">59100</span>
+                    <span itemprop="addressLocality">Roubaix</span>,
+                    <span itemprop="addressCountry">France</span>
+                  </div>
+                </a>
+              </li>
+            </ul>
+          </div>          
+          <div class="col-lg-4 pt-4 order-lg-first">
+            <h3 class="text-white">Holusion</h3>
+            <ul class="navbar-nav">
+              <li><a href="{{domain}}/{{page.lang}}/about">
+                {{site.data.sections.about[page.lang]}}
+              </a></li>
+              <li><a href="{{domain}}/{{page.lang}}/store">
+                {{site.data.sections.products[page.lang]}}
+              </a></li>
+              <li><a  href="/{{page.lang}}/CGV">
+                {{site.data.sections.cgv[page.lang]}}
+              </a></li>
+              <li><a href="/{{page.lang}}/about/privacy">
+                {{site.data.sections.privacy[page.lang]}}
+              </a></li>
+            </ul>
+          </div>
+
+          <div class="col-lg-4 pt-4">
+            <h3 class="block-title text-white">{{ site.data.strings.social-links[page.lang] }}</h3>
+                {% include components/mailchimp.html %}
+              <div class="pt-3">{% include lists/social_list.html %}</div>
+          </div>
+        </div>
+
+        <div class="text-center pb-3 pt-5">
+          <span class="d-none d-lg-inline">
+            {{ site.data.strings.copyright[page.lang]}} {{ site.time | date: '%Y' }}
+          </span>
+          <a rel="license" itemprop="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
+            <span class="d-none d-xl-inline text-info">CC. Attribution ShareAlike</span>
+            <span class="d-inline d-xl-none text-info">CC.BySa</span>
+          </a>          
+        </div>
+
+      </div>
+    </nav>
+  </footer>
+  <div class="scripts d-none">
+    {%- for script in page.scripts -%}
+      <script src="{{script}}" async ></script>
+    {%- endfor -%}
+  </div>
+</body>
+</html>
diff --git a/en/_posts/2024-05-14-lascaux3D.html b/en/_posts/2024-05-14-lascaux3D.html
@@ -1,5 +1,5 @@
 ---
-layout: front_page
+layout: GSA
 title: eCorpus - Visite de Lascaux en 3D 
 image: img/posts/2024_lascaux/lascaux.jpg
 abstract: Une visite en ligne de la plus célèbre grotte peinte de France
@@ -9,16 +9,24 @@
 <script async src="https://man.ecorpus.holusion.com/dist/js/voyager-explorer.js"></script>
 
 <style>
+  body {
+    background: #a9642f
+  }
+
   .content [data-step] {
     min-height:55vh;
     padding-bottom: 10vh;
+    font-family: "Marianne", "Arial", sans-serif, Arial, Helvetica, sans-serif;
+
+  }
+  .content h2 {
+    color : #a9642f;
+    font-family: "Marianne", "Times New Roman", serif;
+    font-weight: bold;
   }
 
-  @keyframes spin { 100% { transform:rotate(360deg); } }
-  .spinner {
-    width: 50%;
-    height: 50%;
-    animation:spin 5s linear infinite;
+  .main-dark {
+    background : #1a1715;
   }
 </style>
 
@@ -65,7 +73,8 @@
         </div>
       </div>
       <div data-step="0" class='text-center'>
-        <h2>Lascaux Cave</h2>
+        <a href="https://archeologie.culture.gouv.fr/lascaux/en"><h3>Archeologie.culture.fr collection</h3></a>
+        <h2 style="margin-top: 100px;margin-bottom:50px;font-size: 300%;">Lascaux cave</h2>
         <p>
          <strong >
           September 12, 1940

diff --git a/fr/_posts/2024-05-14-lascaux3D.html b/fr/_posts/2024-05-14-lascaux3D.html
@@ -1,5 +1,5 @@
 ---
-layout: front_page
+layout: GSA
 title: eCorpus - Visite de Lascaux en 3D 
 image: img/posts/2024_lascaux/lascaux.jpg
 abstract: Une visite en ligne de la plus célèbre grotte peinte de France
@@ -9,9 +9,24 @@
 <script async src="https://man.ecorpus.holusion.com/dist/js/voyager-explorer.js"></script>
 
 <style>
+  body {
+    background: #a9642f
+  }
+
   .content [data-step] {
     min-height:55vh;
     padding-bottom: 10vh;
+    font-family: "Marianne", "Arial", sans-serif, Arial, Helvetica, sans-serif;
+
+  }
+  .content h2 {
+    color : #a9642f;
+    font-family: "Marianne", "Times New Roman", serif;
+    font-weight: bold;
+  }
+
+  .main-dark {
+    background : #1a1715;
   }
 
   @keyframes spin { 100% { transform:rotate(360deg); } }
@@ -65,7 +80,9 @@
         </div>
       </div>
       <div data-step="0" class='text-center'>
-        <h2>Grotte de Lascaux</h2>
+        <a href="https://archeologie.culture.gouv.fr/lascaux/fr"><h3>Collection Grand sites archéologiques</h3></a>
+        <h2 style="margin-top: 100px;margin-bottom:50px;font-size: 300%;">La grotte de Lascaux</h2>
+
         <p>
          <strong >
          12 Septembre 1940 

diff --git a/static/fonts/Marianne-Bold.woff b/static/fonts/Marianne-Bold.woff
diff --git a/static/fonts/Marianne-Medium.woff b/static/fonts/Marianne-Medium.woff