Compare commits
2 commits
4ea81accea
...
07f6a4237c
Author | SHA1 | Date | |
---|---|---|---|
07f6a4237c | |||
3eec8040d1 |
11 changed files with 55 additions and 243 deletions
|
@ -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"
|
||||||
|
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6 KiB |
|
@ -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;
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,6 +1,4 @@
|
||||||
body {
|
body {
|
||||||
// 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;
|
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: $background-dark;
|
background: $background-dark;
|
||||||
|
@ -16,6 +14,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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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';
|
||||||
|
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
|
@ -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 & Entretien - Toutes marques</div>
|
<div class="brand__role2">Réparation & 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 }}
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
</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>
|
||||||
|
@ -35,7 +34,6 @@
|
||||||
<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>
|
||||||
|
@ -50,7 +48,6 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue