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
viewBox="0 0 100.54173 44.714586"
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;
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;

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 {
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 {

5
assets/sass/landing.scss
View file

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

5
assets/sass/main.scss
View file

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

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" }}
<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>
<h1>Page non trouvé</h1>
{{ end }}

32
layouts/index.html
View file

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

85
layouts/tarifs/section.html
View file

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