From a3f7f52709dfc8d38c8c65f80bee4d8774050696 Mon Sep 17 00:00:00 2001 From: peter_rabbit <pierrejarriges@gmail.com> Date: Mon, 1 Feb 2021 16:09:31 +0100 Subject: [PATCH] feat:footer social --- package.json | 2 +- public/education/education.js | 38 ++++++++++++++++--- public/games/games.js | 38 ++++++++++++++++--- public/main.js | 38 ++++++++++++++++--- .../software-development.js | 38 ++++++++++++++++--- public/style/style.css | 19 ++++++++++ src/style.scss | 13 +++++++ src/template/template.js | 38 ++++++++++++++++--- 8 files changed, 193 insertions(+), 31 deletions(-) diff --git a/package.json b/package.json index 5b2e66e..679c58b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "kuadrado-website", - "version": "0.1.0", + "version": "1.0.0", "description": "Presentation website of Kuadrado Software", "main": "src/main.js", "scripts": { diff --git a/public/education/education.js b/public/education/education.js index b25958c..49c26e6 100644 --- a/public/education/education.js +++ b/public/education/education.js @@ -887,11 +887,6 @@ class Template { }, ], }, - { - tag: "span", - contents: - "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.", - }, { tag: "span", contents: @@ -900,7 +895,7 @@ class Template { { tag: "div", contents: [ - { tag: "span", contents: "<b><blue>Nous contacter : </blue><b>" }, + { tag: "strong", contents: "<blue>Nous contacter : </blue>" }, { tag: "a", href: "mailto:contact@kuadrado-software.fr", @@ -908,6 +903,37 @@ class Template { }, ], }, + { + tag: "div", + class: "social", + contents: [ + { + tag: "strong", + contents: "<blue>Sur les réseaux : </blue>", + }, + { + tag: "a", + href: "https://www.linkedin.com/company/kuadrado-software", + target: "_blank", + contents: "in", + title: "Linkedin", + }, + { + tag: "a", + href: "https://twitter.com/KuadradoSoft", + target: "_blank", + contents: "t", + title: "Twitter", + style_rules: { fontFamily: "serif" }, + }, + ], + }, + { + tag: "span", + contents: `Copyright © ${new Date() + .getFullYear()} Kuadrado Software | + Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.`, + }, ], }, ], diff --git a/public/games/games.js b/public/games/games.js index 9e68525..d566c7a 100644 --- a/public/games/games.js +++ b/public/games/games.js @@ -689,11 +689,6 @@ class Template { }, ], }, - { - tag: "span", - contents: - "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.", - }, { tag: "span", contents: @@ -702,7 +697,7 @@ class Template { { tag: "div", contents: [ - { tag: "span", contents: "<b><blue>Nous contacter : </blue><b>" }, + { tag: "strong", contents: "<blue>Nous contacter : </blue>" }, { tag: "a", href: "mailto:contact@kuadrado-software.fr", @@ -710,6 +705,37 @@ class Template { }, ], }, + { + tag: "div", + class: "social", + contents: [ + { + tag: "strong", + contents: "<blue>Sur les réseaux : </blue>", + }, + { + tag: "a", + href: "https://www.linkedin.com/company/kuadrado-software", + target: "_blank", + contents: "in", + title: "Linkedin", + }, + { + tag: "a", + href: "https://twitter.com/KuadradoSoft", + target: "_blank", + contents: "t", + title: "Twitter", + style_rules: { fontFamily: "serif" }, + }, + ], + }, + { + tag: "span", + contents: `Copyright © ${new Date() + .getFullYear()} Kuadrado Software | + Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.`, + }, ], }, ], diff --git a/public/main.js b/public/main.js index 618a891..0c2570c 100644 --- a/public/main.js +++ b/public/main.js @@ -820,11 +820,6 @@ class Template { }, ], }, - { - tag: "span", - contents: - "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.", - }, { tag: "span", contents: @@ -833,7 +828,7 @@ class Template { { tag: "div", contents: [ - { tag: "span", contents: "<b><blue>Nous contacter : </blue><b>" }, + { tag: "strong", contents: "<blue>Nous contacter : </blue>" }, { tag: "a", href: "mailto:contact@kuadrado-software.fr", @@ -841,6 +836,37 @@ class Template { }, ], }, + { + tag: "div", + class: "social", + contents: [ + { + tag: "strong", + contents: "<blue>Sur les réseaux : </blue>", + }, + { + tag: "a", + href: "https://www.linkedin.com/company/kuadrado-software", + target: "_blank", + contents: "in", + title: "Linkedin", + }, + { + tag: "a", + href: "https://twitter.com/KuadradoSoft", + target: "_blank", + contents: "t", + title: "Twitter", + style_rules: { fontFamily: "serif" }, + }, + ], + }, + { + tag: "span", + contents: `Copyright © ${new Date() + .getFullYear()} Kuadrado Software | + Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.`, + }, ], }, ], diff --git a/public/software-development/software-development.js b/public/software-development/software-development.js index d868a41..21782ff 100644 --- a/public/software-development/software-development.js +++ b/public/software-development/software-development.js @@ -837,11 +837,6 @@ class Template { }, ], }, - { - tag: "span", - contents: - "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.", - }, { tag: "span", contents: @@ -850,7 +845,7 @@ class Template { { tag: "div", contents: [ - { tag: "span", contents: "<b><blue>Nous contacter : </blue><b>" }, + { tag: "strong", contents: "<blue>Nous contacter : </blue>" }, { tag: "a", href: "mailto:contact@kuadrado-software.fr", @@ -858,6 +853,37 @@ class Template { }, ], }, + { + tag: "div", + class: "social", + contents: [ + { + tag: "strong", + contents: "<blue>Sur les réseaux : </blue>", + }, + { + tag: "a", + href: "https://www.linkedin.com/company/kuadrado-software", + target: "_blank", + contents: "in", + title: "Linkedin", + }, + { + tag: "a", + href: "https://twitter.com/KuadradoSoft", + target: "_blank", + contents: "t", + title: "Twitter", + style_rules: { fontFamily: "serif" }, + }, + ], + }, + { + tag: "span", + contents: `Copyright © ${new Date() + .getFullYear()} Kuadrado Software | + Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.`, + }, ], }, ], diff --git a/public/style/style.css b/public/style/style.css index 51c7fbe..beae7f2 100644 --- a/public/style/style.css +++ b/public/style/style.css @@ -1353,5 +1353,24 @@ main footer .logo img { main footer .logo img.text-logo { width: 100px; } +main footer .social { + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; + gap: 20px; +} +main footer .social a { + background-color: #555d61; + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; + width: 25px; + height: 25px; + font-weight: bold; + font-size: 16px; + border-radius: 100%; +} /*# sourceMappingURL=style.css.map */ diff --git a/src/style.scss b/src/style.scss index 1ab369b..f11b96e 100644 --- a/src/style.scss +++ b/src/style.scss @@ -378,5 +378,18 @@ main { } } } + .social { + @include flex-center; + gap: 20px; + a { + background-color: $dark_3; + @include flex-center; + width: 25px; + height: 25px; + font-weight: bold; + font-size: 16px; + border-radius: 100%; + } + } } } diff --git a/src/template/template.js b/src/template/template.js index 6ae6f55..be0993c 100644 --- a/src/template/template.js +++ b/src/template/template.js @@ -52,11 +52,6 @@ class Template { }, ], }, - { - tag: "span", - contents: - "Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.", - }, { tag: "span", contents: @@ -65,7 +60,7 @@ class Template { { tag: "div", contents: [ - { tag: "span", contents: "<b><blue>Nous contacter : </blue><b>" }, + { tag: "strong", contents: "<blue>Nous contacter : </blue>" }, { tag: "a", href: "mailto:contact@kuadrado-software.fr", @@ -73,6 +68,37 @@ class Template { }, ], }, + { + tag: "div", + class: "social", + contents: [ + { + tag: "strong", + contents: "<blue>Sur les réseaux : </blue>", + }, + { + tag: "a", + href: "https://www.linkedin.com/company/kuadrado-software", + target: "_blank", + contents: "in", + title: "Linkedin", + }, + { + tag: "a", + href: "https://twitter.com/KuadradoSoft", + target: "_blank", + contents: "t", + title: "Twitter", + style_rules: { fontFamily: "serif" }, + }, + ], + }, + { + tag: "span", + contents: `Copyright © ${new Date() + .getFullYear()} Kuadrado Software | + Toutes les images du site ont été réalisées par nos soins et peuvent être réutilisées pour un usage personnel.`, + }, ], }, ], -- GitLab