@@ -1,6 +1,6 @@ | |||||
--- | --- | ||||
layout: page | layout: page | ||||
title: ressources | |||||
title: Ressources | |||||
permalink: /ressources/ | permalink: /ressources/ | ||||
--- | --- | ||||
@@ -0,0 +1,10 @@ | |||||
<head> | |||||
<meta charset="utf-8"> | |||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||||
<meta name="viewport" content="width=device-width, initial-scale=1"> | |||||
{%- seo -%} | |||||
<link rel="icon" href="{{"/assets/images/favicon.ico" | relative_url}}" /> | |||||
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}"> | |||||
{%- feed_meta -%} | |||||
</head> |
@@ -5,7 +5,7 @@ | |||||
{%- assign page_paths = site.header_pages | default: default_paths -%} | {%- assign page_paths = site.header_pages | default: default_paths -%} | ||||
<div> | <div> | ||||
<span class="site-logo"> | <span class="site-logo"> | ||||
<a class="site-title" rel="author" href="{{ "/" | relative_url }}"><img src="{{ "/assets/images/allella-logogramme.png" | relative_url }}"/></a> | |||||
<a class="site-title" rel="author" href="{{ "/" | relative_url }}"><img src="{{ "/assets/images/logogramme.svg" | relative_url }}"/></a> | |||||
</span> | </span> | ||||
<!--<div> | <!--<div> | ||||
<a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> | <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> | ||||
@@ -27,7 +27,7 @@ | |||||
{%- assign my_page = site.pages | where: "path", path | first -%} | {%- assign my_page = site.pages | where: "path", path | first -%} | ||||
{%- if my_page.title -%} | {%- if my_page.title -%} | ||||
{%- unless my_page.exclude -%} | {%- unless my_page.exclude -%} | ||||
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a> | |||||
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | downcase | escape }}</a> | |||||
{%- endunless-%} | {%- endunless-%} | ||||
{%- endif -%} | {%- endif -%} | ||||
{%- endfor -%} | {%- endfor -%} | ||||
@@ -6,9 +6,12 @@ | |||||
<body> | <body> | ||||
{%- include header.html -%} | {%- include header.html -%} | ||||
<div class="fullscreen"> | |||||
<img src="{{ "/assets/images/allella-logotype.png" | relative_url }}"/> | |||||
<div class="fullscreen logo-home"> | |||||
<img src="{{ "/assets/images/logo-home.svg" | relative_url }}"/> | |||||
<h2> | |||||
services numériques · open-source · indépendant | |||||
</h2> | |||||
</div> | </div> | ||||
<main class="page-content home-page-content" aria-label="Content"> | <main class="page-content home-page-content" aria-label="Content"> | ||||
@@ -21,4 +24,13 @@ | |||||
</body> | </body> | ||||
<script> | |||||
document.addEventListener('scroll', function(e){ | |||||
if(window.scrollY === 0) | |||||
document.body.classList.remove('scrolled'); | |||||
else { | |||||
document.body.classList.add('scrolled'); | |||||
} | |||||
}) | |||||
</script> | |||||
</html> | </html> |
@@ -64,7 +64,7 @@ $ wget https://github.com/go-gitea/gitea/raw/master/templates/home.tmpl | |||||
2. Modification du template : | 2. Modification du template : | ||||
``` | ``` | ||||
{{template "base/head" .}} | |||||
{{template "base/head"}} | |||||
<div class="home"> | <div class="home"> | ||||
<div class="ui stackable middle very relaxed page grid"> | <div class="ui stackable middle very relaxed page grid"> | ||||
<div class="sixteen wide center aligned centered column"> | <div class="sixteen wide center aligned centered column"> | ||||
@@ -0,0 +1,116 @@ | |||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||||
<svg | |||||
xmlns:dc="http://purl.org/dc/elements/1.1/" | |||||
xmlns:cc="http://creativecommons.org/ns#" | |||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | |||||
xmlns:svg="http://www.w3.org/2000/svg" | |||||
xmlns="http://www.w3.org/2000/svg" | |||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |||||
sodipodi:docname="logo-home.svg" | |||||
inkscape:version="1.0 (4035a4fb49, 2020-05-01)" | |||||
id="svg1289" | |||||
version="1.1" | |||||
viewBox="0 0 62.107498 28.707842" | |||||
height="28.707842mm" | |||||
width="62.107498mm"> | |||||
<defs | |||||
id="defs1283" /> | |||||
<sodipodi:namedview | |||||
inkscape:window-maximized="1" | |||||
inkscape:window-y="0" | |||||
inkscape:window-x="0" | |||||
inkscape:window-height="1019" | |||||
inkscape:window-width="1920" | |||||
fit-margin-bottom="0" | |||||
fit-margin-right="0" | |||||
fit-margin-left="0" | |||||
fit-margin-top="0" | |||||
showgrid="false" | |||||
inkscape:document-rotation="0" | |||||
inkscape:current-layer="layer1" | |||||
inkscape:document-units="mm" | |||||
inkscape:cy="80.601917" | |||||
inkscape:cx="122.30392" | |||||
inkscape:zoom="3.959798" | |||||
inkscape:pageshadow="2" | |||||
inkscape:pageopacity="0.0" | |||||
borderopacity="1.0" | |||||
bordercolor="#666666" | |||||
pagecolor="#ffffff" | |||||
id="base" /> | |||||
<metadata | |||||
id="metadata1286"> | |||||
<rdf:RDF> | |||||
<cc:Work | |||||
rdf:about=""> | |||||
<dc:format>image/svg+xml</dc:format> | |||||
<dc:type | |||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||||
<dc:title></dc:title> | |||||
</cc:Work> | |||||
</rdf:RDF> | |||||
</metadata> | |||||
<g | |||||
style="opacity:0.99749412" | |||||
transform="translate(92.285891,56.687255)" | |||||
id="layer1" | |||||
inkscape:groupmode="layer" | |||||
inkscape:label="Calque 1"> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -91.888884,-27.979677 c -0.1016,0 -0.2032,-0.03863 -0.280723,-0.116152 -0.155046,-0.155046 -0.155046,-0.406135 0,-0.561181 l 7.126023,-7.125229 c 0.113506,-0.113507 0.284162,-0.147902 0.432593,-0.08599 0.148432,0.06138 0.245004,0.20611 0.245004,0.366713 v 7.125229 c 0,0.219075 -0.177535,0.396875 -0.396875,0.396875 -0.219339,0 -0.396875,-0.1778 -0.396875,-0.396875 v -6.167173 l -6.448689,6.447631 c -0.07726,0.07726 -0.178858,0.116152 -0.280458,0.116152 z" | |||||
id="path1089" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -71.263556,-27.979677 h -7.687204 c -0.219339,0 -0.396875,-0.1778 -0.396875,-0.396875 0,-0.219075 0.177536,-0.396875 0.396875,-0.396875 h 7.290329 v -6.915414 c 0,-0.219075 0.177536,-0.396875 0.396875,-0.396875 0.21934,0 0.396875,0.1778 0.396875,0.396875 v 7.312289 c 0,0.219075 -0.177535,0.396875 -0.396875,0.396875 z" | |||||
id="path1091" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -75.387881,-31.729087 h -3.562879 c -0.219339,0 -0.396875,-0.1778 -0.396875,-0.396875 0,-0.219075 0.177536,-0.396875 0.396875,-0.396875 h 3.166004 v -3.166269 c 0,-0.219075 0.177536,-0.396875 0.396875,-0.396875 0.21934,0 0.396875,0.1778 0.396875,0.396875 v 3.563144 c 0,0.219075 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1093" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -30.575401,-27.979677 c -0.1016,0 -0.2032,-0.03863 -0.280723,-0.116152 l -6.448425,-6.447631 v 6.167173 c 0,0.219075 -0.1778,0.396875 -0.396875,0.396875 -0.219075,0 -0.396875,-0.1778 -0.396875,-0.396875 v -7.125229 c 0,-0.160338 0.09657,-0.305065 0.245004,-0.366713 0.148431,-0.06165 0.318823,-0.02752 0.432594,0.08599 l 7.126023,7.125229 c 0.155045,0.155046 0.155045,0.406135 0,0.561181 -0.07752,0.07726 -0.179123,0.116152 -0.280723,0.116152 z" | |||||
id="path1095" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -43.513262,-27.979677 h -7.875058 c -0.219075,0 -0.396875,-0.1778 -0.396875,-0.396875 v -7.499614 c 0,-0.219075 0.1778,-0.396875 0.396875,-0.396875 0.219075,0 0.396875,0.1778 0.396875,0.396875 v 7.102739 h 7.478183 c 0.219075,0 0.396875,0.1778 0.396875,0.396875 0,0.219075 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1097" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -43.513262,-31.541762 h -3.750469 c -0.219075,0 -0.396875,-0.1778 -0.396875,-0.396875 v -3.938059 c 0,-0.219075 0.1778,-0.396875 0.396875,-0.396875 0.219075,0 0.396875,0.1778 0.396875,0.396875 v 3.541184 h 3.353594 c 0.219075,0 0.396875,0.1778 0.396875,0.396875 0,0.219075 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1099" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -57.763456,-35.479556 h -7.125229 c -0.219339,0 -0.396875,-0.1778 -0.396875,-0.396875 0,-0.219075 0.177536,-0.396875 0.396875,-0.396875 h 7.125229 c 0.219075,0 0.396875,0.1778 0.396875,0.396875 0,0.219075 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1101" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -57.764249,-27.979677 h -7.125229 c -0.21934,0 -0.396875,-0.1778 -0.396875,-0.396875 0,-0.219075 0.177535,-0.396875 0.396875,-0.396875 h 7.125229 c 0.219075,0 0.396875,0.1778 0.396875,0.396875 0,0.219075 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1103" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -57.763456,-31.917206 h -7.125229 c -0.219339,0 -0.396875,-0.1778 -0.396875,-0.396875 0,-0.219075 0.177536,-0.396875 0.396875,-0.396875 h 7.125229 c 0.219075,0 0.396875,0.1778 0.396875,0.396875 0,0.219075 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1105" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -64.108693,-42.380948 c -0.21934,0 -0.396875,-0.177535 -0.396875,-0.396875 v -12.554215 l -12.83626,12.834674 c -0.155046,0.155045 -0.406136,0.155045 -0.561182,0 -0.155046,-0.155046 -0.155046,-0.4064 0,-0.561182 l 13.513594,-13.512271 c 0.113506,-0.113506 0.283898,-0.147902 0.432594,-0.08599 0.148431,0.06138 0.245004,0.20611 0.245004,0.366712 v 13.512271 c 0,0.21934 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1125" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
<path | |||||
fill="#FFFFFF" | |||||
d="m -58.355593,-42.380948 c -0.219075,0 -0.396875,-0.177535 -0.396875,-0.396875 v -13.512271 c 0,-0.160337 0.09657,-0.305329 0.245004,-0.366712 0.148167,-0.06112 0.319088,-0.02752 0.432594,0.08599 l 13.513594,13.512271 c 0.155045,0.154782 0.155045,0.406136 0,0.561182 -0.155046,0.155045 -0.406136,0.155045 -0.561182,0 l -12.83626,-12.834674 v 12.554215 c 0,0.21934 -0.1778,0.396875 -0.396875,0.396875 z" | |||||
id="path1127" | |||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583" /> | |||||
</g> | |||||
</svg> |
@@ -0,0 +1,70 @@ | |||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||||
<svg | |||||
xmlns:dc="http://purl.org/dc/elements/1.1/" | |||||
xmlns:cc="http://creativecommons.org/ns#" | |||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | |||||
xmlns:svg="http://www.w3.org/2000/svg" | |||||
xmlns="http://www.w3.org/2000/svg" | |||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |||||
sodipodi:docname="logogramme.svg" | |||||
inkscape:version="1.0 (4035a4fb49, 2020-05-01)" | |||||
id="svg1012" | |||||
version="1.1" | |||||
viewBox="0 0 18.234951 7.6639419" | |||||
height="7.6639419mm" | |||||
width="18.234951mm"> | |||||
<defs | |||||
id="defs1006" /> | |||||
<sodipodi:namedview | |||||
inkscape:window-maximized="1" | |||||
inkscape:window-y="0" | |||||
inkscape:window-x="0" | |||||
inkscape:window-height="1019" | |||||
inkscape:window-width="1920" | |||||
fit-margin-bottom="0" | |||||
fit-margin-right="0" | |||||
fit-margin-left="0" | |||||
fit-margin-top="0" | |||||
showgrid="false" | |||||
inkscape:document-rotation="0" | |||||
inkscape:current-layer="layer1" | |||||
inkscape:document-units="mm" | |||||
inkscape:cy="354.48305" | |||||
inkscape:cx="300.17404" | |||||
inkscape:zoom="0.35" | |||||
inkscape:pageshadow="2" | |||||
inkscape:pageopacity="0.0" | |||||
borderopacity="1.0" | |||||
bordercolor="#666666" | |||||
pagecolor="#ffffff" | |||||
id="base" /> | |||||
<metadata | |||||
id="metadata1009"> | |||||
<rdf:RDF> | |||||
<cc:Work | |||||
rdf:about=""> | |||||
<dc:format>image/svg+xml</dc:format> | |||||
<dc:type | |||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||||
<dc:title></dc:title> | |||||
</cc:Work> | |||||
</rdf:RDF> | |||||
</metadata> | |||||
<g | |||||
transform="translate(-26.412286,-54.376361)" | |||||
id="layer1" | |||||
inkscape:groupmode="layer" | |||||
inkscape:label="Calque 1"> | |||||
<path | |||||
style="stroke-width:0.264583" | |||||
fill="#ffffff" | |||||
d="m 26.676936,62.040241 c -0.06773,0 -0.135467,-0.02593 -0.187061,-0.07752 -0.103452,-0.103452 -0.103452,-0.270668 0,-0.37412 l 7.135284,-7.13449 c 0.07594,-0.07594 0.189442,-0.09816 0.288396,-0.05741 0.09895,0.04101 0.163248,0.137584 0.163248,0.244475 v 7.13449 c 0,0.14605 -0.118534,0.264583 -0.264584,0.264583 -0.14605,0 -0.264583,-0.118533 -0.264583,-0.264583 v -6.495785 l -6.68364,6.682845 c -0.05186,0.05159 -0.119591,0.07752 -0.18706,0.07752 z" | |||||
id="path44" /> | |||||
<path | |||||
style="stroke-width:0.264583" | |||||
fill="#ffffff" | |||||
d="m 37.247304,62.040241 c -0.14605,0 -0.264583,-0.118533 -0.264583,-0.264583 v -7.13449 c 0,-0.106891 0.06456,-0.203464 0.163248,-0.244475 0.09895,-0.04127 0.212725,-0.01852 0.288396,0.05741 l 7.135283,7.13449 c 0.103452,0.103187 0.103452,0.270668 0,0.37412 -0.103452,0.103453 -0.270669,0.103453 -0.374121,0 l -6.683639,-6.682845 v 6.495785 c 0,0.14605 -0.118534,0.264583 -0.264584,0.264583 z" | |||||
id="path46" /> | |||||
</g> | |||||
</svg> |
@@ -9,7 +9,11 @@ $bg-color: white; | |||||
$txt-color: #333; | $txt-color: #333; | ||||
$border-color: #e8e8e8; | $border-color: #e8e8e8; | ||||
$header-height: 15vh; | |||||
$header-height: 10vh; | |||||
.scrolled{ | |||||
} | |||||
.fullscreen{ | .fullscreen{ | ||||
width: 100%; | width: 100%; | ||||
@@ -29,11 +33,14 @@ header.site-header{ | |||||
min-height: $header-height; | min-height: $header-height; | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
background-color: $bg-color; | |||||
background-color: black;//$bg-color; | |||||
border-bottom: 2px solid $txt-color; | border-bottom: 2px solid $txt-color; | ||||
a, a:visited { | a, a:visited { | ||||
color : $txt-color; | color : $txt-color; | ||||
} | } | ||||
img{ | |||||
height: calc(#{$header-height / 1.5}); | |||||
} | |||||
.wrapper::after{ | .wrapper::after{ | ||||
content: none; | content: none; | ||||
} | } | ||||
@@ -63,7 +70,7 @@ header.site-header{ | |||||
//background-color: $txt-color; | //background-color: $txt-color; | ||||
padding: 5px; | padding: 5px; | ||||
font-variant: small-caps; | font-variant: small-caps; | ||||
@include relative-font-size(1); | |||||
@include relative-font-size(1.2); | |||||
&:hover{ | &:hover{ | ||||
text-decoration: none; | text-decoration: none; | ||||
background-color: #2a7ae2; | background-color: #2a7ae2; | ||||
@@ -144,6 +151,19 @@ h3{ | |||||
@include relative-font-size(1.1); | @include relative-font-size(1.1); | ||||
} | } | ||||
.logo-home { | |||||
display:flex; | |||||
flex-direction: column; | |||||
color: white; | |||||
img{ | |||||
width: 33vw; | |||||
} | |||||
h2{ | |||||
@include relative-font-size(1.2); | |||||
} | |||||
} | |||||
.post-list{ | .post-list{ | ||||
@include relative-font-size(1.1); | @include relative-font-size(1.1); | ||||
p{ | p{ | ||||