bicycleure/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

Compare commits

base: bicycleure:4ea81accea4a52d3d719a1d71df343cefd571ddd
Branches Tags
bicycleure:master
..
compare: bicycleure:07f6a4237c0c7d3d1ba6a591779092e51fe61cfc
Branches Tags
bicycleure:master

2 commits
4ea81accea ... 07f6a4237c

Author SHA1 Message Date
Matthieu Bessat
07f6a4237c style: cleanup 2023-10-23 19:56:35 +02:00
Matthieu Bessat
3eec8040d1 fix(footer): footer style 2023-10-23 19:49:39 +02:00
11 changed files with 55 additions and 243 deletions
Show stats Expand all files Collapse all files

3
assets/images/half_wheel_logo.svg
View file

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

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6 KiB

4
assets/sass/footer.scss
View file

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

78
assets/sass/gallery.scss
View file

@ -1,78 +0,0 @@
.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;
}
}

7
assets/sass/general.scss
View file

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

5
assets/sass/landing.scss
View file

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

5
assets/sass/main.scss
View file

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

0
assets/sass/prices.scss → assets/sass/pricing.scss
View file

71
assets/sass/single_image.scss
View file

@ -1,71 +0,0 @@
.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;
}
}
}

6
layouts/404.html
View file

@ -1,3 +1,7 @@
{{ define "main" }} {{ define "main" }}
<h1>Page non trouvé</h1> <main class="page-container">
<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 }} {{ end }}

32
layouts/index.html
View file

@ -3,7 +3,6 @@
<div class="landing"> <div class="landing">
<div class="landing-one"> <div class="landing-one">
<div class="landing-brand"> <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"> <div class="brand__logo landing-half-wheel-logo">
{{ partial "svg" "half_wheel_logo" }} {{ partial "svg" "half_wheel_logo" }}
</div> </div>
@ -12,42 +11,11 @@
<h2 class="text">Atelier mobile</h2> <h2 class="text">Atelier mobile</h2>
</div> </div>
<div class="brand__role2">Réparation &amp; Entretien - Toutes marques</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>
<div class="landing-description"> <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 }} {{ .Content }}
</div> </div>
</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> </div>
{{/*
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
{{ range $paginator.Pages }}
{{ .Render "summary" }}
{{ end }}
{{ partial "pagination.html" . }}
*/}}
</main> </main>
{{ end }} {{ end }}

87
layouts/tarifs/section.html
View file

@ -3,56 +3,53 @@
{{ .Content }} {{ .Content }}
<div class="pricing-layout"> <div class="pricing-layout">
<div> <div>
<div class="moves"> <div class="moves">
<h2>Forfait déplacement</h2> <h2>Forfait déplacement</h2>
<ul> <ul>
{{ range $.Site.Data.pricing.move }} {{ range $.Site.Data.pricing.move }}
<li class="move-item"> <li class="move-item">
De {{ .min }} à {{ .max }} km : <span class="move-price">{{ if eq .price 0 }}Gratuit{{ else }}{{ .price }} €{{ end }}</span> De {{ .min }} à {{ .max }} km : <span class="move-price">{{ if eq .price 0 }}Gratuit{{ else }}{{ .price }} €{{ end }}</span>
</li> </li>
{{ end }} {{ end }}
</ul> </ul>
</div> </div>
<div class="forfaits"> <div class="forfaits">
{{ range $.Site.Data.pricing.forfait }}
{{ range $.Site.Data.pricing.forfait }} <div class="forfait">
<div class="forfait"> <h2>{{ .name }}</h2>
<h2>{{ .name }}</h2> <div class="forfait-price">{{ .price }} €</div>
<div class="forfait-price">{{ .price }} €</div> <ul>
<ul> {{ range .components }}
{{ range .components }} <li>{{ .name }}</li>
<li>{{ .name }}</li> {{ end }}
{{ end }} </ul>
</ul> </div>
{{ end }}
</div> </div>
{{ end }}
</div>
</div> </div>
<div class="operations-container"> <div class="operations-container">
<h2>Liste des opérations</h2> <h2>Liste des opérations</h2>
<div class="operations-mosaic"> <div class="operations-mosaic">
{{ range $.Site.Data.pricing.standalone }} {{ range $.Site.Data.pricing.standalone }}
<div class="operations-category"> <div class="operations-category">
<div> <h3>{{ .name }}</h3>
<h3>{{ .name }}</h3> <table cellspacing="0" cellpadding="0" class="operations-table">
<table cellspacing="0" cellpadding="0" class="operations-table"> <tr>
<tr> <th>Opération</th>
<th>Opération</th> <th class="operation-price">Prix</th>
<th class="operation-price">Prix</th> </tr>
</tr> {{ range .components }}
{{ range .components }} <tr>
<tr> <td>{{ .name }}</td>
<td>{{ .name }}</td> <td class="operation-price">{{ .price }} €</td>
<td class="operation-price">{{ .price }} €</td> </tr>
</tr> {{ end }}
{{ end }} </table>
</table> </div>
</div> {{ end }}
</div> </div>
{{ end }}
</div>
</div> </div>
</div> </div>
</main> </main>