reorganize home page

Dockerfile

@@ -8,6 +8,4 @@ RUN apt-get update \
 
 WORKDIR /usr/share/nginx/html
 
-COPY . .
-
-# RUN cp nginx.conf /etc/nginx/nginx.conf
\ No newline at end of file
+COPY . .
\ No newline at end of file

public/main.js

@@ -317,26 +317,6 @@ class HomePage {
                         },
                     ],
                 },
-                {
-                    tag: "section",
-                    class: "page-contents-center",
-                    contents: [
-                        { tag: "h2", contents: "Actu", class: "section-title bg-blue" },
-                        new NewsArticles().render(),
-                    ],
-                },
-                {
-                    tag: "div",
-                    class: "page-philo",
-                    contents: [
-                        {
-                            tag: "p",
-                            class: "page-contents-center",
-                            contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations.
-                            <br /><br />Nous travaillons pour le plaisir de créer, de maîtriser et de comprendre.`,
-                        },
-                    ],
-                },
                 {
                     tag: "section",
                     class: "page-contents-center grid-3",
@@ -352,8 +332,7 @@ class HomePage {
                             title: "Software",
                             img: "meca_proc.svg",
                             href: "/software-development/",
-                            description: `Quand nous avons besoin d'un outil numérique, développement web, moteur de jeux ou outillage logiciel, nous aimons bien le fabriquer nous-même si c'est possible ... et si ça nous amuse ! 
-                                <br/>Retrouvez nos projets software en détail sur cette page.`,
+                            description: `Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail sur cette page.`,
                         },
                         {
                             title: "Pédagogie",
@@ -364,6 +343,26 @@ class HomePage {
                         },
                     ].map(cardProps => new ThemeCard(cardProps).render()),
                 },
+                {
+                    tag: "div",
+                    class: "page-philo",
+                    contents: [
+                        {
+                            tag: "p",
+                            class: "page-contents-center",
+                            contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations.
+                            <br /><br />Nous travaillons pour le plaisir de créer, de maîtriser et de comprendre.`,
+                        },
+                    ],
+                },
+                {
+                    tag: "section",
+                    class: "page-contents-center",
+                    contents: [
+                        { tag: "h2", contents: "Actu", class: "section-title bg-blue" },
+                        new NewsArticles().render(),
+                    ],
+                },
             ],
         };
     }

public/news-articles/installation-kuadrado/installation-kuadrado.json

 {
     "title": "Kuadrado s'installe à Vernoux en Vivarais (07)",
     "date": "2021/01/24",
-    "subtitle": "De l'art et du code dans le cheminou !",
+    "subtitle": "De l'art et du code !",
     "body": "<file>installation-kuadrado.txt",
     "images": [
         "local_entree.jpg",
-        "local_espace.jpg",
-        "atelier_bureau_2.jpg",
-        "atelier_bureau_lucie_ventadour.jpg",
-        "atelier_bureau_pierre_jarriges.jpg",
-        "atelier_bureau.jpg",
-        "code_snood.jpg",
-        "espace_peinture_lucie_ventadour.jpg",
-        "game_engine_book.jpg"
+        "atelier_bureau.jpg"
     ]
 }

public/news-articles/installation-kuadrado/installation-kuadrado.txt

-Depuis septembre 2020, nous avons commencé à investir un local de travail à Vernoux en Vivarais afin d'y développer nos activités : peinture, dessin, création de jeux vidéos et développement informatique.
+Depuis septembre 2020, Kuadrado Software investit ses nouveau locaux à Vernoux en Vivarais pour y développer ses activités : 
+Création de jeu vidéo, ateliers pédagogiques, et développement web et logiciel.
 
-Lucie Ventadour, artiste peintre, illustratrice et artiste 2D et Pierre Jarriges, dessinateur BD, artiste 2D et développeur informatique, nous menons nos activités respectives dans ce lieu.
-Mais l'activité qui nous relie c'est la création de jeux vidéo, et c'est ce qui est au cœur de Kuadrado Software !
-
-L'ouverture de ce lieu nous permet de développer nos projets créatifs - notre premier jeu, Fantom Quest, devrait voir le jour d'ici Mars 2021 - et nous ouvre une porte sur l'extérieur, notamment à travers la pédagogie et le partage de connaissance.
-
-De son côté Lucie accueille déjà des élèves de tout âge chaque semaine pour leur transmettre ses techniques de dessin et peinture. Et dans les semaines à venir nous allons aussi commencer à mettre en place notre <a href="http://www.kuadrado-software.fr/education/#game-studio-club" target="_blank">Game Studio Club</a> qui accueillera des groupes à partir de 12 ans pour partager des savoir-faire autour de la création de jeux vidéos : création 2D et animation, écriture, programmation informatique, design sonore, maths et physique, etc.
-
-Nous proposerons aussi, pour les structures intéressées, des <a href="http://www.kuadrado-software.fr/education/#popularization" target="_blank">journées de vulgarisation autour du numérique</a>.
-
-Accessoirement, quand cela est possible nous développons nos propres services numériques, développement web, moteurs de jeu ou outillage logiciel. Nous pouvons également le faire en tant que service pour d'autres entreprises.
-
-
-<b>Rendez-vous 32 rue Simon Vialet, passage du cheminou à Vernoux en Vivarais !</b>
-
-Lucie Ventadour - <em>artiste peintre, illustratrice, artiste 2D</em>
-<a href="http://lucipix.canalblog.com/" target="_blank">blog pixel art</a> -- <a href="https://www.lucieventadour.com/" target="_blank">site web</a>
-
-Pierre Jarriges - <em>Dessinateur BD, artiste 2D, compositeur, développeur informatique</em>
-<a href="https://pierrejarriges-dessins.blogspot.com/" target="_blank">blog dessin</a> -- <a href="https://soundcloud.com/abstractobject" target="_blank">Soundcloud</a>
+À très bientôt ! <img src="/assets/images/mini_pix/pc_pix.png"/> <img src="/assets/images/mini_pix/heart_pix.gif"/>
\ No newline at end of file

public/style/style.css

@@ -410,6 +410,10 @@ main #page-container #home-page .articles-displayer article {
   grid-template-rows: auto auto auto 1fr;
   position: relative;
   padding-left: 20px;
+  background-color: #3c4144;
+}
+main #page-container #home-page .articles-displayer article *:not(a) {
+  color: #d4d9dd;
 }
 main #page-container #home-page .articles-displayer article .date {
   grid-column: 1;
@@ -437,7 +441,7 @@ main #page-container #home-page .articles-displayer article .subtitle {
 main #page-container #home-page .articles-displayer article .body {
   grid-column: 1;
   grid-row: 4;
-  min-height: 250px;
+  min-height: 200px;
   padding-bottom: 40px;
   text-align: justify;
 }
@@ -445,6 +449,9 @@ main #page-container #home-page .articles-displayer article .image-carousel {
   grid-row: 1/span 4;
   grid-column: 2;
 }
+main #page-container #home-page .articles-displayer article .image-carousel img {
+  max-height: 100%;
+}
 main #page-container #home-page .articles-displayer article.article-placeholder {
   padding: 0;
 }

src/homepage.js

@@ -46,26 +46,6 @@ class HomePage {
                         },
                     ],
                 },
-                {
-                    tag: "section",
-                    class: "page-contents-center",
-                    contents: [
-                        { tag: "h2", contents: "Actu", class: "section-title bg-blue" },
-                        new NewsArticles().render(),
-                    ],
-                },
-                {
-                    tag: "div",
-                    class: "page-philo",
-                    contents: [
-                        {
-                            tag: "p",
-                            class: "page-contents-center",
-                            contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations.
-                            <br /><br />Nous travaillons pour le plaisir de créer, de maîtriser et de comprendre.`,
-                        },
-                    ],
-                },
                 {
                     tag: "section",
                     class: "page-contents-center grid-3",
@@ -81,8 +61,7 @@ class HomePage {
                             title: "Software",
                             img: "meca_proc.svg",
                             href: "/software-development/",
-                            description: `Quand nous avons besoin d'un outil numérique, développement web, moteur de jeux ou outillage logiciel, nous aimons bien le fabriquer nous-même si c'est possible ... et si ça nous amuse ! 
-                                <br/>Retrouvez nos projets software en détail sur cette page.`,
+                            description: `Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail sur cette page.`,
                         },
                         {
                             title: "Pédagogie",
@@ -93,6 +72,26 @@ class HomePage {
                         },
                     ].map(cardProps => new ThemeCard(cardProps).render()),
                 },
+                {
+                    tag: "div",
+                    class: "page-philo",
+                    contents: [
+                        {
+                            tag: "p",
+                            class: "page-contents-center",
+                            contents: `Nous avons à cœur une démarche de légèreté et de simplicité dans nos créations.
+                            <br /><br />Nous travaillons pour le plaisir de créer, de maîtriser et de comprendre.`,
+                        },
+                    ],
+                },
+                {
+                    tag: "section",
+                    class: "page-contents-center",
+                    contents: [
+                        { tag: "h2", contents: "Actu", class: "section-title bg-blue" },
+                        new NewsArticles().render(),
+                    ],
+                },
             ],
         };
     }

src/homepage.scss

@@ -70,6 +70,10 @@
             grid-template-rows: auto auto auto 1fr;
             position: relative;
             padding-left: 20px;
+            background-color: $dark_2;
+            *:not(a) {
+                color: $light_0;
+            }
             .date {
                 grid-column: 1;
                 grid-row: 1;
@@ -96,13 +100,16 @@
             .body {
                 grid-column: 1;
                 grid-row: 4;
-                min-height: 250px;
+                min-height: 200px;
                 padding-bottom: 40px;
                 text-align: justify;
             }
             .image-carousel {
                 grid-row: 1 / span 4;
                 grid-column: 2;
+                img {
+                    max-height: 100%;
+                }
             }
             &.article-placeholder {
                 padding: 0;