From 3cfc7d94b333b313e0b343a492454411a99affed Mon Sep 17 00:00:00 2001
From: peter_rabbit <pierrejarriges@gmail.com>
Date: Sun, 31 Jan 2021 19:23:37 +0100
Subject: [PATCH] dates use <time> & fix typo in news

---
 .../installation-kuadrado/installation-kuadrado.txt    |  2 +-
 public/main.js                                         |  2 +-
 public/software-development/software-development.js    | 10 +++++-----
 public/style/style.css                                 | 10 +++++++---
 src/home-page-components/news-articles.js              |  2 +-
 src/homepage.scss                                      |  2 +-
 .../components/software-articles.js                    | 10 +++++-----
 .../software-development/software-development.scss     |  8 ++++++--
 8 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/public/articles/news/installation-kuadrado/installation-kuadrado.txt b/public/articles/news/installation-kuadrado/installation-kuadrado.txt
index 05d1796..aa32460 100755
--- a/public/articles/news/installation-kuadrado/installation-kuadrado.txt
+++ b/public/articles/news/installation-kuadrado/installation-kuadrado.txt
@@ -1,4 +1,4 @@
-Depuis septembre 2020, Kuadrado Software investit ses nouveau locaux à Vernoux en Vivarais pour y développer ses activités : 
+Depuis septembre 2020, Kuadrado Software investit ses nouveaux locaux à Vernoux en Vivarais pour y développer ses activités : 
 Création de jeu vidéo, ateliers pédagogiques, et développement web et logiciel.
 
 À très bientôt ! <img src="/assets/images/mini_pix/pc_pix.png"/> <img src="/assets/images/mini_pix/heart_pix.gif"/>
\ No newline at end of file
diff --git a/public/main.js b/public/main.js
index 0af3544..64767e3 100644
--- a/public/main.js
+++ b/public/main.js
@@ -127,7 +127,7 @@ class NewsArticles {
                 {
                     tag: "div",
                     class: "date",
-                    contents: [{ tag: "span", contents: getArticleDate(articleData.date) }],
+                    contents: [{ tag: "time", contents: getArticleDate(articleData.date) }],
                 },
                 {
                     tag: "div",
diff --git a/public/software-development/software-development.js b/public/software-development/software-development.js
index c41a46a..f1e06eb 100644
--- a/public/software-development/software-development.js
+++ b/public/software-development/software-development.js
@@ -427,16 +427,16 @@ class SoftwareArticle {
                     class: "software-title",
                     contents: title,
                 },
+                {
+                    tag: "time",
+                    class: "software-date",
+                    contents: getArticleDate(date),
+                },
                 {
                     tag: "h3",
                     class: "software-subtitle",
                     contents: subtitle,
                 },
-                {
-                    tag: "span",
-                    class: "software-date",
-                    contents: getArticleDate(date),
-                },
                 {
                     tag: "div",
                     class: "software-description",
diff --git a/public/style/style.css b/public/style/style.css
index 06990ef..58bb64f 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -484,7 +484,7 @@ main #page-container #home-page .articles-displayer article .date {
   grid-row: 1;
   text-align: right;
 }
-main #page-container #home-page .articles-displayer article .date span {
+main #page-container #home-page .articles-displayer article .date time {
   color: #6b7880;
   font-style: italic;
   font-size: 12px;
@@ -1051,13 +1051,17 @@ main #page-container #software-page .software-articles article.software-article
   padding: 20px;
 }
 main #page-container #software-page .software-articles article.software-article .software-date {
-  margin: 0 20px;
+  margin: 10px 0 0;
   color: #96a5ae;
   font-style: italic;
+  text-align: right;
+  color: #6b7880;
+  font-style: italic;
+  font-size: 12px;
 }
 main #page-container #software-page .software-articles article.software-article .software-subtitle {
   grid-column: 1;
-  margin: 20px;
+  margin: 10px 20px 20px;
 }
 main #page-container #software-page .software-articles article.software-article .software-description {
   grid-column: 1;
diff --git a/src/home-page-components/news-articles.js b/src/home-page-components/news-articles.js
index 66977d4..71b8d82 100644
--- a/src/home-page-components/news-articles.js
+++ b/src/home-page-components/news-articles.js
@@ -37,7 +37,7 @@ class NewsArticles {
                 {
                     tag: "div",
                     class: "date",
-                    contents: [{ tag: "span", contents: getArticleDate(articleData.date) }],
+                    contents: [{ tag: "time", contents: getArticleDate(articleData.date) }],
                 },
                 {
                     tag: "div",
diff --git a/src/homepage.scss b/src/homepage.scss
index 2021502..cee5d25 100644
--- a/src/homepage.scss
+++ b/src/homepage.scss
@@ -118,7 +118,7 @@
                 grid-column: 1;
                 grid-row: 1;
                 text-align: right;
-                span {
+                time {
                     color: $medium_grey;
                     font-style: italic;
                     font-size: 12px;
diff --git a/src/pages/software-development/components/software-articles.js b/src/pages/software-development/components/software-articles.js
index 41d27f6..e8ce2ab 100644
--- a/src/pages/software-development/components/software-articles.js
+++ b/src/pages/software-development/components/software-articles.js
@@ -21,16 +21,16 @@ class SoftwareArticle {
                     class: "software-title",
                     contents: title,
                 },
+                {
+                    tag: "time",
+                    class: "software-date",
+                    contents: getArticleDate(date),
+                },
                 {
                     tag: "h3",
                     class: "software-subtitle",
                     contents: subtitle,
                 },
-                {
-                    tag: "span",
-                    class: "software-date",
-                    contents: getArticleDate(date),
-                },
                 {
                     tag: "div",
                     class: "software-description",
diff --git a/src/pages/software-development/software-development.scss b/src/pages/software-development/software-development.scss
index 64bdd26..3f438f2 100644
--- a/src/pages/software-development/software-development.scss
+++ b/src/pages/software-development/software-development.scss
@@ -18,14 +18,18 @@
                 padding: 20px;
             }
             .software-date {
-                margin: 0 20px;
+                margin: 10px 0 0;
                 color: $light_1;
                 font-style: italic;
+                text-align: right;
+                color: $medium_grey;
+                font-style: italic;
+                font-size: 12px;
             }
 
             .software-subtitle {
                 grid-column: 1;
-                margin: 20px;
+                margin: 10px 20px 20px;
             }
 
             .software-description {
-- 
GitLab