Mise à jour Camille

site/templates/about.php

@@ -1,5 +0,0 @@
-<?php snippet('header') ?>
-
-<h1><?= $site->title() ?></h1>
-
-<?php snippet('footer') ?>

site/templates/home.php

@@ -1,8 +1,12 @@
 <?php snippet('header') ?>
-<h1><?= $site->title() ?></h1>
 
-<?php foreach ($site->slideshow()->toFiles() as $image): ?>
-    <img src="<?= $image->url() ?>">
-<?php endforeach; ?>
+<div id="home-slideshow">
+    <?php foreach ($site->images() as $image): ?>
+        <img src="<?= $image->url() ?>">
+    <?php endforeach; ?>
+    <button class="prev"></button>
+    <button class="next"></button>
+<div>
+
 
 <?php snippet('footer') ?>

site/templates/index.php

@@ -0,0 +1,38 @@
+<?php snippet('header') ?>
+
+<nav class="filter-menu">
+    <?php foreach ($categories as $key => $category): ?>
+        <a href=""><?= $category ?></a>
+    <?php endforeach; ?>
+</nav>
+<ul class="projects-index">
+    <?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $project): ?>
+        <li>
+            <div class="fix">
+                <button class="project-toggler grid">
+                        <span> <?= $project->shownTitle() ?> </span>
+                        <span> <?= $project->tags() ?> </span>
+                        <span class="date"> <?= $project->date()->toDate('Y') ?> </span>
+                </button>
+                <span class="slide-number">slide number/total slides</span>
+            </div>
+            <section class="toggle">
+                <div class="project-slideshow">
+                    <?php foreach ($project->images() as $image): ?>
+                        <img <?= e($image->indexOf() === 0, 'class="active"') ?> src="<?= $image->url() ?>">
+                    <?php endforeach; ?>
+                    <button class="prev"></button>
+                    <button class="next"></button>
+                </div>
+                <div class="project-description"><?= $project->description() ?></div>
+                <button class="project-toggler closer"></button>
+             </section>
+        </li>
+    <?php endforeach; ?>
+    <button class="all-projects-closer"></button>
+</ul>
+
+<script src="/assets/js/project-slideshow.js"></script>
+<script src="/assets/js/project-toggle.js"></script>
+<?php snippet('footer') ?>
+

site/templates/infos.php

@@ -0,0 +1,24 @@
+<?php snippet('header') ?>
+
+<div class="main-infos">
+    <p>
+        <?= $page->presentation() ?>
+        <br>
+        <?= $page->contact() ?>
+    </p>
+</div>
+
+<div class="skills">
+    <p>
+        <?= $page->skills() ?>
+    </p>
+</div>
+
+<div class="clients">
+    <p class="clients">
+        <?= $page->clients() ?>
+    </p>
+</div>
+
+
+<?php snippet('footer') ?>

site/templates/projects.php

@@ -1,22 +0,0 @@
-<?php snippet('header') ?>
-
-<ul class="projects-index">
-    <?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $project): ?>
-        <li>
-            <details>
-                <summary>
-                    <span> <?= $project->title() ?> </span>
-                    <span> <?= $project->tags() ?> </span>
-                    <span> <?= $project->date() ?> </span>
-                </summary>
-                
-                <p><?= $project->description() ?></p>
-
-            </details>
-        </li>
-    <?php endforeach; ?>
-</ul>
-
-<?php snippet('footer') ?>
-
-