basic setup for exploring HTMX for working with dynamic content

assets/js/main-htmx.ts

@@ -1,2 +1,2 @@
 import 'htmx.org'
-import 'htmx.org/ext/sse'
+import 'htmx.org/dist/ext/sse'

layouts/shortcodes/hx/xplore.html

@@ -0,0 +1,4 @@
+<button hx-get="/docs/scopes/hx/app/demo"
+		hx-select="[itemprop=articleBody] p">
+	Hello World!
+</button>

sites/hx/config.yaml

@@ -0,0 +1,58 @@
+baseurl: /docs/scopes/hx/
+DefaultContentLanguage: en
+title: cyberscopes example site
+summary: explore htmx in a Hugo-generated site.
+paginate: 6
+theme: 
+- cyberscopes
+- cybercards
+themesDir: themes
+pygmentsUseClasses: true
+
+params:
+
+  homeSection: app
+
+  #defaultImage: 9609-motor2.jpg
+  logo: cc-logo.png
+  favicon: icon-star-bl.png
+
+  github: https://github.com/cyberconcepts
+  sourcehut: https://git.sr.ht/~cco
+  email: helmutm@cy55.de
+
+  copyright:
+    name: Helmut Merz
+    link: https://www.cyberconcepts.org
+
+  api:
+    module: main-htmx.ts
+
+taxonomies:
+  domain: domains
+  topic: topics
+
+frontmatter:
+  _merge: shallow
+
+related:
+  _merge: shallow
+
+menu:
+  main:
+  - identifier: home
+    name: Home
+    title: Home
+    url: /
+    weight: 10
+  - identifier: topics
+    name: Topics
+    title: Topics
+    url: /topics/
+    weight: 20
+  - identifier: domains
+    name: Domains
+    title: Domains
+    url: /domains/
+    weight: 21
+

sites/hx/content/_index.md

@@ -0,0 +1,15 @@
+---
+title:  "cyberscopes"
+img:
+pageid: index
+domains: []
+topics: []
+date:   2023-11-16
+author: helmutm
+draft:  false
+weight: 110
+---
+
+cyberscopes example site - use HTMX in Hugo-generated sites.
+
+{{< hx/xplore >}}

sites/hx/content/app/demo.md

@@ -0,0 +1,14 @@
+---
+title:  Demo
+summary: HTMX Demo
+img:
+pageid: demo
+domains: []
+topics: []
+date:   2023-11-16
+author: helmutm
+draft:  false
+weight: 110
+---
+
+This ist HTMX.