Add landing pages+

assets/js/custom.js

@@ -1 +1,4 @@
 // Put your custom JS code here
+
+//
+import Spotlight from "spotlight.js/src/js/spotlight.js";

assets/scss/common/_custom.scss

@@ -217,3 +217,48 @@ span.email b {
         }
     }
 }
+
+.landing .form-control, .landing .btn:not(.btn-up) {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+}
+
+// Source: https://codeburst.io/how-to-create-horizontal-scrolling-containers-d8069651e9c6
+
+.spotlight-group {
+    display: flex;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    .spotlight {
+      flex: 0 0 auto;
+    }
+  }
+
+  .spotlight {
+    transition: transform 0.3s;
+  }
+
+  .spotlight:first-child {
+    margin-left: 0 !important;
+  }
+
+  .spotlight:hover {
+    cursor: pointer;
+    transform: scale(1.025);
+  }
+
+  .spl-header {
+    padding-left: 0.75rem;
+    padding-right: 0.5rem;
+  }
+
+  .spl-title {
+    font-family: var(--bs-body-font-family);
+    font-weight: 300;
+  }

config/_default/menus.toml

@@ -199,11 +199,6 @@
   url = "/terms/"
   weight = 20
 
-[[legal]]
-  name = "EULA"
-  url = "/eula/"
-  weight = 30
-
 [[landing]]
   name = "GitHub"
   pre = '<svg data-hk="0-0" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-8 "><path d="M16 2.5C8.265 2.5 2 8.765 2 16.5C2 22.695 6.0075 27.9275 11.5725 29.7825C12.2725 29.905 12.535 29.485 12.535 29.1175C12.535 28.785 12.5175 27.6825 12.5175 26.51C9 27.1575 8.09 25.6525 7.81 24.865C7.6525 24.4625 6.97 23.22 6.375 22.8875C5.885 22.625 5.185 21.9775 6.3575 21.96C7.46 21.9425 8.2475 22.975 8.51 23.395C9.77 25.5125 11.7825 24.9175 12.5875 24.55C12.71 23.64 13.0775 23.0275 13.48 22.6775C10.365 22.3275 7.11 21.12 7.11 15.765C7.11 14.2425 7.6525 12.9825 8.545 12.0025C8.405 11.6525 7.915 10.2175 8.685 8.2925C8.685 8.2925 9.8575 7.925 12.535 9.7275C13.655 9.4125 14.845 9.255 16.035 9.255C17.225 9.255 18.415 9.4125 19.535 9.7275C22.2125 7.9075 23.385 8.2925 23.385 8.2925C24.155 10.2175 23.665 11.6525 23.525 12.0025C24.4175 12.9825 24.96 14.225 24.96 15.765C24.96 21.1375 21.6875 22.3275 18.5725 22.6775C19.08 23.115 19.5175 23.955 19.5175 25.2675C19.5175 27.14 19.5 28.645 19.5 29.1175C19.5 29.485 19.7625 29.9225 20.4625 29.7825C23.2418 28.8443 25.6568 27.0581 27.3677 24.6753C29.0786 22.2926 29.9993 19.4334 30 16.5C30 8.765 23.735 2.5 16 2.5Z" fill="currentColor"></path></svg>'

config/_default/params.toml

@@ -77,7 +77,7 @@ defaultEmail = "[email protected]"
 
   # Footer
   footer = '© 2024 Thulite — <a href="https://github.com/thuliteio/thulite/blob/main/LICENSE" target="_blank">MIT License</a>'
-  footerSimple = '© 2024 Thulite'
+  footerLanding = '© 2024 Thulite — <a href="https://store.thulite.io/licenses/" target="_blank">Licenses</a>'
 
   # Multilingual
   multilingualMode = false # false (default) or true

archetypes/default.md → content/landing/_index.md

@@ -1,10 +1,13 @@
 ---
-title: "{{ replace .Name "-" " " | title }}"
+title: "Landing"
 description: ""
 summary: ""
-date: {{ .Date }}
-lastmod: {{ .Date }}
-draft: true
+date: 2024-10-03T10:01:05+02:00
+lastmod: 2024-10-03T10:01:05+02:00
+draft: false
+build:
+  list: never
+  render: never
 seo:
   title: "" # custom title (optional)
   description: "" # custom description (recommended)

content/landing/anna/index.md

@@ -0,0 +1,18 @@
+---
+title: "Anna"
+url: "/anna/"
+description: "Anna is a fully configured TinaCMS setup for Doks. It is simple to get started and easy to use. Available soon!"
+summary: "Anna is a fully configured TinaCMS setup for Doks. It is simple to get started and easy to use. Available soon!"
+date: 2024-10-03T12:29:09+02:00
+lastmod: 2024-10-03T12:29:09+02:00
+draft: false
+variant: "landing/anna"
+form:
+  name: "get-notified-anna" # For example "get-notified-vermeer"
+  action: "/anna/success/" # For example "/vermeer/success/"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  robots: "" # custom robot tags (optional)
+---

content/landing/norrsken/index.md

@@ -0,0 +1,18 @@
+---
+title: "Norrsken"
+url: "/norrsken/"
+description: "Norrsken is a simple blog theme, designed to be an archive for all your digital things. Available soon!"
+summary: "Norrsken is a simple blog theme, designed to be an archive for all your digital things. Available soon!"
+date: 2024-10-03T12:27:03+02:00
+lastmod: 2024-10-03T12:27:03+02:00
+draft: false
+variant: "landing/norrsken"
+form:
+  name: "get-notified-norrsken" # For example "get-notified-vermeer"
+  action: "/norrsken/success/" # For example "/vermeer/success/"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  robots: "" # custom robot tags (optional)
+---

content/landing/vermeer/index.md

@@ -0,0 +1,18 @@
+---
+title: "Vermeer"
+url: "/vermeer/"
+description: "Vermeer is a profile theme with an eye-catching marquee at the top of the page. Available soon!"
+summary: "Vermeer is a profile theme with an eye-catching marquee at the top of the page. Available soon!"
+date: 2024-10-03T10:01:38+02:00
+lastmod: 2024-10-03T10:01:38+02:00
+draft: false
+variant: "landing/vermeer"
+form:
+  name: "get-notified-vermeer" # For example "get-notified-vermeer"
+  action: "/vermeer/success/" # For example "/vermeer/success/"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  robots: "" # custom robot tags (optional)
+---

content/success/anna.md

@@ -0,0 +1,15 @@
+---
+title: "Success!"
+url: "/anna/success/"
+description: "Thank you for your interest — we will notify you when Anna is available!"
+summary: "Thank you for your interest — we will notify you when Anna is available!"
+date: 2024-10-03T12:24:40+02:00
+lastmod: 2024-10-03T12:24:40+02:00
+draft: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  robots: "noindex, nofollow" # custom robot tags (optional)
+  sitemap: false # true (default) or false
+---

content/success/norrsken.md

@@ -0,0 +1,15 @@
+---
+title: "Success!"
+url: "/norrsken/success/"
+description: "Thank you for your interest — we will notify you when Norrsken is available!"
+summary: "Thank you for your interest — we will notify you when Norrsken is available!"
+date: 2024-10-03T12:23:02+02:00
+lastmod: 2024-10-03T12:23:02+02:00
+draft: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  robots: "noindex, nofollow" # custom robot tags (optional)
+  sitemap: false # true (default) or false
+---

content/success/vermeer.md

@@ -0,0 +1,15 @@
+---
+title: "Success!"
+url: "/vermeer/success/"
+description: "Thank you for your interest — we will notify you when Vermeer is available!"
+summary: "Thank you for your interest — we will notify you when Vermeer is available!"
+date: 2024-10-03T11:28:55+02:00
+lastmod: 2024-10-03T11:28:55+02:00
+draft: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  robots: "noindex, nofollow" # custom robot tags (optional)
+  sitemap: false # true (default) or false
+---

hugo_stats.json

@@ -59,7 +59,6 @@
       "bg-dark",
       "bg-grid",
       "bg-grid22",
-      "bg-purple-orange-gradient",
       "blockquote",
       "blockquote-icon",
       "blog",
@@ -78,6 +77,7 @@
       "btn-light",
       "btn-link",
       "btn-outline-light",
+      "btn-up",
       "card",
       "card-body",
       "card-img-overlay",
@@ -109,6 +109,7 @@
       "col-lg-9",
       "col-main",
       "col-main-section",
+      "col-md-11",
       "col-md-3",
       "col-md-4",
       "col-md-6",
@@ -131,6 +132,7 @@
       "container-sponsors",
       "content",
       "content-landing",
+      "d-block",
       "d-flex",
       "d-grid",
       "d-inline",
@@ -163,7 +165,6 @@
       "form-control",
       "fs-4",
       "fw-normal",
-      "fw-normal22",
       "g-2",
       "g-4",
       "gap-3",
@@ -180,6 +181,7 @@
       "icon-tabler-arrow-up-right",
       "icon-tabler-browser",
       "icon-tabler-chevron-down",
+      "icon-tabler-chevron-up",
       "icon-tabler-menu",
       "icon-tabler-palette",
       "icon-tabler-stack-2",
@@ -191,6 +193,7 @@
       "justify-content-between",
       "justify-content-center",
       "justify-content-end",
+      "landing",
       "lazyload",
       "lead",
       "lh-sm",
@@ -202,6 +205,8 @@
       "list-unstyled",
       "logo-link",
       "m-0",
+      "m-2",
+      "m-md-3",
       "mb-0",
       "mb-1",
       "mb-3",
@@ -230,6 +235,7 @@
       "mt-md-4",
       "mt-n5",
       "mx-auto",
+      "my-3",
       "my-4",
       "my-auto",
       "nav",
@@ -267,6 +273,7 @@
       "p-0",
       "p-2",
       "p-3",
+      "p-lg-3",
       "p-lg-5",
       "position-absolute",
       "position-relative",
@@ -304,6 +311,8 @@
       "sidebar-section",
       "single",
       "sorts",
+      "spotlight",
+      "spotlight-group",
       "stretched-link",
       "success",
       "svg-inline",

layouts/landing/baseof.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="{{ .Site.LanguageCode | default "en" }}" data-bs-theme="{{ site.Params.starter.colorMode | default "auto" }}">
+  {{ partial "head/head" . }}
+  {{ partial "head/body-class" . }}
+  <body class="{{ delimit (.Scratch.Get "class") " " }}">
+    {{ partial "header/header-landing" . }}
+    {{ block "main" . }}{{ end }}
+    {{ block "sidebar-prefooter" . }}{{ end }}
+    {{ block "sidebar-footer" . }}{{ end }}
+    {{ partial "footer/footer-landing" . }}
+    {{ if templates.Exists "partials/footer/script-footer.html" -}}
+      {{ partial "footer/script-footer" . }}
+    {{ else -}}
+      {{ partial "footer/script-footer-core" . }}
+    {{ end -}}
+  </body>
+</html>

layouts/landing/single.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+  {{ partial .Params.variant . }}
+{{ end }}

layouts/partials/footer/footer-landing.html

@@ -0,0 +1,18 @@
+<footer>
+  <div class="container">
+    <div class="row nav-tertiary">
+      <div class="col-md-6">
+        <ul class="list-inline text-center text-md-start">
+          {{ range .Site.Menus.legal -}}
+            <li class="list-inline-item">
+              <a href="{{ .URL | absURL }}">{{ .Name }}</a>
+            </li>
+          {{ end -}}
+          </ul>
+      </div>
+      <div class="col-md-6">
+        <p class="m-0 text-center text-md-end">{{ site.Params.starter.footerLanding | safeHTML }}</p>
+      </div>
+    </div>
+  </div>
+</footer>

layouts/partials/footer/footer.html

@@ -83,7 +83,7 @@ <h3 class="font-monospace">Other</h3>
     <div class="row nav-tertiary">
       <div class="col-md-6">
         <ul class="list-inline text-center text-md-start">
-          {{ range first 2 .Site.Menus.legal -}}
+          {{ range .Site.Menus.legal -}}
             <li class="list-inline-item">
               <a href="{{ .URL | absURL }}">{{ .Name }}</a>
             </li>

layouts/partials/head/custom-head.html

@@ -1 +1,2 @@
 <!-- Custom head -->
+{{ partial "head/libsass" "css/spotlight.min.css" }}

layouts/partials/header/header-landing.html

@@ -0,0 +1,22 @@
+{{ if site.Params.starter.navbarSticky -}}
+<div class="sticky-top">
+{{ end -}}
+<header class="navbar navbar-expand-lg">
+  {{ with site.Params.starter.containerBreakpoint -}}<div class="container-{{ . }}">{{ else -}}<div class="container">{{ end -}}
+  <a class="navbar-brand ms-2 me-auto me-lg-3 " href="{{ "/" | relURL }}">
+    {{ partial "inline-svg" (dict "src" "svgs/thulite-logo-semibold-wide.svg" "width" "110px" "height" "100%" "class" "svg-inline-custom svg-monochrome") }}
+    <span class="visually-hidden">{{ site.Title }}</span>
+  </a>
+<!--
+  <ul class="list-inline nav-social mb-0">
+    {{ range .Site.Menus.landing -}}
+      <li class="list-inline-item">
+        <a rel="me" href="{{ .URL | absURL }}" target="_blank">{{ .Pre }}<span class="visually-hidden">{{ .Name }}</span></a>
+      </li>
+    {{ end -}}
+  </ul>
+-->
+</header>
+{{ if site.Params.starter.navbarSticky -}}
+</div>
+{{ end -}}