feat(docs): restore Zen Garden aesthetics and fix build

Author: Zuhaitz-dev

content/examples/rosetta/_index.md

@@ -1,4 +1,3 @@
-sort_by = "weight"
 +++
 title = "Rosetta Examples"
 weight = 20

site/syntaxes/zenc.sublime-syntax

@@ -0,0 +1,105 @@
+%YAML 1.2
+---
+# Zen C syntax definition for Zola (syntect)
+# Derived from vscode-zenc/syntaxes/zenc.tmLanguage.json
+name: zc
+file_extensions:
+  - zc
+  - zenc
+scope: source.zc
+
+contexts:
+  main:
+    # Directives (//> ...)
+    - match: '//>\s*[a-zA-Z0-9_]+:'
+      scope: keyword.control.directive.zc
+    - match: '//>.*$'
+      scope: comment.line.custom.zc
+
+    # Line comments
+    - match: '//.*$'
+      scope: comment.line.double-slash.zc
+
+    # Block comments
+    - match: '/\*'
+      scope: punctuation.definition.comment.begin.zc
+      push: block_comment
+
+    # Attributes (@name)
+    - match: '@[a-zA-Z_][a-zA-Z0-9_]*'
+      scope: meta.attribute.zc
+
+    # Strings
+    - match: '"'
+      scope: punctuation.definition.string.begin.zc
+      push: string_double
+
+    # Character literals
+    - match: "'(\\\\.|[^'])'"
+      scope: string.quoted.single.zc
+
+    # Control keywords
+    - match: '\b(if|else|while|for|return|break|continue|do|goto|switch|case|default|match|try|catch|guard|unless|async|await|launch|defer|asm|unsafe|in)\b'
+      scope: keyword.control.zc
+
+    # Declaration/other keywords
+    - match: '\b(import|module|struct|enum|union|fn|trait|impl|var|const|let|mut|def|alias|opaque|type|typedef|extern|static|volatile|autofree|comptime|embed|ref|sizeof|typeof|undefined|pub)\b'
+      scope: keyword.other.zc
+
+    # Boolean/null constants
+    - match: '\b(true|false|null)\b'
+      scope: constant.language.zc
+
+    # new/delete
+    - match: '\b(new|delete)\b'
+      scope: keyword.operator.new.zc
+
+    # Built-in types
+    - match: '\b(int|uint|char|bool|void|u8|u16|u32|u64|u128|U8|U16|U32|U64|U128|i8|i16|i32|i64|i128|I8|I16|I32|I64|I128|f32|f64|F32|F64|usize|isize|string|c_int|c_uint|c_char|c_uchar|c_short|c_ushort|c_long|c_ulong|c_long_long|c_ulong_long|byte|rune|va_list|String|Vec|Slice|Map|HashMap)\b'
+      scope: storage.type.zc
+
+    # Function calls
+    - match: '\b([a-zA-Z_][a-zA-Z0-9_]*)\s*(?=\()'
+      captures:
+        1: entity.name.function.zc
+
+    # Hex numbers
+    - match: '\b0x[0-9a-fA-F_]+\b'
+      scope: constant.numeric.hex.zc
+
+    # Binary numbers
+    - match: '\b0b[01_]+\b'
+      scope: constant.numeric.binary.zc
+
+    # Decimal numbers (with optional float)
+    - match: '\b[0-9][0-9_]*(\.[0-9][0-9_]*)?\b'
+      scope: constant.numeric.decimal.zc
+
+    # Operators
+    - match: '=>|\.\.|\|\>'
+      scope: keyword.operator.zc
+
+  block_comment:
+    - meta_scope: comment.block.zc
+    - match: '\*/'
+      scope: punctuation.definition.comment.end.zc
+      pop: true
+
+  string_double:
+    - meta_scope: string.quoted.double.zc
+    - match: '\\.'
+      scope: constant.character.escape.zc
+    - match: '\{'
+      scope: punctuation.section.interpolation.begin.zc
+      push: string_interpolation
+    - match: '"'
+      scope: punctuation.definition.string.end.zc
+      pop: true
+
+  string_interpolation:
+    - clear_scopes: 1
+    - meta_scope: meta.interpolation.zc
+    - include: main
+    - match: '\}'
+      scope: punctuation.section.interpolation.end.zc
+      pop: true

site/templates/base.html

@@ -501,16 +501,48 @@
                     rgba(255, 255, 255, 0.025) 16px);
         }
 
-        /* HERO CODE SNIPPETS */
         .doc-content pre {
             background: #0d0d0c;
-            padding: 1.5rem;
+            padding: 2.25rem 2rem;
             border: 1px solid rgba(255, 255, 255, 0.1);
             border-radius: 12px;
             margin-bottom: 2.5rem;
             overflow-x: auto;
             position: relative;
-            box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.5);
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+            cursor: pointer;
+            transition: transform 0.2s ease, border-color 0.2s ease;
+        }
+
+        .doc-content pre:hover {
+            transform: translateY(-2px);
+            border-color: rgba(255, 255, 255, 0.2);
+        }
+
+        .doc-content pre::after,
+        .admonition::after {
+            content: "";
+            position: absolute;
+            top: 20px;
+            right: 20px;
+            width: 10px;
+            height: 10px;
+            background: rgba(255, 255, 255, 0.3);
+            border-radius: 50%;
+            transition: all 0.3s ease;
+        }
+
+        .admonition::after {
+            background: rgba(0, 0, 0, 0.1);
+        }
+
+        [data-theme="dark"] .admonition::after {
+            background: rgba(255, 255, 255, 0.2);
+        }
+
+        .doc-content pre.copied::after {
+            background: #10b981;
+            box-shadow: 0 0 10px #10b981;
         }
 
         .doc-content pre code {
@@ -540,28 +572,37 @@
             color: var(--str);
         }
 
-        .z-keyword {
+        .z-keyword,
+        .z-storage,
+        .z-control {
             color: var(--kwd);
             font-weight: 600;
         }
 
-        .z-type {
+        .z-type,
+        .z-class,
+        .z-interface {
             color: var(--typ);
         }
 
-        .z-function {
+        .z-function,
+        .z-method {
             color: var(--fn);
         }
 
-        .z-number {
+        .z-number,
+        .z-constant,
+        .z-boolean {
             color: var(--num);
         }
 
-        .z-punctuation {
+        .z-punctuation,
+        .z-operator {
             color: var(--punctuation);
         }
 
-        .z-variable {
+        .z-variable,
+        .z-parameter {
             color: var(--variable);
         }
 
@@ -1147,6 +1188,16 @@ <h4>{{ trans(key="newsletter-title") }}</h4>
                 localStorage.setItem('theme', newTheme);
             });
         }
+        // --- Code Copy Logic ---
+        document.querySelectorAll('.doc-content pre').forEach(pre => {
+            pre.addEventListener('click', function () {
+                const code = this.querySelector('code').innerText;
+                navigator.clipboard.writeText(code).then(() => {
+                    this.classList.add('copied');
+                    setTimeout(() => this.classList.remove('copied'), 2000);
+                });
+            });
+        });
     </script>
 </body>
 

www

@@ -1 +1 @@
-Subproject commit 44bf7a53db62550e9413cc21cddf40067f9d59ca
+Subproject commit 075f76e8bfc3fefb274b5262dde8d1009e19390a