From 0172b4e8b72f4aec735dbdf1726ef28305507a54 Mon Sep 17 00:00:00 2001
From: Mirus <mirusim@gmail.com>
Date: Wed, 31 Jul 2024 13:19:01 +0300
Subject: [PATCH] docs: WIP demo site update

---
 {exampleSite => demoSite}/config.toml         |  31 ++++++++++++-----
 {exampleSite => demoSite}/content/about.md    |   0
 demoSite/content/posts/css-vars.md            |  10 ++++++
 .../content/posts/hello.md                    |   0
 {exampleSite => demoSite}/content/showcase.md |   3 ++
 demoSite/layouts/posts/css-vars-showcase.html |  32 ++++++++++++++++++
 .../static/img/hello.jpg                      | Bin
 7 files changed, 67 insertions(+), 9 deletions(-)
 rename {exampleSite => demoSite}/config.toml (76%)
 rename {exampleSite => demoSite}/content/about.md (100%)
 create mode 100644 demoSite/content/posts/css-vars.md
 rename {exampleSite => demoSite}/content/posts/hello.md (100%)
 rename {exampleSite => demoSite}/content/showcase.md (97%)
 create mode 100644 demoSite/layouts/posts/css-vars-showcase.html
 rename {exampleSite => demoSite}/static/img/hello.jpg (100%)

diff --git a/exampleSite/config.toml b/demoSite/config.toml
similarity index 76%
rename from exampleSite/config.toml
rename to demoSite/config.toml
index 30f695c..96efe12 100644
--- a/exampleSite/config.toml
+++ b/demoSite/config.toml
@@ -3,15 +3,6 @@ languageCode = "en-us"
 # theme = "hugo-theme-re-terminal"
 paginate = 5
 
-# Only for demo deploy perpous
-[module]
-[[module.mounts]]
-source = 'exampleSite/content'
-target = 'content'
-[[module.mounts]]
-source = 'exampleSite/static'
-target = 'static'
-
 [params]
 contentTypeName = "posts"
 themeColor = "blue"
@@ -46,3 +37,25 @@ url = "/about"
 identifier = "showcase"
 name = "Showcase"
 url = "/showcase"
+
+
+# Only for demo deploy perpous
+[module]
+[[module.mounts]]
+source = 'demoSite/content'
+target = 'content'
+[[module.mounts]]
+source = 'demoSite/static'
+target = 'static'
+[[module.mounts]]
+source = 'static'
+target = 'static'
+[[module.mounts]]
+source = 'demoSite/layouts'
+target = 'layouts'
+[[module.mounts]]
+source = 'layouts'
+target = 'layouts'
+[[module.mounts]]
+source = 'archetypes'
+target = 'archetypes'
diff --git a/exampleSite/content/about.md b/demoSite/content/about.md
similarity index 100%
rename from exampleSite/content/about.md
rename to demoSite/content/about.md
diff --git a/demoSite/content/posts/css-vars.md b/demoSite/content/posts/css-vars.md
new file mode 100644
index 0000000..7a1a3d0
--- /dev/null
+++ b/demoSite/content/posts/css-vars.md
@@ -0,0 +1,10 @@
++++
+title = "CSS Variables update"
+date = "2024-07-30"
+author = "Mirus"
+cover = "img/hello.jpg"
+description = "A small demo of native css variables"
+layout = "css-vars-showcase"
++++
+
+hello md
\ No newline at end of file
diff --git a/exampleSite/content/posts/hello.md b/demoSite/content/posts/hello.md
similarity index 100%
rename from exampleSite/content/posts/hello.md
rename to demoSite/content/posts/hello.md
diff --git a/exampleSite/content/showcase.md b/demoSite/content/showcase.md
similarity index 97%
rename from exampleSite/content/showcase.md
rename to demoSite/content/showcase.md
index 1ffc150..08a22f3 100644
--- a/exampleSite/content/showcase.md
+++ b/demoSite/content/showcase.md
@@ -4,6 +4,9 @@ date: "2018-07-18"
 author: "Hello Robot"
 ---
 
+# Features in updates
+- [native CSS variables showcase](/posts/css-vars/)
+
 ## Header 2
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec interdum metus. Aenean rutrum ligula sodales ex auctor, sed tempus dui mollis. Curabitur ipsum dui, aliquet nec commodo at, tristique eget ante. **Donec quis dolor nec nunc mollis interdum vel in purus**. Sed vitae leo scelerisque, sollicitudin elit sed, congue ante. In augue nisl, vestibulum commodo est a, tristique porttitor est. Proin laoreet iaculis ornare. Nullam ut neque quam.
diff --git a/demoSite/layouts/posts/css-vars-showcase.html b/demoSite/layouts/posts/css-vars-showcase.html
new file mode 100644
index 0000000..d254844
--- /dev/null
+++ b/demoSite/layouts/posts/css-vars-showcase.html
@@ -0,0 +1,32 @@
+{{ define "head" }}
+<style>
+
+</style>
+{{ end }}{{ define "main" }}
+<div class="post">
+  <!-- Common header, cover, etc. -->
+  {{ partial "single_basic.html" . }}
+
+  <form oninput="color.value=colorpicker.value">
+    <output name="color" for="colorpicker">Color</output>
+    <label>
+      Pick a color
+      <input id="colorpicker" name="colorpicker" type="color" /> 
+    </label>
+  </form>
+  
+  <script defer>
+    const picker = document.getElementById("colorpicker"); 
+    const root = document.querySelector(':root');
+    const listener = picker.addEventListener("input", () => {
+      if (picker.value) {
+        root.style.setProperty('--accent', picker.value);
+      }
+    })
+  </script>
+
+  {{ if eq .Type $.Site.Params.contentTypeName }} {{ partial
+  "posts_pagination.html" . }} {{ end }} {{ if not (.Params.hideComments |
+  default false) }} {{ partial "comments.html" . }} {{ end }}
+</div>
+{{ end }}
diff --git a/exampleSite/static/img/hello.jpg b/demoSite/static/img/hello.jpg
similarity index 100%
rename from exampleSite/static/img/hello.jpg
rename to demoSite/static/img/hello.jpg