From 73126741cd8533ad6514709663eb10d01425bff4 Mon Sep 17 00:00:00 2001 From: LUCASTUCIOUS Date: Mon, 13 Mar 2023 16:11:51 +0100 Subject: [PATCH] add timeline --- css/style.css | 11 ++++++++--- index.html | 15 ++++++++++++--- js/footer.js | 9 ++++----- js/language.js | 13 ++++++++++--- timeline.html | 44 ++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 78 insertions(+), 14 deletions(-) create mode 100644 timeline.html diff --git a/css/style.css b/css/style.css index bc17a22..6f96dc1 100644 --- a/css/style.css +++ b/css/style.css @@ -106,10 +106,15 @@ .gallery-cell { width: 66%; - - margin-right: 10px; - + /* margin-right: 10px; */ counter-increment: gallery-cell; + z-index: 10; + margin: auto; +} + +.gallery-cell:not(.is-selected) { + z-index: -5; + filter: saturate(25%); } .flickity-viewport { diff --git a/index.html b/index.html index 2ebe111..400c485 100644 --- a/index.html +++ b/index.html @@ -16,9 +16,14 @@
- - - + +

FateforgeTools

 @@ -44,6 +49,10 @@
books
+ diff --git a/js/footer.js b/js/footer.js index b83a79e..06adfe3 100644 --- a/js/footer.js +++ b/js/footer.js @@ -1,6 +1,5 @@ $(function () { - $("#footer").load("footer.html",function (responseTxt, statusTxt, xhr) { - console.log("bla"); - $("[data-localize]").localize("main", { pathPrefix: "lang" }); - }); - }); \ No newline at end of file + $("#footer").load("footer.html", function (responseTxt, statusTxt, xhr) { + refreshLoc(); + }); +}); diff --git a/js/language.js b/js/language.js index c6ea27f..8625540 100644 --- a/js/language.js +++ b/js/language.js @@ -33,14 +33,21 @@ function changeLangEN() { } function refreshBooks() { - - $("[data-localize]").localize("books", { + $("[data-localize]").localize("books", { pathPrefix: "lang", language: currentLang, }); } +function refreshLoc() { + $("[data-localize]") + .localize("main", { pathPrefix: "lang", language: currentLang }) + .localize("books", { pathPrefix: "lang", language: currentLang }); +} + // Function to fill a data-localize attribute and update DOM function setLocalizeDataAttr(className, dataValue) { - $("#" + className).data("localize", dataValue).attr("data-localize", dataValue); + $("#" + className) + .data("localize", dataValue) + .attr("data-localize", dataValue); } diff --git a/timeline.html b/timeline.html new file mode 100644 index 0000000..a6dca0b --- /dev/null +++ b/timeline.html @@ -0,0 +1,44 @@ + + + + + + fateforge-tools + + + + + + + + + +
+ + + +

FateforgeTools

+ +
+ + +
Create a timeline
+ + + + + + + + + + + + + \ No newline at end of file