Public/blowfish
1
0 Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2026-10-26 22:06:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: surface layout previews and refresh example imagery

Browse Source
This commit is contained in:
Friday authored and Nuno C. committed 2026-08-17 20:19:02 +01:00
1 parent e62da9e2d1
commit d862e6f789
12 files changed
+99 -44
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

exampleSite/assets/images/v3/documentation.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

exampleSite/assets/images/v3/layouts.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 MiB

exampleSite/assets/images/v3/publishing.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 MiB

exampleSite/assets/js/home.js
+18 -17
View File
@@ -27,26 +27,27 @@ window.addEventListener("DOMContentLoaded", (event) => {
});
function initLayoutLab() {
const lab = document.querySelector("[data-layout-lab]");
if (!lab) return;
document.querySelectorAll("[data-layout-switcher]").forEach((lab) => {
const buttons = lab.querySelectorAll("[data-layout-switcher-button]");
const panels = lab.querySelectorAll("[data-layout-switcher-panel]");
const activate = (layout) => {
buttons.forEach((button) => {
const active = button.dataset.layoutSwitcherButton === layout;
button.setAttribute("aria-selected", String(active));
button.classList.toggle("border-primary-600", active);
button.classList.toggle("bg-primary-600", active);
button.classList.toggle("text-white", active);
button.classList.toggle("dark:border-primary-500", active);
button.classList.toggle("dark:bg-primary-500", active);
});
panels.forEach((panel) => {
panel.hidden = panel.dataset.layoutSwitcherPanel !== layout;
});
};
const buttons = lab.querySelectorAll("[data-layout-preview-button]");
const panels = lab.querySelectorAll("[data-layout-preview-panel]");
const activate = (layout) => {
buttons.forEach((button) => {
const active = button.dataset.layoutPreviewButton === layout;
button.setAttribute("aria-selected", String(active));
button.classList.toggle("bg-primary-600", active);
button.classList.toggle("text-white", active);
button.classList.toggle("dark:border-primary-600", active);
button.addEventListener("click", () => activate(button.dataset.layoutSwitcherButton));
});
panels.forEach((panel) => {
panel.hidden = panel.dataset.layoutPreviewPanel !== layout;
});
};
buttons.forEach((button) => {
button.addEventListener("click", () => activate(button.dataset.layoutPreviewButton));
});
}