debug mobile
This commit is contained in:
Florian du Garage Num
parent
89581cf6de
commit
f2d697be89
@ -1,43 +0,0 @@
|
||||
|
||||
.contact {
|
||||
/* border: 5px solid green; */
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
|
||||
.columns .adresse{
|
||||
/* border: 5px solid red; */
|
||||
background-color: black;
|
||||
color: white;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
|
||||
.columns .mail div{
|
||||
margin-bottom: 6%;
|
||||
}
|
||||
|
||||
.columns .phone div{
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
|
||||
|
||||
.columns .mail{
|
||||
/* border: 5px solid blue; */
|
||||
background-color: black;
|
||||
color: white;
|
||||
height: 400px;
|
||||
|
||||
}
|
||||
.columns .phone{
|
||||
background-color: black;
|
||||
color: white;
|
||||
height: 400px;
|
||||
|
||||
}
|
||||
|
||||
.contactform h2{
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 1.7rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
}
|
||||
@ -2,6 +2,8 @@
|
||||
height: 20vh;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.carousel .image img {
|
||||
height: 40vh; /* Set a fixed height */
|
||||
width: auto; /* Maintain aspect ratio */
|
||||
@ -23,4 +25,9 @@
|
||||
padding-top: 1.5rem !important;
|
||||
padding-bottom: 1.5rem !important;
|
||||
}
|
||||
#title-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
baseURL = ''
|
||||
relativeURLs = "True"
|
||||
relativeURLs = "False"
|
||||
languageCode = 'en-us'
|
||||
title = 'LTQF'
|
||||
buildFuture= true
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
<link rel="stylesheet" href="{{ $customCSS.RelPermalink }}">
|
||||
{{- block "styles" . }}{{- end }}
|
||||
</head>
|
||||
<body style="position:relative">
|
||||
<body>
|
||||
|
||||
{{- block "main" . }}
|
||||
{{ $bg := cond .IsHome "has-background-black has-text-white" "has-background-warning-light has-text-black" }}
|
||||
|
||||
@ -1,3 +1,16 @@
|
||||
{{ define "styles"}}
|
||||
<style>
|
||||
#text-box {
|
||||
height: 40vh;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
#text-box {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ define "content" }}
|
||||
|
||||
@ -14,17 +27,17 @@
|
||||
{{ range .Pages }}
|
||||
<div class="columns">
|
||||
<div class="column is-flex is-half has-background-black">
|
||||
<div class="box has-background-warning-light has-text-centered pt-6" style="height: 50vh; overflow: hidden;">
|
||||
<div id="text-box" class="box has-background-warning-light has-text-centered pt-6">
|
||||
<h2 class="subtitle mb-6">{{ .Title }}</h2>
|
||||
<div class="block">{{ .Content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-half has-background-black">
|
||||
<div class="box has-background-warning-light" style="height: 50vh;">
|
||||
<div class="box has-background-warning-light is-flex is-flex-direction-column is-justify-content-center" style="height: 40vh;">
|
||||
{{ $img := resources.GetMatch (print .File.Dir "/illustration.*") }}
|
||||
{{ with $img }}
|
||||
<figure class="image is-flex is-justify-content-center" style="width: 100%; height: 100%;">
|
||||
<img src="{{ $img.Permalink }}" style="max-width: 100%; max-height: 100%; display: block;">
|
||||
<figure class="image is-flex is-justify-content-center" style="max-width: 100%; max-height: 100%; width: auto;">
|
||||
<img src="{{ $img.Permalink }}" style="max-width: 100%; max-height: 100%; width: auto;">
|
||||
</figure>
|
||||
{{ end }}
|
||||
</div>
|
||||
@ -33,4 +46,4 @@
|
||||
{{ end}}
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
@ -1,17 +1,10 @@
|
||||
{{ define "styles"}}
|
||||
{{ $customCSS := resources.Get "css/contact.css" | resources.ToCSS }}
|
||||
<link rel="stylesheet" href="{{ $customCSS.RelPermalink }}">
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ define "content" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<div class="contact columns mt-2">
|
||||
<div class="adresse column is-one-third is-flex is-align-items-center has-text-centered">
|
||||
<div class="container">
|
||||
<h1 class="is-size-1 title has-text-weight-bold has-text-centered ">{{ .Title }}</h1>
|
||||
<div class="columns mt-2 is-desktop has-background-danger">
|
||||
<div class="column is-flex is-flex-direction-column has-text-centered has-background-warning">
|
||||
<i class="fa-solid fa-location-dot fa-3x mb-5"></i>
|
||||
<div class="mb-5">
|
||||
<h2 class="title is-3 has-text-white">Adresse Postale:</h2>
|
||||
@ -21,31 +14,27 @@
|
||||
<h2 class="title is-3 has-text-white">Siège social:</h2>
|
||||
<p class="subtitle is-5 has-text-white">{{ .Params.adresseSiege }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail column is-flex is-align-items-center has-text-centered ml-3-tablet">
|
||||
<div class="container">
|
||||
<div class="column is-flex is-flex-direction-column has-text-centered p-1">
|
||||
<i class="fa-solid fa-envelope fa-3x mb-5"></i>
|
||||
<h2 class="title is-3 has-text-white">Adresse Email:</h2>
|
||||
<ul>
|
||||
{{ range .Params.email }}
|
||||
<li class="subtitle is-5 has-text-white">{{ . }}</li>
|
||||
<li class="subtitle has-text-white">
|
||||
<a href="mailto:{{ . }}" class="has-text-white">{{ . }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<a class="mt-3 button is" href="mailto:{{ .Params.email }}">Cliquez-ici</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phone column is-flex is-align-items-center has-text-centered ml-3-tablet">
|
||||
<div class="container">
|
||||
<div class="column is-flex is-flex-direction-column has-text-centered ml-3-tablet has-background-warning">
|
||||
<i class="fa-solid fa-phone fa-3x mb-5"></i>
|
||||
<h2 class="title is-3 has-text-white">Numéro de téléphone:</h2>
|
||||
<h2 class="title is-3 has-text-white">Téléphone:</h2>
|
||||
<ul>
|
||||
{{ range .Params.telephone }}
|
||||
<li class="subtitle is-5 has-text-white">{{ . }}</li>
|
||||
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{{ $bg := cond .IsHome "has-background-black has-text-white" "has-background-success has-text-black" }}
|
||||
|
||||
<nav class="navbar is-hidden-tablet is-black" role="navigation" aria-label="main navigation">
|
||||
<nav class="navbar is-hidden-tablet is-black is-fixed-bottom" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/">
|
||||
<img src="{{ $.Site.Params.logoHome |relURL }}">
|
||||
@ -28,7 +28,7 @@
|
||||
<div class="column is-fullheight is-one-fifth {{ $bg }} has-background-danger is-narrow is-hidden-mobile">
|
||||
<aside id="sidebar" class="menu {{$bg}} is-flex is-flex-direction-column is-justify-content-space-between" style="position: fixed; top: 0; height: 100vh; width: 20%">
|
||||
<div>
|
||||
<a href="{{ $.Site.BaseURL }}">
|
||||
<a href="/">
|
||||
<div class="figure">
|
||||
{{ if .IsHome }}
|
||||
<img src="{{ $.Site.Params.logoHome |relURL }}" class="image is-1by1 p-5">
|
||||
|
||||
@ -6,7 +6,8 @@
|
||||
|
||||
{{ define "content" }}
|
||||
|
||||
<h1 class="title is-size-1 has-text-weight-bold has-text-centered mt-6 mb-0">{{ .Title }}</h1>
|
||||
<section style="height: 100vh;">
|
||||
<h1 class="title is-size-1 has-text-weight-bold has-text-centered mt-6 mb-0">{{ .Title }}</h1>
|
||||
<section class="section">
|
||||
<div class="columns is-multiline">
|
||||
{{ range .Pages.ByDate.Reverse }}
|
||||
@ -19,7 +20,7 @@
|
||||
<img src="{{ .Permalink }}">
|
||||
{{ end }}
|
||||
<div class="overlay">
|
||||
<span class="has-text-black is-size-3">{{ .Title }}</span>
|
||||
<span class="has-text-black is-size-3-mobile is-size-5-tablet is-size-3-widescreen">{{ .Title }}</span>
|
||||
</div>
|
||||
</a>
|
||||
</figure>
|
||||
@ -27,5 +28,6 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
Loading…
x
Reference in New Issue
Block a user
