8 files changed, 76 insertions, 0 deletions
diff --git a/themes/blowfish/exampleSite/assets/img/author2.png b/themes/blowfish/exampleSite/assets/img/author2.png
new file mode 100644
index 0000000..c1a3c06
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/img/author2.png
diff --git a/themes/blowfish/exampleSite/assets/img/bg.jpg b/themes/blowfish/exampleSite/assets/img/bg.jpg
new file mode 100644
index 0000000..3a7617d
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/img/bg.jpg
diff --git a/themes/blowfish/exampleSite/assets/img/blowfish.jpg b/themes/blowfish/exampleSite/assets/img/blowfish.jpg
new file mode 100644
index 0000000..ad842ea
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/img/blowfish.jpg
diff --git a/themes/blowfish/exampleSite/assets/img/iceland.jpg b/themes/blowfish/exampleSite/assets/img/iceland.jpg
new file mode 100644
index 0000000..6352a78
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/img/iceland.jpg
diff --git a/themes/blowfish/exampleSite/assets/img/nuno_avatar.jpg b/themes/blowfish/exampleSite/assets/img/nuno_avatar.jpg
new file mode 100644
index 0000000..c350016
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/img/nuno_avatar.jpg
diff --git a/themes/blowfish/exampleSite/assets/img/ocean.jpg b/themes/blowfish/exampleSite/assets/img/ocean.jpg
new file mode 100644
index 0000000..9f1220a
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/img/ocean.jpg
diff --git a/themes/blowfish/exampleSite/assets/img/paint.png b/themes/blowfish/exampleSite/assets/img/paint.png
new file mode 100644
index 0000000..6f6659a
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/img/paint.png
diff --git a/themes/blowfish/exampleSite/assets/js/home.js b/themes/blowfish/exampleSite/assets/js/home.js
new file mode 100644
index 0000000..fc8e558
--- /dev/null
+++ b/themes/blowfish/exampleSite/assets/js/home.js
@@ -0,0 +1,76 @@
+var layouts = [
+  "background",
+  "hero",
+  "profile",
+  "page",
+  "card"
+]
+
+var currentLayout = 0
+
+function switchHomeLayout() {
+
+  var old = currentLayout
+  currentLayout = currentLayout == layouts.length - 1 ? 0 : currentLayout + 1
+
+  var oldDiv = document.getElementById(layouts[old])
+  var currentDiv = document.getElementById(layouts[currentLayout])
+  const layoutCode = document.querySelectorAll("code[id=layout]");
+
+  currentDiv.style.display = "block";
+  oldDiv.style.display = "none";
+  layoutCode.forEach(function (el) {
+    el.innerText = layouts[currentLayout];
+  });
+
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+  document.querySelectorAll("#switch-layout-button").forEach((button) =>
+    button.addEventListener("click", function (e) {
+      e.preventDefault();
+      switchHomeLayout();
+    })
+  );
+});
+
+var list_config = [
+  "CardViewProse",
+  "CardViewScreenWidth",
+  "NormalView"
+]
+
+var titles = {
+  "CardViewProse" : "card view with constrained width",
+  "CardViewScreenWidth" : "card view with full width",
+  "NormalView" : "standard list view"
+}
+
+var currentConfig = 0
+
+function switchList() {
+
+  var old = currentConfig
+  currentConfig = currentConfig == list_config.length - 1 ? 0 : currentConfig + 1
+
+  var oldDiv = document.getElementById(list_config[old])
+  var currentDiv = document.getElementById(list_config[currentConfig])
+  const configCode = document.querySelectorAll("code[id=config]");
+
+  currentDiv.style.display = "block";
+  oldDiv.style.display = "none";
+
+  configCode.forEach(function (el) {
+    el.innerText = titles[list_config[currentConfig]];
+  });
+
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+  document.querySelectorAll("#switch-config-button").forEach((button) =>
+    button.addEventListener("click", function (e) {
+      e.preventDefault();
+      switchList();
+    })
+  );
+});