add eThesaurus collection. Navbar collapse on small screens

_config.yml

@@ -29,8 +29,21 @@ defaults:
       lang: "en"
 
   - scope:
-      path: "*/doc"
+      path: "fr/doc"
     values:
       layout: "doc"
       type: doc
-
+
+  - scope:
+      path: "en/doc"
+    values:
+      layout: "doc"
+      type: doc
+  - scope:
+      path: "fr/collection"
+    values:
+      layout: "item"
+  - scope:
+      path: "en/collection"
+    values:
+      layout: "item"

_data/nav.yml

@@ -5,8 +5,11 @@ index:
 #   fr: Galerie
 #   en: Gallery
 doc/:
-  fr: <span class="hidden-small">Documentation</span><span class="hidden-large">Docs</span>
-  en: <span class="hidden-small">Documentation</span><span class="hidden-large">Docs</span>
+  fr: Documentation
+  en: Documentation
+collections:
+  fr: Collections
+  en: Collections
 posts:
   fr: Articles
   en: Posts

_layouts/default.html

@@ -67,13 +67,18 @@
       </div>
 
       <nav id="navbar-top" class="navbar navbar-sticky" role="navigation">
-        <ul role="menu" class="nav-group">
-          {%- for item in site.data.nav -%}
-          <li class="nav-item">
-            <a href="/{{ lang }}/{{ item[0] }}">{{ item[1][page.lang] }}</a>
-          </li>
-          {%- endfor -%}
-        </ul>
+
+        <div  class="navbar-nav">
+          <button type="button" class="navbar-toggle menu-btn hidden-large" data-target="#top-nav-content"></button>
+          <ul role="menu" id="top-nav-content" class="nav-group">
+            {%- for item in site.data.nav -%}
+            <li class="nav-item">
+              <a href="/{{ lang }}/{{ item[0] }}">{{ item[1][page.lang] }}</a>
+            </li>
+            {%- endfor -%}
+          </ul>
+        </div>
+
         <ul role="menu" class="nav-group langues-navbar2">
           {% include language_picker.html type="nav-item dropdown" classes="nav-link" %}
         </ul>

_layouts/item.html

@@ -0,0 +1,34 @@
+---
+layout: page
+---
+
+<section class="section">
+    <h2>{{page.abstract}}</h2>
+</section>
+
+<section class="section">
+
+    {% include voyager.html embed=page.scene class="h-100 larg100" %}
+
+    {%- for prop in page.properties -%}
+        <h4>{{ prop[0] }}</h4>
+        <p>{{ prop[1] }}</p>
+    {%- endfor -%}
+</section>
+
+{{ content }}
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "3DModel",
+        "name": "{{page.scene}}",
+        "abstract": "{{page.abstract}}",
+        "image": "https://ecorpus.holusion.com/scenes/{{page.scene}}/scene-image-thumb.jpg",
+        "encoding":{
+            "@type": "MediaObject",
+            "contentUrl": "{{page.object}}",
+            "encodingFormat": "model/gltf-binary"
+        }
+    }
+</script>

_sass/base.scss

@@ -18,8 +18,9 @@ body {
   margin:0px;
   padding: 0px;
   display: grid;
-  grid-template-rows: $header_height $navbar_height auto $footer_height;
+  grid-template-rows: $header_height auto auto $footer_height;
   grid-template-columns: 1fr minmax(auto, 300px) min($main_width, 100vw - 20px) minmax(auto, 300px) 1fr;
+
   grid-template-areas:
     'header header header header header'
     'navbar navbar navbar navbar navbar'
@@ -73,12 +74,7 @@ img.fluid{
 /// NAVIGATION
 //////////////////////////////
 
-nav{
-  grid-area: navbar;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-}
+
 
 .navbar-header{
   grid-area: header;
@@ -114,25 +110,28 @@ nav{
 }
 
 
+nav.navbar{
+  grid-area: navbar;
+  width: 100%;
+  margin: 0;
+  padding: 1px 0;
+  box-sizing: border-box;
 
-.navbar{
   background-color: $middlegrey;
-  box-sizing: border-box;
-  height: $navbar_height;
-  padding: 1px 0;
+
   display: flex;
   flex-direction: row;
   align-items: stretch;
   justify-content: space-between;
+
   &#navbar-top{
     padding-left: 2em;
-    @media screen and (max-width: #{$main_width} ){
-      padding-left: 10px;
-      a{
-        padding-right: 1em;
-      }
+    box-shadow: 0 2px 2px 0px $middlegrey;
+    @media screen and  (max-width: calc($main_width - 1px) ){
+      padding-left:5px;
     }
   }
+
   &.navbar-sticky{
     position: sticky;
     top: 0px;
@@ -147,6 +146,18 @@ nav{
       margin : 0;
       list-style : none;
       display : inline-block;
+
+    }
+
+    @media screen and  (max-width: calc($main_width - 1px) ){
+      > .nav-item, >li{
+        display: none;
+      }
+      &.show{
+        > .nav-item, > li{
+          display: list-item;
+        }
+      }
     }
   }
 
@@ -164,6 +175,26 @@ nav{
     //   font-weight: 600;
     // }
   }
+
+  .menu-btn{
+    height: calc($navbar_height - 2px);
+    box-sizing: border-box;
+    background-color: transparent;
+    &::after{
+      content: "☰";
+    }
+    &[aria-expanded="true"]::after{
+      content: "✖";
+    }
+    &:hover{
+      color: $yellow;
+    }
+  }
+}
+
+.navbar-nav{
+  display: flex;
+  flex-direction: row;
 }
 
 ul{

en/collections/ethesaurus/croix-clairmarais.html

@@ -0,0 +1,103 @@
+---
+title: "Clairmarais reliquary cross"
+scene: "croix-clairmarais"
+abstract: "Reliquary cross of the True Cross, known as the Cross of Clairmarais."
+properties:
+    origin: North of France (Clairmarais or Saint-Omer ?), 1210-1220
+    conservation: Saint-Omer, Musée de l’hôtel Sandelin, inv. D 30
+    dimensions: H. 65,2 ; l. 34,4 ; Pr. 2,9 cm
+    materials: Gilded silver, chiseled and engraved on a wooden core; filigrees, niello, pearls, cloisonné enamels, and gems, among which 1 antique intaglio.
+    expositions: Lille 1874, n°500 ; Paris 1965, n°55 ; New York 1970, p. 123 ; Bologne 1979, p. 61 ; Cologne/Bruxelles 1972, p. 344 ; Venise 1984, p. 269 ; Saint-Omer 1992, n°2 ; Paris/New York 1995, p. 356 ; Namur 2003, p. 354-355 ; Paris/Saint-Omer 2013, n°89.
+---
+
+<section class="section section-center">
+    <div class="content bg-white text-dark">
+        <h2>Relique</h2>
+        <p>
+          Obverse: Three cross-shaped compartments, each inscribed in a quatrefoil, are arranged on the shaft of the cross. Only the central compartment has preserved the two pieces of the True Cross: the other two have been filled with a series of beads.
+        </p>
+        <h2>Inscriptions</h2>
+        <p>
+            <ul>
+                <li>
+                    Around the illustrated medallions on the reverse:
+                    <ul>
+                        <li>Around Christ in Majesty: "<i>A + ω EGO SUM A ω PRINCIPIUM ET FINIS</i>"</li>
+                        <li>Around the Virgin: "<i>SANCTA MARIA</i>"</li>
+                        <li>Around Saint John at the Crucifixion: "<i>+ IOHANNES APOSTELUS [sic]</i>"</li>
+                        <li>Around Saint John at the desk: "<i> IOHANNES APOSTOLUS </i>"</li>
+                        <li>Around Saint Mark at the desk: "<i> + MARCUS EVVANGELISTA </i>"</li>
+                        <li>Around Saint Luke at the desk: "<i> + LUCAS EVVANGELISTA </i>"</li>
+                        <li>Around Saint Matthew: "<i> + MATHEUS APOSTOLUS  </i>"</li>
+                    </ul>
+                </li>
+                <li>
+                    Around the fleur-de-lis tips, clockwise starting from the top:
+                    <ul>
+                        <li>"<i> + IOHANNES APOSTOLUS ET EVAGELISTA [sic] VIRGO DEI ELECTUS</i>"</li>
+                        <li>"<i>OS VITULI LUCAM DECLARAT QUI SPECIALEM MATERIAM SUMPSIT DE CRUCE CRISTE TUA</i>"</li>
+                        <li>"<i>+ MATHEO SPECIES HUMANA DATUR QUIA SCRIPTO • INDICAT E TITULO QUID DEUS EGIT HOMO</i>"</li>
+                        <li>"<i>+ AVE MARIA GRACIA PLENA DOMINUS TECUM BENEDICTA TU IN MULIERIBUS ET BENED...</i>"</li>
+                        <li>"<i>+ EFFIGIAT MARCUM LEO CUIUS LITTERA CLAMAT QUANTA SURREXIT UI TUA XPE EARO [sic]</i>"</li>
+                    </ul>
+                </li>
+            </ul>
+        </p>
+
+        <h2>History</h2>
+        <p>
+            According to legend, the Clairmarais reliquary cross was created to hold the relics of the True Cross brought back from the Holy Land by the Count of Flanders Thierry d'Alsace, founder of the Cistercian Abbey of Notre-Dame de Clairmarais.
+        </p><p>
+            After the abbey's suppression in 1791, the heirs of the last abbot who had retrieved the object sold it to Mr. Lefèvre-Hermand, who donated it to the confraternity of Notre-Dame-des-Miracles in Saint-Omer. Classified as a historical monument on May 11, 1897, it has been on deposit at the Musée de l'Hôtel Sandelin since 1979.          
+        </p>
+        <h2>Condition</h2>
+        <p>
+            The condition is good.
+            The filigree obverse has suffered less than the reverse, which shows notable alterations and losses: entire portions of the beaded border and four granulation rosettes on the rings have disappeared.
+        </p><p>
+            The niello decoration on the lateral and upper ends is heavily oxidized and the medallion under the feet of Christ is heavily damaged.
+        </p>
+
+        <h2>Iconography</h2>
+        <p>
+            At the intersection of the lower traverse, the crucified Christ, with closed eyes and a bowed head, is attached by four nails, while his wounds let thin streams of blood flow. Everything seems to indicate here that he has just expired.
+        </p><p>
+            From his head sprouts a long bifid stem terminating in palmettes, which establishes a visual link with the Salvator Mundi, inscribed in a mandorla, in the upper register. At his feet, the resurrected Adam rises from his open tomb, his face directed upwards.
+        </p><p>
+            The ends of the lower traverse bear, on the other hand, representations of the Virgin and the Apostle John - with the characteristic affliction of the Crucifixion - while the remaining four medallions present the evangelists at their lecterns.
+        </p>
+        <h2>Commentary</h2>
+        <p>
+            For comments see: Lucas Fellag, L'Iconography of Northern Reliquary Crosses (Late 12th - Early 13th Century), 3 volumes, unpublished research paper, Master's Degree in Art History, under the direction of Marc Gil, University of Lille, June 2020, vol. III, cat. 12.
+        </p>
+
+        <h2>Bibliographie</h2>
+        <ul>
+            <li>Deschamps de Pas 1854, p. 285-293</li>
+            <li>Van Drival 1859, p. 2</li>
+            <li>De Laplane 1863, p. 54-55</li>
+            <li>Loriquet 1892, p. 124-127</li>
+            <li>Evans 1948, p. 72</li>
+            <li>Collon-Gevaert 1951, p. 214</li>
+            <li>Thoby 1959, p. 147-148</li>
+            <li>Steingräber 1960, p. 196 et 198-199</li>
+            <li>Frolow 1961, n°519</li>
+            <li>Frolow 1965, n°519</li>
+            <li>De Borchgrave d’Altena 1966, p. 111-112</li>
+            <li>Grimme 1972, p. 52-53 </li>
+            <li>Gauthier 1974, p. 205</li>
+            <li>Verdier 1974, p. 279-280</li>
+            <li>Gauthier 1983, n°85 et p. 144</li>
+            <li>Sauerländer 1989, p. 85</li>
+            <li>Taburet-Delahaye 1989, p. 56</li>
+            <li>Favreau 1996, p. 541</li>
+            <li>Dewanckel 2001-2002, p. 63</li>
+            <li>Mangold 2003, p. 90, 152</li>
+            <li>Coipel 2004 (I), n°4</li>
+            <li>Favreau 2005, p. 1018</li>
+            <li>García de Castro Valdés 2009, p. 396</li>
+            <li>Mezzacasa 2014, p. 185-186</li>
+            <li>Fellag 2020, t. III, cat.12.</li>
+        </ul>
+    </div>
+</section>