fixed: reiman archives (english)

Author: isadeks

_data/reiman_archives.json

@@ -0,0 +1,123 @@
+[
+    {
+        "title_EN": "Archival Material",
+        "title_FR": "Matériel d'Archives",
+        "image-front": "/assets/images/reiman/archives/actedemariagereimann.png",
+        "image-back": "",
+        "toggle": "",
+        "name": "Acte de mariage Reimann ",
+        "caption_EN": "Wedding certificate of Abraham and Malka.",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/fourruresreiman.png",
+        "image-back": "",
+        "toggle": "",
+        "name": "Fourrures Reiman",
+        "caption_EN": "Reiman Furs",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/administrateur_provisoire1.png",
+        "image-back": "",
+        "toggle": "",
+        "name": "Administrateur provisoire 1",
+        "caption_EN": "Temporary administrator for the Reiman's company",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/administrateur_provisoire2.png",
+        "image-back": "",
+        "toggle": "",
+        "name": "Administrateur provisoire 2",
+        "caption_EN": "Second temporary administrator for the Reiman's company",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/carte_abraham.jpg",
+        "image-back": "/assets/images/reiman/archives/carte_abraham_back.jpg",
+        "toggle": "yes",
+        "name": "Carte Abraham",
+        "translation": "On the occasion of this holiday I wish you much happiness. That the coming year brings us only good things. May harmony and love continue to reign evermore. Your husband and father. Reiman",
+        "caption_EN": "January 1942 - A card Abraham sent from Pithiviers. Madeleine and Arlette do not think it is their father's handwriting.",
+        "caption_FR": "Janvier 1942 - Carte d'Abraham envoyée de Pithiviers. Madeleine et Arlette ne pensent pas qu'il s'agisse de l'écriture de leur père."
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/1942ficheliberation.png",
+        "image-back": "",
+        "toggle": "",
+        "name": "Fiche Liberation",
+        "caption_EN": "Release form of Malka from Beaune-la-Rolande",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/grundel.png",
+        "image-back": "",
+        "toggle": "",
+        "name": "Grundel",
+        "caption_EN": "Pay slip from Grundel's",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/carteinternedemalka.jpeg",
+        "image-back": "",
+        "toggle": "",
+        "name": "Carte interne de Malka",
+        "caption_EN": "Dec. 1944 - Malka's Internee ID card",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/actededisparitionabraham.jpeg",
+        "image-back": "",
+        "toggle": "",
+        "name": "1950 Acte de disparition",
+        "caption_EN": "1950 - Missing person form",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/1950actededisparition.jpeg",
+        "image-back": "",
+        "toggle": "",
+        "name": "1950 disparition Abram",
+        "caption_EN": "1950 - Adminstrative refusal to declare Abraham as deceased",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/1950nonrentre.jpeg",
+        "image-back": "",
+        "toggle": "",
+        "name": "1950 non-rentre",
+        "caption_EN": "1950 - Certificate acknowledging Abraham has not returned",
+        "caption_FR": ""
+    },
+    {
+        "title_EN": "",
+        "title_FR": "",
+        "image-front": "/assets/images/reiman/archives/1951pensionorpheline.jpeg",
+        "image-back": "",
+        "toggle": "",
+        "name": "1951 pension orpheline",
+        "caption_EN": "1951 - Pension for orphans",
+        "caption_FR": ""
+    }
+]

_data/reiman_archives.csv _data/reiman_archives_old.csv_data/reiman_archives.csv renamed to _data/reiman_archives_old.csv

@@ -1442,8 +1442,6 @@ pn-body {
 -webkit-align-items: center;
 background-color: inherit;
 /* margin: 20px 20px 20px 20px; */
-
-
 }
 
 
@@ -1508,6 +1506,7 @@ position: relative;
 
 .carousel-item__info {
   height: 100%;
+  min-height: 0;
   display: flex;
   justify-content: center;
   flex-direction: column;
@@ -1526,6 +1525,7 @@ position: relative;
 
 .carousel-letter-item__info {
   height: 100%;
+  min-height: 0;
   display: flex;
   justify-content: center;
   flex-direction: column;
@@ -1674,9 +1674,16 @@ position: relative;
 
 
 
-.carousel-item__container{
-  overflow: scroll;
-  padding-top: 10px;
+.carousel-item__container {
+  /* make it fill the parent’s height */
+  height: 100%;
+
+
+  display: flex;
+  flex-direction: column;
+
+  justify-content: center;
+  align-items: flex-start;
 }
 
 .carousel-item__btn {

assets/css/styles.css

@@ -133,7 +133,8 @@ <h2 class="carousel-item__subtitle">{{item.title_EN}}</h2>
 
   <!--Archives-->
 
-  <a name= "archive"><div class="carousel-letter-body">
+  <a name= "archive">
+    <div class="carousel-letter-body">
     <div class="carousel-letter">
       <div class="carousel__nav">
        <span id="letter-moveLeft" class="carousel__arrow">
@@ -157,10 +158,16 @@ <h1 class="carousel-item__title">{{item.title}}</h1>-->
                 {% if item.title_EN %}
                   <h2 class="carousel-item__subtitle">{{item.title_EN}}</h2>
                 {% endif %}
-                <p class="carousel-item__description">{{ item.caption_EN }}</p>
+                <p class="carousel-item__description" style="margin-bottom: -0.5em">{{ item.caption_EN }}</p>
                 <!-- <a href="#" class="carousel-item__btn">Explore the tour</a>-->
+                {% if item.translation %}
+                {% assign sentences = item.translation | split: ". " %}
+                {% for sentence in sentences %}
+                  <p class="carousel-item__description" style="margin-bottom: -0.5em"><i>{{ sentence }}</i></p>
+                {% endfor %}
+                {% endif %}
                 {% if item.toggle == "yes" %}
-                  <button onclick="toggle()">Flip the letter over!</button>
+                  <button style="margin-top: 1em" onclick="toggle()">Flip the letter over!</button>
                 {% endif %}
               </div>
             </div>