Merge pull request #74 from geovistory/new-pages

New pages
geovistory · Feb 13, 2024 · e81ddc7 · e81ddc7
2 parents d7acd20 + 28ad8ce
commit e81ddc7
Show file tree

Hide file tree

Showing 26 changed files with 1,042 additions and 4 deletions.
diff --git a/components/logos/CzeckAcademyScienceLogo200.tsx b/components/logos/CzeckAcademyScienceLogo200.tsx
@@ -0,0 +1,12 @@
+import Image from 'next/image';
+import img from '../../public/logo-czech-acadamy-science.png';
+
+export const CzeckAcademyScienceLogo200 = () => (
+  <Image
+    src={img}
+    placeholder="blur"
+    width={200}
+    height={200}
+    objectFit={'scale-down'}
+    alt="Czech Academy of Science" />
+);
diff --git a/components/logos/GacrLogo200.tsx b/components/logos/GacrLogo200.tsx
@@ -0,0 +1,12 @@
+import Image from 'next/image';
+import img from '../../public/logo-gacr-en.png';
+
+export const GacrLogo200 = () => (
+  <Image
+    src={img}
+    placeholder="blur"
+    width={200}
+    height={200}
+    objectFit={'scale-down'}
+    alt="Czech Science Foundation" />
+);
diff --git a/components/logos/UniFriLogo200.tsx b/components/logos/UniFriLogo200.tsx
@@ -0,0 +1,12 @@
+import Image from 'next/image';
+import img from '../../public/logo-unifri.png';
+
+export const UnifriLogo200 = () => (
+  <Image
+    src={img}
+    placeholder="blur"
+    width={200}
+    height={200}
+    objectFit={'scale-down'}
+    alt="University of Fribourg" />
+);
diff --git a/components/logos/UniNeLogo200.tsx b/components/logos/UniNeLogo200.tsx
@@ -0,0 +1,12 @@
+import Image from 'next/image';
+import img from '../../public/logo-unine.png';
+
+export const UniNe200 = () => (
+  <Image
+    src={img}
+    placeholder="blur"
+    width={200}
+    height={200}
+    objectFit={'scale-down'}
+    alt="University of Neuchâtel" />
+);
diff --git a/components/logos/UnibasLogo200.tsx b/components/logos/UnibasLogo200.tsx
@@ -0,0 +1,13 @@
+import Image from 'next/image';
+import unibasImg from '../../public/universitat-basel-logo.png';
+
+
+export const UnibasLogo200 = () => (
+  <Image
+    src={unibasImg}
+    placeholder="blur"
+    width={200}
+    height={200}
+    objectFit={'scale-down'}
+    alt="Universität Basel logo" />
+);
diff --git a/lib/projectHomePages/enfants-du-placard/enfants-du-placard.module.css b/lib/projectHomePages/enfants-du-placard/enfants-du-placard.module.css
@@ -0,0 +1,112 @@
+.theme {
+    --ion-background-color: #fff;
+    --gv-bg-project-toolbar: #EBF8FF;
+}
+.section {
+    padding: 1rem 1rem;
+}
+.sectionGray {
+    padding: 1rem 1rem;
+    background-color: var(--ion-color-light-shade);
+}
+.partners {
+    max-width: 39.6rem;
+    margin: 0 auto;
+    --ion-grid-column-padding: .8rem;
+}
+.partners ion-card {
+    margin: 0;
+    padding: 1rem;
+}
+.logosTitle {
+    margin-top: 0;
+    padding-top: 0;
+}
+
+.logosContainer {
+    margin-top: 4rem;
+    background-color: white;
+    --ion-grid-column-padding: var(--ion-padding);
+}
+
+.bannerContainer {
+    position: relative;
+    height: 250px;
+    display: flex;
+    align-items: center;
+}
+
+.bannerImage {
+    object-position: 100% 70%;
+}
+
+.title {
+    color: #36353d;
+    font-size: 1.4rem;
+    /* text-shadow: rgb(51, 38, 76) 1px 0 10px; */
+    position: absolute;
+    left: 1rem;
+    right: 1rem;
+    top: 1rem;
+    margin-top: 0;
+}
+
+/* sm and up */
+@media screen and (min-width: 576px) {
+    .title {
+        font-size: 2rem;
+    }
+
+    .bannerContainer {
+        height: 350px;
+    }
+
+    .bannerImage {
+        object-position: 100% 70%;
+    }
+}
+
+/* md and up */
+@media screen and (min-width: 768px) {
+    .title {
+        font-size: 2.1rem;
+    }
+
+    .bannerContainer {
+        height: 425px;
+    }
+
+    .bannerImage {
+        object-position: 100% 70%;
+    }
+}
+
+/* lg and up */
+@media screen and (min-width: 992px) {
+    .title {
+        font-size: 2.6rem;
+    }
+
+    .bannerContainer {
+        height: 500px;
+    }
+
+    .bannerImage {
+        object-position: 100% 70%;
+    }
+}
+
+/* xl and up */
+@media screen and (min-width: 1200px) {
+    .title {
+        font-size: 3.1rem;
+    }
+
+    .bannerContainer {
+        height: 650px;
+    }
+
+    .bannerImage {
+        object-position: 100% 70%;
+    }
+}
diff --git a/lib/projectHomePages/enfants-du-placard/enfants-du-placard.tsx b/lib/projectHomePages/enfants-du-placard/enfants-du-placard.tsx
@@ -0,0 +1,164 @@
+import { NextPage } from 'next';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import { Person } from '../../../components/elements/Person.component';
+import { ProjectPageLayout } from '../../../components/layouts/ProjectPageLayout.component';
+import { KleiolabLogo200 } from '../../../components/logos/KleiolabLogo200';
+import { SnfLogo200 } from '../../../components/logos/SnfLogo200';
+import { UniNe200 } from '../../../components/logos/UniNeLogo200';
+import { ProjectPageProps } from '../../../pages/project/[geov_id]';
+import bannerImg from '../../../public/enfants-du-placard.jpg';
+import styles from './enfants-du-placard.module.css';
+
+const EnfantsDuPlacard_component: NextPage<ProjectPageProps> = (props) => {
+  const router = useRouter();
+
+  return (
+    <div className={styles.theme}>
+      <ProjectPageLayout {...props.projectPageLayout}>
+        <div className={styles.bannerContainer}>
+          <Image
+            className={styles.bannerImage}
+            src={bannerImg}
+            placeholder="blur"
+            alt="Roman Forum"
+            layout="fill"
+            objectFit={'cover'}
+          />
+        </div>
+        <ion-grid fixed class="ion-padding">
+          <h1>{props.params.fullName}</h1>
+          <p className="lead">
+            Une socio-histoire des gens qui migrent (1946-2002)
+          </p>
+          <p>
+            Dans l’après-guerre en Suisse, des enfants ont vécu dans la
+            clandestinité. Le statut de saisonnier – qui exclut le regroupement
+            familial – est alors au cœur du régime migratoire. Un contexte de
+            précarité pour les familles dans lequel les enfants vivent séparés
+            de leurs parents ou parfois « cachés ». Ce projet de recherche vise
+            à éclairer la diversité de ces situations, en particulier le vécu et
+            les parcours, encore très peu connus, desdits « enfants du placard
+            ».
+          </p>
+          <p>
+            La recherche se base sur des méthodes analytiques qualitatives et
+            quantitatives et interroge des sources multiples et variées :
+            documents d’archives étatiques, des récits et enquêtes
+            psychologiques, sociologiques ou encore journalistiques effectuées
+            depuis les années 1970, ainsi que sur les sources orales.
+          </p>
+          <p>
+            Plus d&apos;informations sur{' '}
+            <a
+              href="https://www.unine.ch/histoire/home/recherche-1/une-socio-histoire-des-gens-qui.html"
+              target="_blank"
+              rel="noreferrer"
+            >
+              le site du projet
+            </a>{' '}
+            de l&apos;Université de Neuchâtel.{' '}
+          </p>
+          <p>
+            Le projet travaille avec{' '}
+            <a
+              href="https://toolbox.geovistory.org"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Geovistory Toolbox
+            </a>{' '}
+            pour créer, gérer et publier ses données de recherche. Plus
+          </p>
+        </ion-grid>
+        <ion-grid class={styles.section}>
+          <h3>Involved People</h3>
+          <ion-row class="restricted-width">
+            <ion-col size="6">
+              <Person
+                name="Prof.e Kristina Schulz"
+                description="directrice du projet"
+              />
+            </ion-col>
+            <ion-col size="6">
+              <Person name="Magali Michelet" description="doctorante FNS" />
+            </ion-col>
+            <ion-col size="6">
+              <Person
+                name="Dr.e Sarah Kiani"
+                description="collaboratrice scientifique du projet"
+              />
+            </ion-col>
+
+            <ion-col size="6">
+              <Person
+                name="Dr. Simone Visconti"
+                description="collaborateur scientifique du projet"
+              />
+            </ion-col>
+            <ion-col size="6">
+              <Person name="Marie Bouvier" description="assistante-étudiante" />
+            </ion-col>
+            <ion-col size="6">
+              <Person
+                name="Guillaume de Pury"
+                description="assistante-étudiant"
+              />
+            </ion-col>
+          </ion-row>
+        </ion-grid>
+        <ion-grid class={styles.sectionGray}>
+          <h3>Funding agencies and partners</h3>
+          <div className={styles.partners}>
+            <ion-row>
+              <ion-col
+                size="4"
+                style={{ display: 'flex' }}
+                class="ion-justify-content-center"
+              >
+                <ion-card href="https://www.snf.ch/" target="_blank">
+                  <div
+                    style={{ display: 'flex', background: 'white' }}
+                    className="ion-justify-content-center"
+                  >
+                    <SnfLogo200 />
+                  </div>
+                </ion-card>
+              </ion-col>
+              <ion-col
+                size="4"
+                style={{ display: 'flex' }}
+                class="ion-justify-content-center"
+              >
+                <ion-card href="https://www.unine.ch" target="_blank">
+                  <div
+                    style={{ display: 'flex', background: 'white' }}
+                    className="ion-justify-content-center"
+                  >
+                    <UniNe200 />
+                  </div>
+                </ion-card>
+              </ion-col>
+              <ion-col
+                size="4"
+                style={{ display: 'flex' }}
+                class="ion-justify-content-center"
+              >
+                <ion-card href="https://www.kleiolab.ch" target="_blank">
+                  <div
+                    style={{ display: 'flex', background: 'white' }}
+                    className="ion-justify-content-center"
+                  >
+                    <KleiolabLogo200 />
+                  </div>
+                </ion-card>
+              </ion-col>
+            </ion-row>
+          </div>
+        </ion-grid>
+      </ProjectPageLayout>
+    </div>
+  );
+};
+
+export default EnfantsDuPlacard_component;
diff --git a/lib/projectHomePages/projectHomePageMap.ts b/lib/projectHomePages/projectHomePageMap.ts
@@ -10,6 +10,9 @@ import Softpowarts_component from './softpowarts/softpowarts';
 import AcademicCareers_component from './academic-careers/academic-careers';
 import RomanSenate_component from './roman-senate/roman-senate';
 import SwitzerlandAndBeyond_component from './switzerland-and-beyond/switzerland-and-beyond';
+import StudentInternationalism_component from './student-internationalism/student-internationalism';
+import UrbanBiographies_component from './urban-biographies/urban-biographies';
+import EnfantsDuPlacard_component from './enfants-du-placard/enfants-du-placard';
 
 
 interface Map {
@@ -41,6 +44,11 @@ export const projectHomePageMap: Map = {
     941447: RomanSenate_component,
 
     // Switzerland and beyond
-    153: SwitzerlandAndBeyond_component
+    153: SwitzerlandAndBeyond_component,
+
+    11172552: StudentInternationalism_component,
 
+    6619613: UrbanBiographies_component,
+
+    1458522: EnfantsDuPlacard_component
 };