allella
/
blog
3
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

ajustements css + mise en place logotype / logogramme et logo accueil

dje/maj-chatonisation
Jérôme Chauveau 5 years ago
parent
acc12f70f1
commit
e65efd3b79
9 changed files with 238 additions and 10 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      1-ressources.markdown
  2. +10
    -0
      _includes/head.html
  3. +2
    -2
      _includes/header.html
  4. +15
    -3
      _layouts/home.html
  5. +1
    -1
      _posts/2020-08-04-customize_gitea.markdown
  6. BIN
      assets/images/favicon.ico
  7. +116
    -0
      assets/images/logo-home.svg
  8. +70
    -0
      assets/images/logogramme.svg
  9. +23
    -3
      assets/main.scss

+ 1
- 1
1-ressources.markdown View File

@@ -1,6 +1,6 @@
--- ---
layout: page layout: page
title: ressources
title: Ressources
permalink: /ressources/ permalink: /ressources/
--- ---




+ 10
- 0
_includes/head.html View File

@@ -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>

+ 2
- 2
_includes/header.html View File

@@ -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 -%}


+ 15
- 3
_layouts/home.html View File

@@ -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>

+ 1
- 1
_posts/2020-08-04-customize_gitea.markdown View File

@@ -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">


BIN
assets/images/favicon.ico View File

Before After

+ 116
- 0
assets/images/logo-home.svg View File

@@ -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>

+ 70
- 0
assets/images/logogramme.svg View File

@@ -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>

+ 23
- 3
assets/main.scss View File

@@ -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{


Write Preview
Loading…
Cancel
Save