@ -0,0 +1,12 @@
|
||||
{ |
||||
"worksOn": { |
||||
"other": "Works on:" |
||||
}, |
||||
"learnMore": { |
||||
"other": "Learn more" |
||||
}, |
||||
"language": { |
||||
"other": "Language" |
||||
} |
||||
} |
||||
|
@ -0,0 +1,12 @@
|
||||
{ |
||||
"worksOn": { |
||||
"other": "Marche sur: " |
||||
}, |
||||
"learnMore": { |
||||
"other": "En savoir +" |
||||
}, |
||||
"language": { |
||||
"other": "Langue" |
||||
} |
||||
} |
||||
|
@ -0,0 +1,3 @@
|
||||
{{ define "main"}} |
||||
404. Page not found. |
||||
{{ end }} |
@ -1,11 +1,19 @@
|
||||
<head> |
||||
<title>{{ .Site.Title }} - {{ .Title }}</title> |
||||
<link rel="stylesheet" href="/css/blocks.css"> |
||||
<link rel="stylesheet" href="/css/common.css"> |
||||
<link rel="stylesheet" href="/css/custom.css"> |
||||
<link rel="stylesheet" href="/css/header.css"> |
||||
<link rel="stylesheet" href="/css/footer.css"> |
||||
<link rel="stylesheet" href="/css/sections.css"> |
||||
<link rel="stylesheet" href="/css/font.css"> |
||||
<link rel="icon" href="/img/icon.png"> |
||||
{{ hugo.Generator }} |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
{{ if .IsTranslated }} |
||||
{{ range .Translations }} |
||||
<link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}"> |
||||
{{ end }} |
||||
{{ end }} |
||||
<script src="/js/header.js"></script> |
||||
</head> |
||||
|
@ -1,5 +1,13 @@
|
||||
|
||||
<section style="background: url({{ .Image }}); background-size: cover; background-repeat: no-repeat; color: black; padding-left: 1em; padding-top: 1em; padding-right: 1em;"> |
||||
{{ .Content | safeHTML }} |
||||
<div class="section-end-triangle"></div> |
||||
<section style="background-image: url({{ .Image }});" class="section1"> |
||||
<div class="columns-container"> |
||||
<div class="column"> |
||||
<br> |
||||
{{ .Content | safeHTML }} |
||||
<br> |
||||
</div> |
||||
<div class="column"> |
||||
</div> |
||||
</div> |
||||
<div class="section-end-triangle"></div> |
||||
</section> |
||||
|
@ -0,0 +1,45 @@
|
||||
|
||||
.block-preview { |
||||
/*border: black 1px solid;*/ |
||||
box-shadow: 0px 0px 2px 0px #000000; |
||||
width: min(25em, calc(100vw - 2em)); |
||||
height: 20em; |
||||
background-size: cover; |
||||
background-repeat: no-repeat; |
||||
} |
||||
|
||||
.block-preview:hover { |
||||
box-shadow: 0px 0px 4px 0px #000000; |
||||
} |
||||
|
||||
.block-preview .label { |
||||
transition: max-height 0.2s ease-in; |
||||
max-height: 20%; |
||||
overflow: hidden; |
||||
bottom: 0; |
||||
background-color: #FFFFFFDD; |
||||
padding: 0.5em; |
||||
bottom: 0; |
||||
} |
||||
|
||||
.block-preview:hover .label { |
||||
max-height: 100%; |
||||
} |
||||
|
||||
.block-preview .label .show-on-hover { |
||||
display: none; |
||||
transition: opacity 0.2s; |
||||
opacity: 0; |
||||
max-height: 0; |
||||
background: none; |
||||
} |
||||
|
||||
.block-preview:hover .label .show-on-hover { |
||||
display: block; |
||||
opacity: 1; |
||||
max-height: 100%; |
||||
} |
||||
|
||||
.padding-container { |
||||
padding: 1em; |
||||
} |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 7.5 KiB |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 112 KiB |
After Width: | Height: | Size: 102 KiB |
After Width: | Height: | Size: 106 KiB |