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

Compare commits

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

No commits in common. "07f6a4237c0c7d3d1ba6a591779092e51fe61cfc" and "4ea81accea4a52d3d719a1d71df343cefd571ddd" have entirely different histories.
07f6a4237c ... 4ea81accea

11 changed files with 242 additions and 54 deletions
Show stats Expand all files Collapse all files

3
assets/images/half_wheel_logo.svg
View file

@ -1,3 +1,6 @@
<?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 KiB

After

Width:  |  Height:  |  Size: 6.1 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: 3rem; margin-top: 1rem;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 4rem; padding-bottom: 4rem;
background-color: $background; background-color: $background;

78
assets/sass/gallery.scss Normal file
View file

@ -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;
}
}

7
assets/sass/general.scss
View file

@ -1,5 +1,7 @@
body { 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; margin: 0;
background: $background-dark; background: $background-dark;
color: white; color: white;
@ -14,8 +16,7 @@ article {
} }
.alt-font { .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 { h1, h2, h3 {

5
assets/sass/landing.scss
View file

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

5
assets/sass/main.scss
View file

@ -33,13 +33,16 @@ $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 'pricing.scss'; @import 'prices.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/pricing.scss → assets/sass/prices.scss
View file

71
assets/sass/single_image.scss Normal file
View file

@ -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;
}
}
}

6
layouts/404.html
View file

@ -1,7 +1,3 @@
{{ define "main" }} {{ 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 }} {{ end }}

32
layouts/index.html
View file

@ -3,6 +3,7 @@
<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>
@ -11,11 +12,42 @@
<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 }}

85
layouts/tarifs/section.html
View file

@ -3,53 +3,56 @@
{{ .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 }}
</ul>
</div>
<div class="forfaits">
{{ range $.Site.Data.pricing.forfait }}
<div class="forfait">
<h2>{{ .name }}</h2>
<div class="forfait-price">{{ .price }} €</div>
<ul>
{{ range .components }}
<li>{{ .name }}</li>
{{ end }}
</ul>
</div>
{{ end }} {{ end }}
</ul>
</div>
<div class="forfaits">
{{ range $.Site.Data.pricing.forfait }}
<div class="forfait">
<h2>{{ .name }}</h2>
<div class="forfait-price">{{ .price }} €</div>
<ul>
{{ range .components }}
<li>{{ .name }}</li>
{{ end }}
</ul>
</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">
<h3>{{ .name }}</h3> <div>
<table cellspacing="0" cellpadding="0" class="operations-table"> <h3>{{ .name }}</h3>
<tr> <table cellspacing="0" cellpadding="0" class="operations-table">
<th>Opération</th> <tr>
<th class="operation-price">Prix</th> <th>Opération</th>
</tr> <th class="operation-price">Prix</th>
{{ range .components }} </tr>
<tr> {{ range .components }}
<td>{{ .name }}</td> <tr>
<td class="operation-price">{{ .price }} €</td> <td>{{ .name }}</td>
</tr> <td class="operation-price">{{ .price }} €</td>
{{ end }} </tr>
</table> {{ end }}
</div> </table>
{{ end }} </div>
</div> </div>
{{ end }}
</div>
</div> </div>
</div> </div>
</main> </main>