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

4 years ago · e65efd3b79
--- a/1-ressources.markdown
+++ b/1-ressources.markdown
@@ -1,6 +1,6 @@
 ---
 layout: page
 title: ressources
 title: Ressources
 permalink: /ressources/
 ---

--- a/_includes/head.html
+++ b/_includes/head.html
@@ -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>
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,7 +5,7 @@
    {%- assign page_paths = site.header_pages | default: default_paths -%}
    <div>
      <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>
      <!--<div>
        <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 -%}
            {%- if my_page.title -%}
            {%- 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-%}
            {%- endif -%}
            {%- endfor -%}
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -6,9 +6,12 @@
  <body>

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

    <main class="page-content home-page-content" aria-label="Content">
@@ -21,4 +24,13 @@

  </body>

  <script>
    document.addEventListener('scroll', function(e){
      if(window.scrollY === 0)
        document.body.classList.remove('scrolled');
      else {
        document.body.classList.add('scrolled');
      }
    })
  </script>
 </html>
--- a/_posts/2020-08-04-customize_gitea.markdown
+++ b/_posts/2020-08-04-customize_gitea.markdown
@@ -64,7 +64,7 @@ $ wget https://github.com/go-gitea/gitea/raw/master/templates/home.tmpl
 2. Modification du template :

 ```
 {{template "base/head" .}}
 {{template "base/head"}}
 <div class="home">
 	<div class="ui stackable middle very relaxed page grid">
 		<div class="sixteen wide center aligned centered column">
--- a/assets/images/favicon.ico
+++ b/assets/images/favicon.ico
--- a/assets/images/logo-home.svg
+++ b/assets/images/logo-home.svg
@@ -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>
--- a/assets/images/logogramme.svg
+++ b/assets/images/logogramme.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>
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -9,7 +9,11 @@ $bg-color: white;
 $txt-color: #333;
 $border-color: #e8e8e8;

 $header-height: 15vh;
 $header-height: 10vh;

 .scrolled{

 }

 .fullscreen{
    width: 100%;
@@ -29,11 +33,14 @@ header.site-header{
  min-height: $header-height;
  display: flex;
  align-items: center;
  background-color: $bg-color;
  background-color: black;//$bg-color;
  border-bottom: 2px solid $txt-color;
  a, a:visited {
    color : $txt-color;
  }
  img{
    height: calc(#{$header-height / 1.5});
  }
  .wrapper::after{
      content: none;
  }
@@ -63,7 +70,7 @@ header.site-header{
    //background-color: $txt-color;
    padding: 5px;
    font-variant: small-caps;
    @include relative-font-size(1);
    @include relative-font-size(1.2);
    &:hover{
 	text-decoration: none;
 	background-color: #2a7ae2;
@@ -144,6 +151,19 @@ h3{
    @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{
  @include relative-font-size(1.1);
  p{