Ajout de la date de mise à jour dans les posts

LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Dmitry Lebedev - Released under The MIT License.
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

assets/css/screen.css

@@ -1,12 +1,13 @@
 :root {
-  --header-background-color: #1b2b34eb;
+  --header-background-color: #1b2b34;
   --main-background-color: #343D46;
-  --text: #d8dee9fd;
-  --link: #c594c5;
-  --footer-link: #50585D;
-  --title: #f99157;
+  --text: #d8dee9;
+  --link: #f2b705;
+  --footer-link: #d8dee9;
+  --title: #f28322;
   --post-title: #a7adba;
-  --date: #c594c5;
+  --border: #424650;
+  --figcaption: #9EABB3;
 }
 
 @font-face {
@@ -75,46 +76,19 @@ h6 {
  letter-spacing:2px;
  font-weight:normal
 }
-h1 a {
- color: var(--post-title)
-}
-h2 a {
- color: var(--post-title)
-}
-h3 a {
- color: var(--post-title)
-}
-h4 a {
- color: var(--post-title)
-}
-h5 a {
- color: var(--post-title)
-}
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
 h6 a {
  color: var(--post-title)
 }
-/* h1 { */
-/*  font-size:5rem; */
-/*  line-height:1.2em; */
-/*  text-indent:-3px */
-/* } */
-/* h2 { */
-/*  font-size:4rem; */
-/*  line-height:1.2em; */
-/*  text-indent:-2px */
-/* } */
-/* h3 { */
-/*  font-size:3.5rem */
-/* } */
-/* h4 { */
-/*  font-size:3rem */
-/* } */
-/* h5 { */
-/*  font-size:2.5rem */
-/* } */
-/* h6 { */
-/*  font-size:2rem */
-/* } */
+.blog-title {
+  font-size:5rem;
+  letter-spacing:-1px;
+  text-align:center;
+}
 a {
  color: var(--link);
  -webkit-transition:color ease 0.3s;
@@ -140,7 +114,7 @@ hr {
  display:block;
  height:1px;
  border:0;
- border-top:1px solid #424650;
+ border-top:1px solid var(--border);
  margin:3.2em 0;
  padding:0
 }
@@ -288,6 +262,9 @@ textarea {
  color: var(--text);
  outline-color: var(--link)
 }
+.nav {
+ margin:0;
+}
 .site-nav ul {
  padding:0
 }
@@ -301,6 +278,15 @@ textarea {
 .post-header .site-nav {
  text-align:center
 }
+.site-nav {
+  overflow: hidden;
+}
+.site-nav-left {
+ float: left;
+}
+.site-nav-right {
+ float: right;
+}
 .hidden {
  text-indent:-9999px;
  visibility:hidden;
@@ -334,49 +320,35 @@ textarea {
  max-width:850px;
  margin:4rem auto;
  padding-bottom:4rem;
- border-bottom:#424650 1px solid;
+ border-bottom:var(--border) 1px solid;
  word-break:break-word;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto
 }
 .post-title {
- color: var(--post-title);
- margin:0
-}
-.post-title a {
- color: var(--post-title) !important;
- text-decoration:none
-}
-.post-title a:hover {
- color:#aec5c4 !important
+ color: var(--link);
+ margin:0;
 }
 .post-excerpt p {
  margin:1.6rem 0 0 0;
- font-size:0.9em;
  line-height:1.6em
 }
 .post-meta {
  display:inline-block;
  margin:0 0 5px 0;
  font-size:1.5rem;
- color: var(--date)
+ color: var(--text)
+}
+.post .post-title {
+  margin-bottom: 25px;
 }
 .post a {
- color: var(--date);
+ color: var(--link);
  text-decoration:none
 }
 .post a:hover {
  text-decoration:underline;
- color:#9c8aa5
-}
-.post-header a {
- color: var(--link);
- -webkit-transition:color ease 0.3s;
- transition:color ease 0.3s
-}
-.post-header a:hover {
- color:#a3be8c
 }
 .user-meta {
  position:relative;
@@ -434,7 +406,7 @@ textarea {
  position:relative;
  margin:4rem 0 0 0;
  padding:4rem 0 0 0;
- border-top:#424650 1px solid
+ border-top:var(--border) 1px solid
 }
 .post-footer h4 {
  font-size:1.8rem;
@@ -471,7 +443,7 @@ textarea {
  position:absolute;
  display:inline-block;
  padding:0 15px;
- border:#424650 1px solid;
+ border:var(--border) 1px solid;
  text-decoration:none;
  border-radius:5px;
  -webkit-transition:border ease 0.3s;
@@ -522,80 +494,6 @@ textarea {
  font-size:1rem;
  margin-right:0.2em
 }
-.subscribe {
- width:28px;
- height:28px;
- position:absolute;
- top:-14px;
- left:50%;
- margin-left:-15px;
- border:#EBF2F6 1px solid;
- text-align:center;
- line-height:2.4rem;
- border-radius:50px;
- background:#fff;
- -webkit-transition:-webkit-box-shadow 0.5s;
- transition:-webkit-box-shadow 0.5s;
- transition:box-shadow 0.5s;
- transition:box-shadow 0.5s, -webkit-box-shadow 0.5s
-}
-.subscribe:before {
- color:#D2DEE3;
- font-size:10px;
- position:absolute;
- top:2px;
- left:9px;
- font-weight:bold;
- -webkit-transition:color 0.5s ease;
- transition:color 0.5s ease
-}
-.subscribe:hover {
- -webkit-box-shadow:rgba(0,0,0,0.05) 0 0 0 3px;
- box-shadow:rgba(0,0,0,0.05) 0 0 0 3px;
- -webkit-transition:-webkit-box-shadow 0.25s;
- transition:-webkit-box-shadow 0.25s;
- transition:box-shadow 0.25s;
- transition:box-shadow 0.25s, -webkit-box-shadow 0.25s
-}
-.subscribe:hover .tooltip {
- opacity:1;
- top:-33px
-}
-.subscribe:hover:before {
- color: var(--footer-link)
-}
-.tooltip {
- opacity:0;
- display:inline-block;
- padding:4px 8px 5px 8px;
- position:absolute;
- top:-23px;
- left:-23px;
- color:rgba(255,255,255,0.9);
- font-size:1.1rem;
- font-weight:bold;
- line-height:1em;
- text-align:center;
- background: var(--footer-link);
- border-radius:20px;
- -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);
- box-shadow:0 1px 4px rgba(0,0,0,0.1);
- -webkit-transition:opacity 0.3s ease, top 0.3s ease;
- transition:opacity 0.3s ease, top 0.3s ease
-}
-.tooltip:after {
- content:"";
- border-width:5px 5px 0 5px;
- border-style:solid;
- border-color: var(--footer-link) transparent;
- display:block;
- position:absolute;
- bottom:-4px;
- left:50%;
- margin-left:-5px;
- z-index:220;
- width:0
-}
 @media only screen and (max-width: 900px) {
  blockquote {
   margin-left:0
@@ -610,6 +508,7 @@ textarea {
  .blog-title {
   font-size:4rem;
   letter-spacing:-1px;
+  text-align:center;
  }
  .blog-description {
   font-size:1.7rem;
@@ -657,7 +556,8 @@ textarea {
   padding:10% 0
  }
  .blog-title {
-  font-size:3rem
+  font-size:3rem;
+  text-align:center;
  }
  .blog-description {
   font-size:1.5rem
@@ -690,7 +590,7 @@ textarea {
  .post-footer .author {
   margin:0 0 2rem 0;
   padding:0 0 1.6rem 0;
-  border-bottom:#424650 1px dashed
+  border-bottom:var(--border) 1px dashed
  }
  .older-posts,
  .newer-posts {
@@ -718,7 +618,6 @@ textarea {
  max-width:920px
 }
 .post-template .post-content>p:first-child {
- font-size:1.25em;
  line-height:1.5em
 }
 .post-full-content .kg-image {
@@ -739,11 +638,14 @@ textarea {
 .post-full-content figure img {
  margin:0
 }
-.post-full-content figcaption {
- margin:1.0em 0 0;
- font-size:80%;
+.post-content figcaption {
+ margin:1.0em auto;
+ width: 80%;
+ font-size:70%;
+ font-style: italic;
  line-height:1.6em;
- text-align:center
+ text-align:center;
+ color: var(--figcaption);
 }
 .kg-width-full figcaption {
  padding:0 1.5em

default.hbs

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="fr">
 <head>
     {{! Document Settings }}
     <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />

partials/header.hbs

@@ -1,7 +1,6 @@
 <header id="site-head" {{#if @site.cover_image}}style="background-image: url({{@site.cover_image}})"{{/if}}>
     <div class="">
         <div id="site-head-content" class="inner">
-
             {{> "site-nav"}}
             <h1 class="blog-title">{{@site.title}}</h1>
         </div>

partials/site-nav.hbs

@@ -4,4 +4,9 @@
             {{navigation}}
         {{/if}}
     </div>
+    <div class="site-nav-right">
+        {{#if @site.secondary_navigation}}
+            {{navigation type="secondary"}}
+        {{/if}}
+    </div>
 </nav>

post.hbs

@@ -14,23 +14,19 @@
         {{#post}}
 
         {{! Everything below outputs content of the the post which has been published }}
-        <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY' locale="fr-fr"}}</time> {{#if tags}}dans {{tags separator=" | "}}{{/if}}</span>
+        <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY' locale="fr-fr"}}</time>
+          {{#if tags}}dans {{tags separator=" | "}}{{/if}}<br />
+          {{#if updated_at}}
+            <time datetime="{{date format="YYYY-MM-DD"}}">&nbsp;&nbsp;➡ Mise à jour {{date updated_at format='DD MMM YYYY' locale="fr-fr"}}</time>
+          {{/if}}
+        </span>
 
-        <h1 class="post-title">{{{title}}}</h1>
+        <h2 class="post-title">{{{title}}}</h2>
 
         <section class="post-content">
             {{content}}
         </section>
 
-        <footer class="post-footer">
-
-            {{#if primary_author}}
-                <section class="author">
-                    <h4>{{primary_author.name}}</h4>
-                </section>
-            {{/if}}
-        </footer>
-
         {{/post}}
 
     </article>