ported all templates to json

2026-02-01 18:51:43 +02:00
parent ae3a339db6
commit 74f033d5e8
403 changed files with 68948 additions and 5936 deletions
--- a/src/styles/templates/creative/glitch-art.ts
+++ b/src/styles/templates/creative/glitch-art.ts
@@ -0,0 +1,36 @@
+import { StyleOption } from '../../../types';
+
+export const glitchArt: StyleOption = {
+    id: 'glitch-art',
+    name: 'Glitch Art',
+    category: 'Creative',
+    description: 'Digital distortion aesthetic. Monospaced fonts with neon colors and "broken" styling.',
+    vibe: 'Digital, Glitch, Cyber',
+    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Rubik+Glitch&family=Share+Tech+Mono&display=swap',
+    wordConfig: {
+      heading1: { 
+        font: "Rubik Glitch", size: 40, color: "D500F9", bold: false, align: 'left',
+        spacing: { before: 400, after: 200, line: 240 },
+        shading: { fill: "121212", color: "auto", style: "clear" }
+      },
+      heading2: { 
+        font: "Share Tech Mono", size: 18, color: "00E5FF", bold: true, align: 'left',
+        spacing: { before: 320, after: 160, line: 240 }
+      },
+      body: { 
+        font: "Share Tech Mono", size: 11, color: "BDBDBD", align: 'left',
+        spacing: { before: 0, after: 160, line: 280 },
+        shading: { fill: "000000", color: "auto", style: "clear" }
+      },
+      accentColor: "00E5FF"
+    },
+    previewCss: `
+      font-family: 'Share Tech Mono', monospace;
+      background: #000000;
+      color: #BDBDBD;
+      h1 { font-family: 'Rubik Glitch', cursive; font-size: 40pt; color: #D500F9; background: #121212; padding: 10px; margin-bottom: 24px; text-shadow: 2px 0 #00E5FF; }
+      h2 { font-size: 18pt; font-weight: 700; color: #00E5FF; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 2px; }
+      p { font-size: 11pt; line-height: 1.5; color: #BDBDBD; margin-bottom: 14px; }
+      blockquote { border: 1px solid #D500F9; padding: 16px; margin: 24px 0; color: #D500F9; box-shadow: 4px 4px 0 #00E5FF; }
+    `
+  };