diff --git a/assets/script.js b/assets/script.js index 7ec7caf..2feb279 100644 --- a/assets/script.js +++ b/assets/script.js @@ -1,45 +1,31 @@ -function toggleTab(event, tabName) { - hideAllTabs(event) - - const button = - event.target.tagName === "BUTTON" - ? event.target - : event.target.closest("button") - // const buttonTop = button.offsetTop - const icon = button.querySelector(".more-less-icon") - const article = document.querySelector("#" + tabName) - - icon.textContent = icon.textContent === "+" ? "-" : "+" - button.classList.toggle("open") - article.classList.toggle("hidden") +function openTab(data, tab) { + data.activeTab === tab ? (data.activeTab = "") : (data.activeTab = tab); } -function hideAllTabs(event) { - const tabContainer = event.target.closest("toggle") - const buttons = document.querySelectorAll(".toggle-btn") - const articles = document.querySelectorAll(".tab") - - buttons.forEach((btn) => { - btn.classList.remove("open") - btn.querySelector(".more-less-icon").textContent = "+" - }) - articles.forEach((article) => { - article.classList.add("hidden") - }) +function scrollToElem(selector) { + setTimeout(() => { + const yOffset = -185; + const elem = document.querySelector(selector); + const top = elem.getBoundingClientRect().top; + window.scrollTo({ + top: top + window.scrollY + yOffset, + behavior: "smooth", + }); + }, 100); } document.addEventListener("DOMContentLoaded", () => { function toggleLogoState() { - const scrollY = window.scrollY || window.pageYOffset + const scrollY = window.scrollY || window.pageYOffset; if (scrollY > 10) { - document.querySelector("#header").classList.add("minimized") + document.querySelector("#header").classList.add("minimized"); } else { - document.querySelector("#header").classList.remove("minimized") + document.querySelector("#header").classList.remove("minimized"); } } window.addEventListener("scroll", () => { - toggleLogoState() - }) -}) + toggleLogoState(); + }); +}); diff --git a/assets/style.css b/assets/style.css index 65ecf48..8ac4f78 100644 --- a/assets/style.css +++ b/assets/style.css @@ -10,6 +10,11 @@ } /* ================= RESET ================= */ +body, +html { + scroll-behavior: smooth; +} + html, body, h1, @@ -166,6 +171,10 @@ button { align-items: center; } +article p { + margin-bottom: var(--unit--vertical); +} + /* ================= HEADER ================= */ #header { position: fixed; @@ -351,17 +360,33 @@ h2.left.open::before { justify-content: space-between; } -#content { - margin-top: calc(var(--unit--vertical) * 2); +button.toggle.open { + font-weight: bold; } -.toggle-btn--left .more-less-icon { +button.toggle.left::after { margin-left: var(--unit--horizontal); } +button.toggle.left.close::after { + content: "+"; +} +button.toggle.left.open::after { + content: "-"; +} -.toggle-btn--right .more-less-icon { +button.toggle.right::before { margin-right: var(--unit--horizontal); } +button.toggle.right.close::before { + content: "+"; +} +button.toggle.right.open::before { + content: "-"; +} + +.content { + margin-top: calc(var(--unit--vertical) * 2); +} /* ================= ARTICLES LIST ================= */ #articles { diff --git a/content/error/error.txt b/content/error/error.txt index b588b2a..13afef0 100644 --- a/content/error/error.txt +++ b/content/error/error.txt @@ -1 +1,5 @@ -Title: Error \ No newline at end of file +Title: Error + +---- + +Uuid: atOcJYYJAw8Buk3z \ No newline at end of file diff --git a/content/home/home.txt b/content/home/home.txt index 02896ec..a06f769 100644 --- a/content/home/home.txt +++ b/content/home/home.txt @@ -1 +1,5 @@ -Title: Home \ No newline at end of file +Title: Home + +---- + +Uuid: Ie9MrbnsQDy1oSUB \ No newline at end of file diff --git a/content/site.txt b/content/site.txt index b1f98d7..3bb5308 100644 --- a/content/site.txt +++ b/content/site.txt @@ -1 +1,5 @@ -Title: Site Title \ No newline at end of file +Title: actuel / inactuel + +---- + +Edito:

Leo tortor nunc placerat adipiscing diam elementum facilisis nunc elit eget nisl suspendisse accumsan tincidunt nisi urna sit leo arcu suspendisse eu congue eget id.

Et sollicitudin massa sem commodo elementum phasellus arcu diam purus tempus ex mi condimentum interdum maecenas scelerisque sed elit sem eget elit vel et a.

Ac rutrum elementum purus cursus quisque aliquam scelerisque scelerisque metus eu bibendum et euismod ac quisque aliquam tortor amet sollicitudin sit lorem portaest adipiscing sollicitudin.

Commodo morbi magna bibendum ut sem arcu ipsum maecenas vivamus quis tempus lacus urna quis morbi enim tincidunt nisi placerat quisque euismod eget tristique nunc.

Molestie cursus ex tempus varius gravida phasellus placerat quam varius maecenas nisl nunc facilisis nunc condimentum et mi purus interdum orci quis sollicitudin enim dolor.

\ No newline at end of file diff --git a/site/blueprints/site.yml b/site/blueprints/site.yml index b7da661..9711f64 100644 --- a/site/blueprints/site.yml +++ b/site/blueprints/site.yml @@ -1,5 +1,12 @@ title: Site -sections: - pages: - type: pages +tabs: + contentTab: + label: Contenu + sections: + fieldsSection: + label: Contenu + type: fields + fields: + edito: + type: writer diff --git a/site/snippets/footer.php b/site/snippets/footer.php new file mode 100644 index 0000000..691287b --- /dev/null +++ b/site/snippets/footer.php @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/site/snippets/header.php b/site/snippets/header.php new file mode 100644 index 0000000..f11c9b9 --- /dev/null +++ b/site/snippets/header.php @@ -0,0 +1,36 @@ + + + + + + <?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?> + + + + + + + \ No newline at end of file diff --git a/site/templates/home.php b/site/templates/home.php new file mode 100644 index 0000000..156019b --- /dev/null +++ b/site/templates/home.php @@ -0,0 +1,49 @@ + +
+

+ critique des arts
+ et des techniques +

+
+
+ + +
+
+
+ edito() ?> +
+ +
+
+
+ \ No newline at end of file