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