assets/images/half_wheel_logo.svg

@@ -1,3 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
 <svg
    viewBox="0 0 100.54173 44.714586"
    version="1.1"

assets/sass/footer.scss

@@ -6,14 +6,14 @@ body {
     display: flex;
     flex-direction: column;
 }
-
 .footer-push {
     flex-grow: 1;
+
 }
 
 .site-footer {
     border-top: .5rem solid $primary;
-    margin-top: 3rem;
+    margin-top: 1rem;
     padding-top: 2rem;
     padding-bottom: 4rem;
     background-color: $background;

assets/sass/gallery.scss

@@ -0,0 +1,78 @@
+.gallery {
+    // display: flex;
+    // flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-column-gap: 1rem;
+}
+
+.gallery__side {
+    grid-column-start: 1;
+    grid-column-end: 3;
+}
+
+.gallery__side {
+    margin-bottom: .5rem;
+}
+
+.gallery-tags__title {
+
+
+}
+
+.gallery__items-container {
+    grid-column-start: 3;
+    grid-column-end: 13;
+}
+
+.gallery__items {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(13rem, 1fr));
+
+    grid-gap: 1rem;
+}
+
+.gallery__item {
+    aspect-ratio: 1;
+    // $size: 25rem;
+    // width: $size;
+    // height: $size;
+    img {
+        width: 0;
+        height: 0;
+        min-height: 100%;
+        min-width: 100%;
+        display: block;
+        object-fit: cover;
+    }
+}
+
+.gallery__nextprev {
+    display: flex;
+    justify-content: space-between;
+}
+
+@media (max-width: $lg-breakpoint) {
+    // .gallery__items {
+    //     grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr))
+    // }
+}
+
+@media (max-width: $md-breakpoint) {
+    .gallery {
+        display: block;
+    }
+    .gallery__items {
+        grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+    }
+    .gallery__side {
+        margin-bottom: 1rem;
+    }
+}
+
+@media (max-width: $xs-breakpoint) {
+    .gallery__items {
+        grid-template-columns: 1fr;
+    }
+}
+

assets/sass/general.scss

@@ -1,5 +1,7 @@
 body {
-    font-family: "Open Sans", Helvetica, Arial, sans-serif;
+    // font-family: 'Trebuchet MS', Tahoma,sans-serif;
+    // font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    font-family: "Open Sans",Helvetica,Arial,sans-serif;
     margin: 0;
     background: $background-dark;
     color: white;
@@ -14,8 +16,7 @@ article {
 }
 
 .alt-font {
-    // used for heading, etc
+    font-family: "Teko Light",Helvetica,Arial,sans-serif;
-    font-family: "Teko Light", Helvetica, Arial, sans-serif;
 }
 
 h1, h2, h3 {

assets/sass/landing.scss

@@ -1,8 +1,9 @@
 .full-logo {
     width: 100%;
 }
-
 .landing {
+
+
 }
 
 .landing-brand {
@@ -26,8 +27,8 @@
     margin-bottom: 1rem;
     
 }
-
 .brand__role2 {
+
 }
 
 .brand__logo {

assets/sass/main.scss

@@ -33,13 +33,16 @@ $secondary: #f15a24;
 @import 'header.scss';
 @import 'news.scss';
 @import 'article.scss';
+@import 'gallery.scss';
+@import 'single_image.scss';
 @import 'footer.scss';
 
 // components
 @import 'tags.scss';
 
-@import 'pricing.scss';
+@import 'prices.scss';
 @import 'landing.scss';
+// @import 'about.scss';
 @import 'card.scss';
 @import 'contact.scss';
 

assets/sass/single_image.scss

@@ -0,0 +1,71 @@
+.single-image {
+    background: #ecf0f1;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-column-gap: 1rem;
+    .single-image__side {
+        padding: 2rem 1rem 2rem 2rem;
+    }
+    .single-image__image-container {
+        background: #95a5a6;
+        min-width: 70vh;
+        min-height: 50vh;
+        max-height: 80vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    
+    .single-image__image {
+        max-width: 100%;
+        max-height: 100%;
+        width: auto;
+        height: auto;
+    }
+    .single-image__property {
+        display: flex;
+        align-items: center;
+        margin-bottom: .2rem;
+        min-height: 2rem;
+        div:first-of-type {
+            margin-right: 1rem;
+        }
+        .icon {
+            margin-right: .5rem;
+        }
+        pre {
+            margin: 0;
+        }
+    }
+    .single-image__tags {
+    }
+
+}
+
+@media (max-width: $md-breakpoint) {
+    .single-image {
+        display: block;
+        .single-image__image-container {
+            min-width: initial;
+            max-height: initial;
+            width: 100%;
+        }
+    }
+    
+}
+
+@media (max-width: $sm-breakpoint) {
+    .single-image {
+        .single-image__property {
+            display: block;
+        }
+    }
+
+}
+
+
+
+
+
+

layouts/404.html

@@ -1,7 +1,3 @@
 {{ define "main" }}
-    <main class="page-container">
+<h1>Page non trouvé</h1>
-        <h1>Page non trouvé, mais continuez à chercher !</h1>
-
-        <p>La page a peut être été renommé, supprimé, l'URL est peut-être incorrecte. 🔍</p>
-    </main>
 {{ end }}

layouts/index.html

@@ -3,6 +3,7 @@
         <div class="landing">
             <div class="landing-one">
                 <div class="landing-brand">
+                    <!-- <img class="half-wheel-logo" src="/half_wheel_logo.svg" alt="Demi Roue" /> -->
                     <div class="brand__logo landing-half-wheel-logo">
                         {{ partial "svg" "half_wheel_logo" }}
                     </div>
@@ -11,11 +12,42 @@
                         <h2 class="text">Atelier mobile</h2>
                     </div>
                     <div class="brand__role2">Réparation &amp; Entretien - Toutes marques</div>
+                    <!-- <img class="full-logo" src="/full_logo.jpg" alt="Logo complet" /> -->
                 </div>
                 <div class="landing-description">
+                    <!-- <p> -->
+                    <!--     Bicycl'Eure est un atelier mobile de réparation et d'entretien de VÉLOS. Sur simple rendez-vous et après un diagnostic gratuit, Laurent, technicien cycle qualifié, redonnera vie à votre monture ! -->
+                    <!-- </p> -->
+                    <!-- <p>Éco-Responsable et Économique !</p> -->
                     {{ .Content }} 
                 </div>
             </div>
+            <!-- <div class="contact-card-container"> -->
+            <!--     <div class="contact-card"> -->
+            <!--         <div class="address"> -->
+            <!--             <div> -->
+            <!--                 30 Résidence des Trois Moulins -->
+            <!--             </div> -->
+            <!--             <div> -->
+            <!--                 27940 Aubevoye Le Val d'Hazey -->
+            <!--             </div> -->
+            <!--         </div> -->
+            <!--         <div class="legal-id"> -->
+            <!--             SIRET 537577 785 00018 -->
+            <!--         </div> -->
+            <!--         <div class="phone"> -->
+            <!--             06 52 64 05 37 -->
+            <!--         </div> -->
+            <!--     </div> -->
+            <!-- </div> -->
         </div>
+
+        {{/*
+		{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
+		{{ range $paginator.Pages }}
+			{{ .Render "summary" }}
+		{{ end }}
+		{{ partial "pagination.html" . }}
+        */}}
 	</main>
 {{ end }}

layouts/tarifs/section.html

@@ -15,6 +15,7 @@
         </div>
 
         <div class="forfaits">
+
         {{ range $.Site.Data.pricing.forfait }}
             <div class="forfait">
             <h2>{{ .name }}</h2>
@@ -34,6 +35,7 @@
         <div class="operations-mosaic">
         {{ range $.Site.Data.pricing.standalone }}
             <div class="operations-category">
+                <div>
                 <h3>{{ .name }}</h3>
                 <table cellspacing="0" cellpadding="0" class="operations-table">
                     <tr>
@@ -48,6 +50,7 @@
                     {{ end }}
                 </table>
                 </div>
+            </div>
         {{ end }}
         </div>
         </div>