Update design

.gitmodules

@@ -1,3 +1,3 @@
-[submodule "themes/duckquill"]
-	path = themes/duckquill
-	url = https://codeberg.org/daudix/duckquill.git
+[submodule "themes/duckling"]
+	path = themes/duckling
+	url = https://git.aparoksha.dev/david-swift/duckling

config.toml

@@ -3,7 +3,7 @@
 title = "Aparoksha"
 base_url = "https://www.aparoksha.dev/"
 description = "One app, fully native on every platform"
-theme = "duckquill"
+theme = "duckling"
 
 minify_html = true
 default_language = "en"
@@ -43,16 +43,11 @@ show_source = true
 
 [extra.nav]
 links = [
-  { name = "Guides" , menu = [
-    { url = "@/backends/_index.md", name = "Backends" },
-    { url = "/patterns", name = "Patterns" },
-    { url = "/tutorials", name = "Tutorials" },
-    { url = "/docs", name = "Documentation" },
-  ]},
+  { url = "@/backends/_index.md", name = "Backends" },
+  { url = "/patterns", name = "Patterns" },
   { url = "https://forums.aparoksha.dev/", name = "Community" },
   { url = "https://git.aparoksha.dev/aparoksha", name = "Code" },
 ]
-auto_hide = true
 
 [search]
 index_format = "elasticlunr_json"

content/_index.md

@@ -1,14 +1,13 @@
 +++
 +++
 
-<!---
-{{ image(url="trailer.gif" full_bleed=true) }}
---->
+<div class="banner-light">
+{{ image(url="light.png", alt="Some windows on different platforms." transparent=true no_hover=true) }}
+</div>
 
-{% alert(warning=true) %}
-This project is currently under development and not yet ready for production.
-Follow the project [on the Fediverse](https://mastodon.de/@aparoksha) to stay up to date.
-{% end %}
+<div class="banner-dark">
+{{ image(url="dark.png", alt="Some windows on different platforms." transparent=true no_hover=true) }}
+</div>
 
 # Native. Cross-platform. <div class="logo"> Aparoksha. </div>
 
@@ -17,9 +16,10 @@ Aparoksha is easy-to-use, safe, and <i>aparoksha</i>, meaning that its reactive
 
 <br>
 
-<div class="buttons" style="margin-top: 0;">
-    <a href="/tutorials/gettingstarted/">Get Started</a>
-</div>
+{% alert(warning=true) %}
+This project is currently under development and not yet ready for production.
+Follow the project [on the Fediverse](https://mastodon.de/@aparoksha) to stay up to date.
+{% end %}
 
 <br>
 

content/backends/Adwaita/index.md

@@ -4,8 +4,6 @@ description = "Develop beautiful apps following the design guidelines of the GNO
 date = 2024-10-07
 [taxonomies]
 tags = ["Linux", "Aparoksha"]
-[extra]
-banner = "Adwaita.png"
 +++
 
 Develop beautiful apps following the design guidelines of the GNOME desktop.

content/backends/WinUI/index.md

@@ -4,8 +4,6 @@ description = "Create apps for Microsoft Windows."
 date = 2024-10-14
 [taxonomies]
 tags = ["Windows", "Aparoksha"]
-[extra]
-banner = "WinUI.png"
 +++
 
 Create modern apps for Microsoft Windows.

content/backends/_index.md

@@ -5,12 +5,5 @@ template = "article_list.html"
 page_template = "article.html"
 +++
 
-The backends listed here are based on the <a class="external" href="https://git.aparoksha.dev/aparoksha/meta">Meta package</a>.
+The backends listed here are based on the <a class="external" href="https://meta.aparoksha.dev/documentation/meta/">Meta package</a>.
 They can be used in combination with the Aparoksha package.
-
-The following backends are part of the Aparoksha package:
-
-- [Adwaita](/backends/adwaita/)
-- [WinUI](/backends/winui/)
-
-This means that all the user interface elements included in the Aparoksha package will automatically render correctly with these backends.

sass/custom.scss

@@ -1,3 +1,5 @@
+@use "../themes/duckling/sass/_variables.scss" as vars;
+
 h1,
 h2,
 h3,
@@ -37,10 +39,6 @@ h6 {
     color: #EE2D75;
 }
 
-body {
-    background-color: transparent;
-}
-
 .pattern-images {
     display: flex;
     flex-wrap: wrap;
@@ -53,4 +51,23 @@ body {
     margin-right: 0px;
     object-fit: cover;
     max-width: 48%;
+}
+
+@include vars.theme-variables using ($theme) {
+    @if $theme == "dark" {
+    	.banner-light {
+    	    display: none;
+    	}
+    	.banner-dark {
+    	    display: block;
+    	}
+    }
+    @else {
+        .banner-light {
+            display: block;
+        }
+        .banner-dark {
+            display: none;
+        }
+    }
 }

static/syntax-theme-dark.css

@@ -4,7 +4,7 @@
 
 .z-code {
  color: #D5D1D2;
- background-color: #28272D;
+ background-image linear-gradient(to right, var(--fg-muted-1) 50%, var(--shimmer) 75%, var(--fg-muted-1) 100%);
 }
 .z-string {
  color: #FF2D75;

static/syntax-theme-light.css

@@ -4,7 +4,7 @@
 
 .z-code {
  color: #65783;
- background-color: #F2F2F2;
+ background-image linear-gradient(to right, var(--fg-muted-1) 50%, var(--shimmer) 75%, var(--fg-muted-1) 100%);
 }
 .z-string {
  color: #FF2D75;

themes/duckling

@@ -0,0 +1 @@
+Subproject commit e511f83749f8d516a14c1ebc6658259db43680b1

themes/duckquill

@@ -1 +0,0 @@
-Subproject commit da0a9b967e3cf0990940a37f73f20c257191a9a1