fix realtive linking

docs/config.toml

@@ -5,6 +5,7 @@ title = "Dowse"
 theme = "dyne-soft"
 disableKinds = ["taxonomy, term"]
 enableRobotsTXT = "false"
+
 [taxonomies]
   tag = "tags"
 
@@ -13,10 +14,12 @@ enableRobotsTXT = "false"
   moto = 'Situational awareness in your local network'
   publisher = "Dyne.org"
   google_analytics_id = ""
-  logo = "/assets/img/dowse-logo.svg"
-  icon = "/assets/img/dyne-icon.svg"
-  footerIcon = "/assets/img/dyne-icon.svg"
+  logo = "assets/img/dowse-logo.svg"
+  icon = "assets/img/dyne-icon.svg"
+  footerIcon = "/ssets/img/dyne-icon.svg"
   email = "[email protected]"
+  download = "download"
+  documentation = "https://github.com/dyne/dowse/wiki"
 
   [params.geo]
     timezone = "Europe/Netherlands"

docs/content/_index.md

@@ -1,36 +1,38 @@
 ---
 title: Dowse
 description: 'Situaltional awareness for your Local Area Network'
+image: "images/Dowse-LPM.webp"
 sections:
 - title: The missing On-OFF button in IOT
   description_markdown: "Connected things like home appliances should have a clear behaviour humans
     can understand and react upon. This includes a simple switch to turn them off. Dowse gives an ON/OFF
     switch back to any device in your LAN."
-  image: "/images/20160705_082209.jpg"
+  image: "images/20160705_082209.jpg"
   button:
     label: "Read more"
-    URL: "/about/"
+    URL: "about/"
 - title: "Dowse is fun"
   description_markdown: "Dowse talks back to your devices. In open standards: MQTT, Websockets,
     Open Sound Control. Many types of Internet connected things can treasure the messages that
     Dowse publishes, to turn them into action. Is a good start for artists, hobbyists and
     makers to create amazing network-aware effects, visualisations and interfaces. We try to
     help a community of dowsers to explore this possibility. Share your dowse projects with us."
-  image: "/images/h10-1024x683.jpg"
+  image: "images/h10-1024x683.jpg"
   button:
     label: "Community"
-    URL: "/community/"
+    URL: "community/"
 - title: "...and More"
   description_markdown: "Dowse keeps your private network private and lets you understand what
     is trying to talk about what and be aware of misbehaviours. If necessary Dowse can mute
     things as well: it switches their access to internet off. \n\nDowse is a open source project.
     Experts can look at is code. It is built to last and to be used by anyone because is a
     community project. **If you are interested in us giving workshops...**"
-  image: "/images/hd6.jpg"
+  image: "images/hd6.jpg"
   button:
     label: Get in touch
     URL: "mailto:[email protected]"
 ---
+
 Dowse processes all DNS network connections on its network and makes them visible in real-time, showing when we connect to .com or .org or .net domains, or to the corporate cloud of social networks. This way we can immediately see how many connections are opened by our personal devices, without us even knowing, every time we connect to a network.
 
 <iframe width="100%" height="460" src="https://www.youtube-nocookie.com/embed/wDLyYk_TQtI?si=E9j_UJs_SwmCN6gc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

docs/content/about.md

@@ -1,29 +1,26 @@
 ---
 title: About Dowse
-description_markdown: "The Internet of Things hype generates a ton of buzz about things
-  that will be allowed to connect to the internet and talk to other devices. This buzz
-  requires attention. Things like home appliances should have a clear behaviour and a
-  simple switch to put them off. \n\nDowse puts this switch back to any device in your LAN."
-image: '/images/dowse-dataprevention-campaign-1024x576.jpg'
+description_markdown: "Dowse processes all DNS network connections on its network and makes them visible in real-time, showing when we connect to **.com**, **.org** or **.net** domains, or to the corporate cloud of social networks. This way we can immediately see how many connections are opened by our personal devices, without us even knowing, every time we connect to a network."
+image: 'images/dowse-dataprevention-campaign-1024x576.jpg'
 sections:
 - title: "Experiment along"
   content_markdown: "Dowse talks back to your devices. It uses open standards: MQTT,
     Websockets, Open Sound Control. So many types of devices can treasure the messages
     that Dowse publishes to turn them to action. It is a good starting point for artists,
     hobbyists and makers to create amazing network-aware effects and interfaces. \n\n**We try
     to help a community of dowsers to explore this possibility.**"
-  image: "/images/dowsing_on_map.png"
+  image: "images/dowsing_on_map.png"
   button:
-    URL: "/community/"
+    URL: "community"
     label: Become a dowser
 - title: Peaceful Zone
   content_markdown: "Your local area network should be a safe-sapce. A zone of peace of mind.
   Knowing what happens in the digital realm can seem like worrysome sorcery or black-magic.\n\n
   **Dowse is meant to help you preserve the peace of mind by creating awareness and
   demystifying the communication taking place between your devices.**"
-  image: "/images/dowse-dataprevention-campaign-thumb.jpg"
+  image: "images/dowse-dataprevention-campaign-thumb.jpg"
   button:
-    URL: "/download/"
+    URL: "download"
     label: This is the Way
 layout: about
 ---
@@ -34,7 +31,7 @@ layout: about
 
 The Dowse box gives you back control. Dowse is *free and open source software*. There is no big company behind it. By installing the Dowse box you will get insight down to the network layer of what is *actually* going on in your home. Who is talking to whom, what, where and when? You can see which device connects to which company and you can turn that communication off, or allow it.
 
-We call it an *"Awareness Box"*. You will be aware of the invisible world surrounding you and your familly. To us, this is the first step. Dowse is building a [community of developers](/community) who will create modules allowing you to safely and securely share your data with whomever you want. After all there are a lot of pros about getting insight into your own behavior, your family's and your home as a companion. Yet the control should stay with you. You will share if you know what you are really sharing.
+We call it an *"Awareness Box"*. You will be aware of the invisible world surrounding you and your familly. To us, this is the first step. Dowse is building a [community of developers](/dowse/community) who will create modules allowing you to safely and securely share your data with whomever you want. After all there are a lot of pros about getting insight into your own behavior, your family's and your home as a companion. Yet the control should stay with you. You will share if you know what you are really sharing.
 
 In short, it is a device that is designed to do a few things very well:
 

docs/content/community.md

@@ -1,7 +1,7 @@
 ---
 title: Dowse Community
 description_markdown: "Dowse is a project and a community. We make it for our people; Old Aunts and young daughters. From traveling, presenting and organizing workshops, we get inputs from hacktivists, makers, IoT communities and everyday people like us. Come talk to us!"
-image: "/images/cmdr-shane-610506-unsplash.webp"
+image: "images/cmdr-shane-610506-unsplash.webp"
 buttons:
   - URL: https://socials.dyne.org/matrix-dowse
     label: Matrix

docs/content/credits.md

@@ -7,8 +7,8 @@ image: ''
 ---
 ### Web Design
 
-* [Set Hallstrom](https://set.hallstrom.ch)
+* [Setto](https://setto.basspistol.com)
 
 ### CMS
 
-* [Hugo](https://gohugo.io/)
+* [Hugo](https://gohugo.io/)

docs/content/download/_index.md

@@ -6,7 +6,7 @@ description_markdown: "Point your browsers and cook your SD cards or download th
   • On Windows: using [Win32DiskImager](https://sourceforge.net/projects/win32diskimager/) as you would do with [Raspbian](https://www.raspberrypi.com/documentation/computers/getting-started.html)<br>
   • On Linux: `sudo dd bs=2M if=/path/devuan.img of=/dev/sd`<br>
   • On Mac: same as you would with Raspbian"
-image: "/images/cmdr-shane-610506-unsplash.webp"
+image: "images/cmdr-shane-610506-unsplash.webp"
 buttons:
   - URL: https://files.dyne.org/dowse/
     label: Download

docs/data/navigation.yml

@@ -1,18 +1,18 @@
 ---
 - name: "About"
-  URL: "/about/"
+  URL: "about"
   icon: ''
   external: false
 - name: "Download"
-  URL: "/download/"
+  URL: "download"
   icon: ''
   external: false
 - name: "Manual"
   URL: "https://github.com/dyne/dowse/wiki"
   icon: ''
   external: true
 - name: "Community"
-  URL: "/community"
+  URL: "community"
   icon: ''
   external: false
 ---

docs/data/social.yml

@@ -2,7 +2,10 @@
 - name: GitHub
   URL: https://github.com/dyne/dowse
   icon: fa-github
-- name: Twietter
+- name: Mastofon
+  URL: https://toot.community/@dyne
+  icon: fa-mastodon
+- name: Twitter
   URL: https://twitter.com/dyneorg
   icon: fa-twitter
 ---

docs/themes/dyne-soft/assets/assets/sass/_forms.scss

@@ -1,7 +1,7 @@
 .textspace {
   height: 100px;
 
-} 
+}
 
 input, textarea, select {
   width: 100%;
@@ -43,7 +43,7 @@ input[type=submit]:hover {
 }
 
 .contact-info {
-  display: flex; 
+  display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   label {
@@ -72,43 +72,43 @@ label {
   user-select: none;
   display: none;
   }
-  
+
   input[type=checkbox].css-checkbox {
-      position: absolute; 
-      overflow: hidden; 
-      clip: rect(0 0 0 0); 
-      height:1px; 
-      width:1px; 
-      margin:-1px; 
+      position: absolute;
+      overflow: hidden;
+      clip: rect(0 0 0 0);
+      height:1px;
+      width:1px;
+      margin:-1px;
       padding:0;
       border:0;
   }
-  
+
   input[type=checkbox].css-checkbox + label.css-label {
     padding-left:20px;
-    height:15px; 
+    height:15px;
     display:inline-block;
     background-repeat:no-repeat;
     background-position: 0 0;
     font-size:1em;
     vertical-align:middle;
     cursor:pointer;
   }
-  
+
   input[type=checkbox].css-checkbox:checked + label.css-label {
     background-position: 0 -15px;
   }
-  
+
   .css-label{
-    background-image:url(/assets/img/check.png);
+    background-image:url(../../assets/img/check.png);
   }
 
 
-  
+
 
   input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
     padding-left:22px;
-    height:20px; 
+    height:20px;
     display:inline-block;
     line-height:20px;
     background-repeat:no-repeat;
@@ -117,9 +117,9 @@ label {
     vertical-align:middle;
       cursor:pointer;
   }
-  
+
   input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{
-  
+
       background-position: 0 -20px;
   }
 

docs/themes/dyne-soft/assets/assets/sass/_layout.scss

@@ -98,7 +98,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-image: url(/assets/img/Background-grey-transp.webp);
+    background-image: url(../../img/Background-grey-transp.webp);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
@@ -159,7 +159,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-image: url(/assets/img/Background-grey-transp.webp);
+    background-image: url(../../assets/img/Background-grey-transp.webp);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;

docs/themes/dyne-soft/assets/assets/sass/_navigation.scss

@@ -210,7 +210,6 @@
   .modalDialog {
 
     background: var(--bg);
-    background-image: url(/assets/img/circle2-icon-decoration-transparent.svg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center left;

docs/themes/dyne-soft/assets/assets/sass/libs/_vars.scss

@@ -63,39 +63,39 @@
 
 @font-face {
   font-family: 'syne';
-  src: url('/assets/fonts/syne/webfonts/Syne-ExtraBold.woff2'),
-       url('/assets/fonts/syne/ttf/Syne-ExtraBold.ttf') format('ttf'),
-       url('/assets/fonts/syne/otf/Syne-ExtraBold.otf') format('otf');
+  src: url('/dowse/assets/fonts/syne/webfonts/Syne-ExtraBold.woff2'),
+       url('/dowse/assets/fonts/syne/ttf/Syne-ExtraBold.ttf') format('ttf'),
+       url('/dowse/assets/fonts/syne/otf/Syne-ExtraBold.otf') format('otf');
   font-weight: 700;
   font-style: normal;
 
 }
 
 @font-face {
   font-family: 'syne';
-  src: url('/assets/fonts/syne/webfonts/Syne-Bold.woff2'),
-       url('/assets/fonts/syne/ttf/Syne-Bold.ttf') format('ttf'),
-       url('/assets/fonts/syne/otf/Syne-Bold.otf') format('otf');
+  src: url('/dowse/assets/fonts/syne/webfonts/Syne-Bold.woff2'),
+       url('/dowse/assets/fonts/syne/ttf/Syne-Bold.ttf') format('ttf'),
+       url('/dowse/assets/fonts/syne/otf/Syne-Bold.otf') format('otf');
   font-weight: 500;
   font-style: italic;
 
 }
 
 @font-face {
   font-family: 'syne';
-  src: url('/assets/fonts/syne/webfonts/Syne-Regular.woff2'),
-       url('/assets/fonts/syne/ttf/Syne-Regular.ttf') format('ttf'),
-       url('/assets/fonts/syne/otf/Syne-Regular.otf') format('otf');
+  src: url('/dowse/assets/fonts/syne/webfonts/Syne-Regular.woff2'),
+       url('/dowse/assets/fonts/syne/ttf/Syne-Regular.ttf') format('ttf'),
+       url('/dowse/assets/fonts/syne/otf/Syne-Regular.otf') format('otf');
   font-weight: normal;
   font-style: normal;
 
 }
 
 @font-face {
   font-family: 'syne';
-  src: url('/assets/fonts/syne/webfonts/Syne-Bold.woff2'),
-       url('/assets/fonts/syne/ttf/Syne-Bold.ttf') format('ttf'),
-       url('/assets/fonts/syne/otf/Syne-Bold.otf') format('otf');
+  src: url('/dowse/assets/fonts/syne/webfonts/Syne-Bold.woff2'),
+       url('/dowse/assets/fonts/syne/ttf/Syne-Bold.ttf') format('ttf'),
+       url('/dowse/assets/fonts/syne/otf/Syne-Bold.otf') format('otf');
 
   font-weight: 500;
   font-style: normal;
@@ -104,9 +104,9 @@
 
 @font-face {
   font-family: 'syne-mono';
-  src: url('/assets/fonts/syne/webfonts/SyneMono-Regular.woff2'),
-       url('/assets/fonts/syne/ttf/SyneMono-Regular.ttf') format('ttf'),
-       url('/assets/fonts/syne/otf/SyneMono-Regular.otf') format('otf');
+  src: url('/dowse/assets/fonts/syne/webfonts/SyneMono-Regular.woff2'),
+       url('/dowse/assets/fonts/syne/ttf/SyneMono-Regular.ttf') format('ttf'),
+       url('/dowse/assets/fonts/syne/otf/SyneMono-Regular.otf') format('otf');
   font-weight: normal;
   font-style: normal;
 

docs/themes/dyne-soft/layouts/_default/_list.html

@@ -6,18 +6,18 @@
 {{ range .Paginator.Pages }}
 <section id="start" class="front-section">
 
-  <div style="background-image:url({{ .Params.Image }})">
+  <div style="background-image:url({{ .Params.Image | relURL }})">
   </div>
 
   <div class="description">
     <div class="container">
 
       <h2>{{ .Title }}</h2>
-  
+
       <p><strong>Posted on <time datetime="{{ .Date }}">{{ .Date.Format "2" }}{{ if in (slice 1 21 31) .Date.Day}}st{{ else if in (slice 2 22) .Date.Day}}nd{{ else if in (slice 3 23) .Date.Day}}rd{{ else }}th{{ end }} of {{ .Date.Format "January 2006" }}</time></strong></p>
       <p>{{ .Content }}</p>
       <p><a href="{{ .Permalink | relURL }}" class="button">Read More</a></p>
-  
+
     </div>
   </div>
 
@@ -29,4 +29,4 @@ <h2>{{ .Title }}</h2>
 
 {{ partial "body/footer.html" . }}
 
-{{ end }}
+{{ end }}

docs/themes/dyne-soft/layouts/_default/about.html

@@ -18,11 +18,11 @@
     <div class="text-content">
       <h2>{{ .title }}</h2>
       <p>{{ .content_markdown | markdownify }}</p>
-      <p><a href="{{ .button.URL }}" class="button">{{ .button.label }}</a></p>
+      <p><a href="{{ .button.URL | relURL }}" class="button">{{ .button.label }}</a></p>
     </div>
     <div class="cartouche">
       <figure>
-        <img src="{{ .image }}" alt="{{ .name }}" />
+        <img src="{{ .image | relURL }}" alt="{{ .name }}" />
       </figure>
     </div>
   </div>