feat: première version du site
This commit is contained in:
parent
1a06e5ced5
commit
d2874d7a4c
5
.env
5
.env
|
|
@ -1 +1,4 @@
|
|||
URL=
|
||||
DOCKER_CONTEXT=vert
|
||||
NAME=weko
|
||||
URL=anneso7.com
|
||||
STATS_CONTAINER=anneso-stats
|
||||
|
|
@ -0,0 +1,154 @@
|
|||
@import "./reset"
|
||||
@import "../../themes/hugo-theme-lowtech/assets/styles/link"
|
||||
|
||||
$size-small: 700px
|
||||
|
||||
html
|
||||
color: grey
|
||||
|
||||
a
|
||||
color: grey
|
||||
|
||||
html, body
|
||||
height: 100%
|
||||
overflow: hidden
|
||||
|
||||
body
|
||||
border: 1rem solid grey
|
||||
padding: 1rem
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
border-width: .5rem
|
||||
padding: .5rem
|
||||
overflow: auto
|
||||
|
||||
footer
|
||||
font-size: 10px
|
||||
@media screen and (max-width: $size-small)
|
||||
text-align: center
|
||||
.content
|
||||
display: flex
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
flex-direction: column
|
||||
|
||||
|
||||
.info
|
||||
flex-basis: 350px
|
||||
flex-grow: 0
|
||||
flex-shrink: 0
|
||||
padding: 1rem
|
||||
position: relative
|
||||
@media screen and (max-width: $size-small)
|
||||
padding: .5rem .5rem 2rem .5rem
|
||||
text-align: center
|
||||
margin: 0 auto
|
||||
flex-basis: inherit
|
||||
|
||||
.links
|
||||
position: fixed
|
||||
bottom: 1.5rem
|
||||
left: 3rem
|
||||
width: 350px
|
||||
display: flex
|
||||
flex-direction: column
|
||||
padding-bottom: 2rem
|
||||
a
|
||||
padding-top: 1rem
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
position: relative
|
||||
padding-bottom: 0
|
||||
|
||||
.portfolio
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
justify-content: center
|
||||
overflow: auto
|
||||
padding: 0
|
||||
list-style-type: none
|
||||
background-color: white
|
||||
height: calc(100vh - 4rem)
|
||||
flex: auto
|
||||
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
overflow: hidden
|
||||
height: 100%
|
||||
|
||||
ul
|
||||
list-style-type: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
.categories
|
||||
display: flex
|
||||
justify-content: center
|
||||
flex-wrap: wrap
|
||||
margin: 2rem 3rem
|
||||
text-align: left
|
||||
width: 100%
|
||||
|
||||
li
|
||||
display: inline
|
||||
margin: 0 1rem
|
||||
a
|
||||
padding: .5rem
|
||||
display: block
|
||||
|
||||
&.actif
|
||||
font-weight: bold
|
||||
|
||||
.projets
|
||||
display: flex
|
||||
justify-content: center
|
||||
flex-wrap: wrap
|
||||
|
||||
.projet
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin-top: 2.5rem
|
||||
|
||||
.item
|
||||
max-width: 600px
|
||||
width: 100%
|
||||
height: auto
|
||||
margin: 1.5rem 1rem
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
margin: 2rem .5rem
|
||||
|
||||
.item
|
||||
display: inline-block
|
||||
background: green
|
||||
width: 280px
|
||||
height: 280px
|
||||
margin: 1rem
|
||||
position: relative
|
||||
|
||||
@media screen and (max-width: $size-small)
|
||||
margin: .5rem
|
||||
|
||||
&:hover .description
|
||||
opacity: .9
|
||||
|
||||
.description
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
bottom: 0
|
||||
right: 0
|
||||
background: white
|
||||
border: 1rem solid grey
|
||||
opacity: 0
|
||||
padding: 1rem
|
||||
text-align: center
|
||||
display: flex
|
||||
flex-direction: column
|
||||
justify-content: center
|
||||
|
||||
h2
|
||||
margin-top: 0
|
||||
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
/*********
|
||||
Reset CSS
|
||||
*********/
|
||||
/* Box sizing rules */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Remove default margin */
|
||||
body,
|
||||
p,
|
||||
ul[class]
|
||||
ol[class],
|
||||
li,
|
||||
figure,
|
||||
figcaption,
|
||||
blockquote,
|
||||
dl,
|
||||
dd {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Make images easier to work with */
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* Inherit fonts for inputs and buttons */
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
/* Remove all animations and transitions for people that prefer not to see them */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
scroll-behavior: auto !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -6,6 +6,9 @@ title: AnneSo7, pour un design responsable
|
|||
theme:
|
||||
- hugo-theme-lowtech
|
||||
|
||||
taxonomies:
|
||||
category: categories
|
||||
|
||||
params:
|
||||
debug: false
|
||||
description: A modifier
|
||||
|
|
|
|||
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
title: AnneSo, pour un design responsable!
|
||||
description: Test
|
||||
params:
|
||||
description: Test
|
||||
---
|
||||
|
||||
Bienvenue sur mon site ! Mes créas vous plaisent ? N’hésitez pas à me contacter pour un projet ou simplement faire connaissance !
|
||||
|
||||
--
|
||||
|
||||
[A Propos](/a-propos/) - [Contact](/contact/)
|
||||
|
||||
--
|
||||
|
||||
[pro@anneso7.com](mailto:pro@anneso7.com)
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: A propos
|
||||
descript: ok
|
||||
---
|
||||
|
||||
An sincerity so extremity he additions. Her yet there truth merit. Mrs all projecting favourable now unpleasing. Son law garden chatty temper. Oh children provided to mr elegance marriage strongly. Off can admiration prosperous now devonshire diminution law.
|
||||
|
||||
Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit.
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: Contact
|
||||
descript: ok
|
||||
---
|
||||
|
||||
An sincerity so extremity he additions. Her yet there truth merit. Mrs all projecting favourable now unpleasing. Son law garden chatty temper. Oh children provided to mr elegance marriage strongly. Off can admiration prosperous now devonshire diminution law.
|
||||
|
||||
Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: Latécoère
|
||||
description: Document d’enregistrement universel
|
||||
image: 0.jpeg
|
||||
categories: ["Print"]
|
||||
---
|
||||
|
||||
Document d’enregistrement universel
|
||||
|
||||
–
|
||||
|
||||
Direction artistique et graphisme d’un chapitre du document d’enregistrement universel 2019.
|
||||
|
||||
Art direction and graphic design.
|
||||
|
||||
–
|
||||
|
||||
Client : Labrador
|
||||
Année : 2020
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
---
|
||||
---
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ .Site.Language.Lang }}">
|
||||
{{ partial "head.html" . }}
|
||||
<body>
|
||||
{{ partial "debug.html" . }}
|
||||
<main role="main" class="content">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
{{ partial "js.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
{{ define "main" }}
|
||||
<div class="info">
|
||||
<a href="/">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</a>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<div class="portfolio">
|
||||
<ul class="categories">
|
||||
{{- range $name, $items := .Site.Taxonomies.categories }}
|
||||
<li><a href="{{ "categories/" | relLangURL }}{{ $name | urlize | lower }}/#categories">#{{ $name | title | humanize }}</a></li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
<ul class="projets">
|
||||
{{ $pages := (.Site.GetPage "/portfolio").Pages.Reverse }}
|
||||
{{ range $pages }}
|
||||
<li class="item">
|
||||
{{ $image := .Resources.GetMatch (default "*" .Params.image) }}
|
||||
{{ if $image }}
|
||||
{{ $resized := $image.Fill "280x280 Center"}}
|
||||
<img src="{{ $resized.RelPermalink }}">
|
||||
{{ end }}
|
||||
<a href="{{.RelPermalink}}" class="description">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p>{{ .Description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
{{ define "main" }}
|
||||
<div class="info">
|
||||
|
||||
<a href="/">Accueil</a>
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<div class="portfolio">
|
||||
<ul class="categories">
|
||||
{{- range $name, $items := .Site.Taxonomies.categories }}
|
||||
<li><a href="{{ "categories/" | relLangURL }}{{ $name | urlize | lower }}/#categories">#{{ $name | title | humanize }}</a></li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
<ul class="projets">
|
||||
{{ $pages := (.Site.GetPage "/portfolio").Pages.Reverse }}
|
||||
{{ range $pages }}
|
||||
<li class="item">
|
||||
{{ $image := .Resources.GetMatch (default "*" .Params.image) }}
|
||||
{{ if $image }}
|
||||
{{ $resized := $image.Fill "280x280 Center"}}
|
||||
<img src="{{ $resized.RelPermalink }}">
|
||||
{{ end }}
|
||||
<a href="{{.RelPermalink}}" class="description">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p>{{ .Description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<footer>
|
||||
Ce site est réalisé par <a href="https://weko.io">Weko</a> de façon éco-responsable.
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
{{ define "main" }}
|
||||
<div class="info">
|
||||
<a href="/">Accueil</a>
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<div class="portfolio">
|
||||
<ul class="projet">
|
||||
{{ range .Resources }}
|
||||
<li class="item">
|
||||
{{ $resized := .Fill "600x400 Center"}}
|
||||
<img src="{{ $resized.RelPermalink }}">
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="links">
|
||||
{{if .Prev}}<a href="{{.Prev.Permalink}}">⬅ {{.Prev.Title}}</a>{{ end }}
|
||||
{{if .Next}}<a href="{{.Next.Permalink}}">➡ {{.Next.Title}}</a>{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
{{ define "main" }}
|
||||
<div class="info">
|
||||
{{ with .Site.GetPage "/" }}
|
||||
<a href="/">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</a>
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="portfolio">
|
||||
<ul class="categories" id="categories">
|
||||
{{ $term := .Data.Term }}
|
||||
{{- range $name, $items := .Site.Taxonomies.categories }}
|
||||
<li>
|
||||
<a {{if eq ($name | title) $term }}class="actif" {{ end }}href="{{ "categories/" | relLangURL }}{{ $name | urlize | lower }}/#categories">
|
||||
#{{ $name | title | humanize }}
|
||||
</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
<ul class="projets" id="projets">
|
||||
{{ $pages := .Data.Pages.Reverse }}
|
||||
{{ range $pages }}
|
||||
<li class="item">
|
||||
{{ $image := .Resources.GetMatch (default "*" .Params.image) }}
|
||||
{{ if $image }}
|
||||
{{ $resized := $image.Fill "280x280 Center"}}
|
||||
<img src="{{ $resized.RelPermalink }}">
|
||||
{{ end }}
|
||||
<a href="{{.RelPermalink}}" class="description">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p>{{ .Description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -1 +1 @@
|
|||
Subproject commit 542c1adaa52c7519a919db627f9227e3c5263aa7
|
||||
Subproject commit b3981e36b7b7b3148ff3536e66e8e6a62f4ea17b
|
||||
Loading…
Reference in New Issue