Ashet-Technologies · ikskuh · Aug 11, 2025 · Jun 6, 2025 · Jun 6, 2025 · Jun 8, 2025
diff --git a/.github/workflows/staging.yml b/.github/workflows/staging.yml
@@ -30,16 +30,29 @@ jobs:
       - name: Setup Pages
         uses: actions/configure-pages@v5
 
-      - uses: robinraju/release-downloader@v1
+      - name: Install Zine
+        uses: robinraju/release-downloader@v1
         with:
           repository: 'kristoff-it/zine'
           tag: 'v0.10.2'
           fileName: 'x86_64-linux-musl.tar.xz'
-          extract: true
+
+      - name: Extract Zine
+        run:  tar -xf ./x86_64-linux-musl.tar.xz
+
+      - name: Patch URL
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          url=$(gh api "repos/$GITHUB_REPOSITORY/pages" --jq '.html_url')
+          echo "url    = '${url}'"
+
+          ./tools/patch-ziggy-file.py --url "${url}" --ziggy-file ./zine.ziggy
+
+          cat ./zine.ziggy
 
       - name: Render
         run: |
-          ls
           ./zine release
 
       - name: Upload artifact

diff --git a/assets-src/fake-desktop.xcf b/assets-src/fake-desktop.xcf
diff --git a/assets-src/newsletter-icon.webp b/assets-src/newsletter-icon.webp
diff --git a/assets-src/shooting-side-front.xcf b/assets-src/shooting-side-front.xcf
diff --git a/assets-src/social-media-preview.xcf b/assets-src/social-media-preview.xcf
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -8,17 +8,23 @@ body {
   margin-left: auto;
   margin-right: auto;
 
-  padding-left: 1rem;
-  padding-right: 1rem;
+  /* padding-left: 1rem;
+  padding-right: 1rem; */
 
   font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 main {
-  margin-left: 1rem;
-  margin-right: 1rem;
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
 
-  font-size: 120%;
+  font-size: 100%;
+}
+
+@media (width > 30rem) {
+  main {
+    font-size: 120%;
+  }
 }
 
 footer {
@@ -28,34 +34,113 @@ footer {
 nav {
   display: flex;
   flex-wrap: wrap;
-  gap: 0.15rem;
-  padding: 0.25rem;
+  /* padding: 0.25em; */
   padding-top: 0;
   margin-bottom: 1rem;
+  flex-direction: row;
+
+  margin-left: auto;
+  margin-right: auto;
+
+  max-width: 100%;
+  width: 42em;
+  gap: 0.15em;
+
+  align-items: self-start;
 }
 
 nav a {
   display: block;
   padding: 0.2rem 0.4rem 0.2rem 0.4rem;
-  background-color: silver;
+  background-color: #CCCCCC;
   color: black;
+  text-align: center;
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 50%);
+  flex: 1;
 }
 
 nav a.selected {
-  background: gray;
+  background: #6b6cab;
+  color: white;
   text-decoration: none;
+  height: 2.5rem;
+  line-height: 2.3rem;
 }
 
 nav a.primary {
-  background-color: rgb(73, 110, 177);
+  background-color: hsl(219, 42%, 49%);
   color: white;
 }
 
 nav a.primary.selected {
-  background-color: cornflowerblue;
+  background-color: hsl(219, 79%, 66%);
   color: white;
 }
 
+nav a:hover {
+  background-color: #BBB;
+}
+
+nav a.selected:hover {
+  background-color: #777;
+}
+
+nav a.primary:hover {
+  background-color: hsl(219, 42%, 40%);
+}
+
+nav a.primary.selected:hover {
+  background-color: hsl(219, 79%, 60%);
+}
+
+nav .menubtn {
+  display: none;
+  height: 2rem;
+  min-width: 2rem;
+  line-height: 2rem;
+}
+
+nav .menubtn input {
+  display: none;
+}
+
+nav .menubtn svg {
+  width: 2rem;
+  height: 2rem;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: bottom;
+}
+
+
+@media (width < 43em) {
+  nav {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  nav a {
+    text-align: left;
+    border-bottom-left-radius: unset;
+    border-bottom-right-radius: unset;
+    height: unset;
+    line-height: unset;
+    box-shadow: unset;
+  }
+
+  nav .menubtn {
+    display: block;
+  }
+
+  nav:has(:checked) a {
+    display: none;
+  }
+}
 
 h1 {
   text-align: center;
@@ -110,9 +195,9 @@ div>ul {
 }
 
 .cardset .card {
-  border: 1px solid black;
+  /* border: 1px solid black; */
   flex: 1;
-  box-shadow: 2px 2px 3px rgba(0, 0, 0, 50%);
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 50%);
 }
 
 .cardset .card .card-title {
@@ -121,11 +206,11 @@ div>ul {
   font-weight: bold;
   padding: 0.15rem;
   font-size: 120%;
+  white-space: nowrap;
 }
 
 .cardset .card .card-contents {
   font-size: 110%;
-
 }
 
 .cardset .card .card-contents ul {
@@ -167,19 +252,31 @@ p.centered {
   text-align: center;
 }
 
-table {
-  overflow-x: scroll;
-}
 
 .gallery {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: 25% 25% 25% 25%;
+}
+
+@media (width < 40rem) {
+  .gallery {
+    grid-template-columns: 33% 33% 33%;
+  }
+}
+
+@media (width < 25rem) {
+  .gallery {
+    grid-template-columns: 50% 50%;
+  }
+}
+
+@media (width > 60rem) {
+  .gallery {
+    grid-template-columns: 20% 20% 20% 20% 20%;
+  }
 }
 
 .gallery .gallery-item {
-  flex: 0;
-  min-width: 25%;
-  max-width: 25%;
   padding: 0.25rem;
   position: relative;
 }
@@ -197,11 +294,13 @@ table {
   align-items: stretch;
 
 
-  background-color: silver;
+  /* background-color: silver; */
   padding: 0.25rem;
   color: black;
-  border-radius: 0.25rem;
+  /* border-radius: 0.25rem; */
   text-decoration: none;
+
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 50%);
 }
 
 .gallery .gallery-item .gallery-title {
@@ -233,6 +332,8 @@ table {
   font-size: 95%;
   width: 100%;
   max-width: 100%;
+  display: block;
+  overflow-x: auto;
 }
 
 table tr {
@@ -246,7 +347,7 @@ table tr:last-child {
 table tr th {
   border-bottom: 1px solid black;
   text-align: center;
-  vertical-align: bottom;
+  vertical-align: top;
 }
 
 table td,
@@ -274,6 +375,16 @@ table img {
   vertical-align: middle;
 }
 
+
+#comparison table th:first-child,
+#comparison table td:first-child {
+  position: sticky;
+  left: 0;
+  z-index: 2;
+  background: white;
+}
+
+
 main figure {
   width: 100%;
 }
@@ -285,6 +396,7 @@ main figure img {
 main div.banner {
   width: 100%;
   display: block;
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 50%);
 }
 
 main div.banner img {
@@ -293,4 +405,11 @@ main div.banner img {
   object-fit: cover;
   object-position: center;
   max-height: 15em;
-}
+}
+
+.main h2 img,
+.main h3 img {
+  display: inline;
+  height: 0.8em;
+  vertical-align: baseline;
+}
diff --git a/assets/img/banners/ashet-os.jpg b/assets/img/banners/ashet-os.jpg
diff --git a/assets/img/banners/ashet-os.webp b/assets/img/banners/ashet-os.webp
diff --git a/assets/img/banners/social-media-preview.webp b/assets/img/banners/social-media-preview.webp
diff --git a/assets/img/front/case_closed.webp b/assets/img/front/case_closed.webp
diff --git a/assets/img/front/case_opened.webp b/assets/img/front/case_opened.webp
diff --git a/assets/img/front/shooting-front.webp b/assets/img/front/shooting-front.webp
diff --git a/assets/img/front/shooting-side.webp b/assets/img/front/shooting-side.webp
diff --git a/assets/img/wrench-clock.svg b/assets/img/wrench-clock.svg
diff --git a/assets/social-media.ziggy b/assets/social-media.ziggy
@@ -0,0 +1 @@
+.description = "The Ashet Home Computer is an expandable and hackable computer in the spirits of the 80's home computers.",
diff --git a/content/about.smd b/content/about.smd
@@ -1,5 +1,5 @@
 ---
-.title = "About the Ashet Home Computer",
+.title = "About the Ashet\u{A0}Home\u{A0}Computer",
 .date = @date("2025-05-08T10:24:00"),
 .author = "Felix Queißner",
 .layout = "page.shtml",
@@ -19,11 +19,13 @@ and capability, providing everything necessary for daily computing tasks without
 
 - **Fully Hackable and Understandable** \
   Every aspect of the system is transparent, well-documented, and designed for exploration and customization.
-- **Daily Computing Ready** \
-  Suitable for everyday tasks:
+- **Daily Computing Possible** \
+  Suitable for (simple) everyday tasks:
   - Desktop OS with intuitive GUI
-  - Internet browsing (limited to essential, not overly complex web content)
-  - Text document reading and writing
+  - Text document reading and writing (plaintext, no WYSIWYG)
+  - Internet browsing (limited to HTML and basic CSS, no JavaScript)
+  - E-Mail reading and writing
+  - Chatting (IRC)
   - Built-in comprehensive system documentation
   - Programming with interpreted languages can be done on the system itself
   - Programming with compiled languages should be done externally
@@ -40,6 +42,9 @@ and capability, providing everything necessary for daily computing tasks without
 This vision ensures that users at all skill levels -- from learners and hobbyists to
 seasoned developers -- can fully grasp, modify, and expand their home computing experience.
 
+The idea behind the *Daily Computing* aspect is to show that most of these tasks do not require incredibly powerful
+hardware but could and still can done on small, low-power machines.
+
 ## [Audience]($section.id('audience'))
 
 **Makers**
@@ -52,7 +57,7 @@ Ideal for tech enthusiasts and hardware hackers who appreciate full hardware tra
 
 **Demosceners**
 
-With its limited, yet powerful audio and video capabilities and ten-core processing, Ashet supports artists pushing creative and technical limits, producing visually and sonically compelling real-time demonstrations.
+With its limited, yet powerful audio and video capabilities and multi-core processing, Ashet supports artists pushing creative and technical limits, producing visually and sonically compelling real-time demonstrations.
 
 **Educators**
 
@@ -72,20 +77,20 @@ For independent learners seeking to deepen their understanding of computing and
 
 The following table shows a comparison to other "small" computers. It should help you get an idea where the Ashet Home Computer is in relation to other projects.
 
-| Feature             | Ashet                                                               | [Raspberry Pi 4](https://www.raspberrypi.com/products/raspberry-pi-4-model-b/specifications/)   | [Arduino Uno REV3](https://store.arduino.cc/products/arduino-uno-rev3) | [Neotron Pico](https://github.com/neotron-Compute/neotron-Pico)     | [Cody Computer](https://www.codycomputer.org/)          |
+| Feature             | Ashet Home Computer                                                               | [Raspberry Pi 4](https://www.raspberrypi.com/products/raspberry-pi-4-model-b/specifications/)   | [Arduino Uno REV3](https://store.arduino.cc/products/arduino-uno-rev3) | [Neotron Pico](https://github.com/neotron-Compute/neotron-Pico)     | [Cody Computer](https://www.codycomputer.org/)          |
 |---------------------|---------------------------------------------------------------------|-------------------------------------------------------------------------------------------------|------------------------------------------------------------------------|---------------------------------------------------------------------|---------------------------------------------------------|
-| CPU Bus Width       | 32 bit                                                              | 64 bit                                                                                          | 8 bit                                                                  | 32 bit                                                              | 8 bit                                                   |
-| CPU Architecture    | Arm Cortex-M33                                                      | Arm Cortex-A72                                                                                  | AVR                                                                    | Arm Cortex-M0+                                                      | 6502                                                    |
-| CPU Model           | [Rapsberry Pi RP2350](https://www.raspberrypi.com/products/rp2350/) | [Broadcom BCM2711](https://www.raspberrypi.com/documentation/computers/processors.html#bcm2711) | [ATmega328P](https://www.microchip.com/en-us/product/atmega328p)       | [Rapsberry Pi RP2040](https://www.raspberrypi.com/products/rp2040/) | [W65C02S](https://wdc65xx.com/integrated-circuit)       |
-| CPU Cores           | 2                                                                   | 4                                                                                               | 1                                                                      | 2                                                                   | 1                                                       |
-| CPU Clock           | 150 MHz                                                             | 1.8 GHz                                                                                         | 16 MHz                                                                 | 133 MHz                                                             | 1 MHz                                                   |
-| System Memory       | 8.5 MB                                                              | 1, 2, 4 or 8 GB                                                                                 | 2 KB                                                                   | 264 kB                                                              | 64 kB                                                   |
+| CPU Bus Width       | 32&nbsp;bit                                                              | 64&nbsp;bit                                                                                          | 8 bit                                                                  | 32&nbsp;bit                                                              | 8&nbsp;bit                                                   |
+| CPU Architecture    | Arm&nbsp;Cortex-M33                                                      | Arm&nbsp;Cortex-A72                                                                                  | AVRe+                                                                    | Arm&nbsp;Cortex-M0+                                                      | 6502                                                    |
+| CPU Model           | [Raspberry&nbsp;Pi RP2350](https://www.raspberrypi.com/products/rp2350/) | [Broadcom BCM2711](https://www.raspberrypi.com/documentation/computers/processors.html#bcm2711) | [ATmega328P](https://www.microchip.com/en-us/product/atmega328p)       | [Raspberry&nbsp;Pi RP2040](https://www.raspberrypi.com/products/rp2040/) | [W65C02S](https://wdc65xx.com/integrated-circuit)       |
+| CPU Cores           | 2                                                                        | 4                                                                                               | 1                                                                      | 2                                                                   | 1                                                       |
+| CPU Clock           | 150&nbsp;MHz                                                             | 1.8&nbsp;GHz                                                                                         | 16 MHz                                                                 | 133&nbsp;MHz                                                             | 1&nbsp;MHz                                                   |
+| System Memory       | 8&nbsp;MB                                                                | 1, 2, 4 or 8&nbsp;GB                                                                                 | 2 KB                                                                   | 264&nbsp;kB                                                              | 64&nbsp;kB                                                   |
 | Comprehensible      | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/cross.svg'))                                                           | []($image.siteAsset('img/check.svg'))                                  | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/check.svg'))                                                       |
 | Modern I/O          | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/check.svg'))                                                           | []($image.siteAsset('img/cross.svg'))                                  | []($image.siteAsset('img/cross.svg'))&nbsp;¹                        | []($image.siteAsset('img/cross.svg'))                                                       |
 | Modular Design      | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/cross.svg'))                                                           | []($image.siteAsset('img/cross.svg'))                                  | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/check.svg'))&nbsp;²                                                |
 | Full Documentation  | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/cross.svg'))                                                           | []($image.siteAsset('img/check.svg'))                                  | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/check.svg'))                                                       |
 | Ethernet            | []($image.siteAsset('img/check.svg'))                               | []($image.siteAsset('img/check.svg'))                                                           | []($image.siteAsset('img/cross.svg'))                                  | []($image.siteAsset('img/cross.svg'))                               | []($image.siteAsset('img/cross.svg'))                                                       |
-| Parallax Propeller  | []($image.siteAsset('img/check.svg')) ([Propeller 2](https://www.parallax.com/propeller-2))             | []($image.siteAsset('img/cross.svg'))                       | []($image.siteAsset('img/cross.svg'))                                  | []($image.siteAsset('img/cross.svg'))                               | []($image.siteAsset('img/check.svg')) ([Propeller 1](https://www.parallax.com/propeller-1)) |
+| Parallax Propeller  | []($image.siteAsset('img/check.svg')) ([Propeller&nbsp;2](https://www.parallax.com/propeller-2))             | []($image.siteAsset('img/cross.svg'))                       | []($image.siteAsset('img/cross.svg'))                                  | []($image.siteAsset('img/cross.svg'))                               | []($image.siteAsset('img/check.svg')) ([Propeller&nbsp;1](https://www.parallax.com/propeller-1)) |
 
 ¹Neotron Pico uses PS/2 for mouse/keyboard and VGA for video.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		.description = "The Ashet Home Computer is an expandable and hackable computer in the spirits of the 80's home computers.",