opentwig 1.1.0 → 1.1.2

package/website/src/routes/layout.css

@@ -0,0 +1,199 @@
+@import "tailwindcss";
+
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --radius: 0.75rem;
+  --background: #f8faf8;
+  --foreground: #1a2e1a;
+  --card: #ffffff;
+  --card-foreground: #1a2e1a;
+  --popover: #ffffff;
+  --popover-foreground: #1a2e1a;
+  --primary: #2d5a3d;
+  --primary-foreground: #ffffff;
+  --secondary: #e8f0e8;
+  --secondary-foreground: #2d5a3d;
+  --muted: #e8f0e8;
+  --muted-foreground: #5a7a5a;
+  --accent: #4a7c59;
+  --accent-foreground: #ffffff;
+  --destructive: #dc2626;
+  --border: #d4e4d4;
+  --input: #d4e4d4;
+  --ring: #4a7c59;
+  --chart-1: #2d5a3d;
+  --chart-2: #4a7c59;
+  --chart-3: #6b9b7a;
+  --chart-4: #8cb89a;
+  --chart-5: #c8e0c8;
+  --sidebar: #f0f7f0;
+  --sidebar-foreground: #1a2e1a;
+  --sidebar-primary: #2d5a3d;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #e8f0e8;
+  --sidebar-accent-foreground: #2d5a3d;
+  --sidebar-border: #d4e4d4;
+  --sidebar-ring: #4a7c59;
+}
+
+.dark {
+  --background: #0d1f12;
+  --foreground: #e8f0e8;
+  --card: #1a3320;
+  --card-foreground: #e8f0e8;
+  --popover: #1a3320;
+  --popover-foreground: #e8f0e8;
+  --primary: #6b9b7a;
+  --primary-foreground: #0d1f12;
+  --secondary: #2d4a35;
+  --secondary-foreground: #e8f0e8;
+  --muted: #2d4a35;
+  --muted-foreground: #8cb89a;
+  --accent: #4a7c59;
+  --accent-foreground: #ffffff;
+  --destructive: #ef4444;
+  --border: #2d4a35;
+  --input: #2d4a35;
+  --ring: #6b9b7a;
+  --chart-1: #6b9b7a;
+  --chart-2: #4a7c59;
+  --chart-3: #8cb89a;
+  --chart-4: #a8d4a8;
+  --chart-5: #2d5a3d;
+  --sidebar: #1a3320;
+  --sidebar-foreground: #e8f0e8;
+  --sidebar-primary: #6b9b7a;
+  --sidebar-primary-foreground: #0d1f12;
+  --sidebar-accent: #2d4a35;
+  --sidebar-accent-foreground: #e8f0e8;
+  --sidebar-border: #2d4a35;
+  --sidebar-ring: #6b9b7a;
+}
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground antialiased;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+  html {
+    scroll-behavior: smooth;
+  }
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
+  .gradient-text {
+    background: linear-gradient(135deg, #2d5a3d 0%, #4a7c59 50%, #6b9b7a 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .gradient-border {
+    background: linear-gradient(135deg, #d4e4d4 0%, #c8e0c8 50%, #b8d4b8 100%);
+    padding: 1px;
+    border-radius: var(--radius);
+  }
+  .leaf-pattern {
+    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c-2 5-8 10-15 10 7 0 13 5 15 10 2-5 8-10 15-10-7 0-13-5-15-10z' fill='%234a7c59' fill-opacity='0.03'/%3E%3C/svg%3E");
+  }
+  .animate-float {
+    animation: float 6s ease-in-out infinite;
+  }
+  .animate-float-delayed {
+    animation: float 6s ease-in-out infinite;
+    animation-delay: 2s;
+  }
+  .animate-float-delayed-2 {
+    animation: float 6s ease-in-out infinite;
+    animation-delay: 4s;
+  }
+  @keyframes float {
+    0%, 100% { transform: translateY(0px); }
+    50% { transform: translateY(-20px); }
+  }
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--secondary);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--muted-foreground);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--primary);
+}
+
+/* Code block styling */
+pre {
+  background: #1a3320 !important;
+  border-radius: var(--radius);
+  padding: 1.5rem;
+  overflow-x: auto;
+}
+
+code {
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  font-size: 0.875rem;
+  line-height: 1.7;
+}
+
+/* Selection styling */
+::selection {
+  background: rgba(74, 124, 89, 0.3);
+  color: inherit;
+}

package/website/static/robots.txt

@@ -0,0 +1,3 @@
+# allow crawling everything by default
+User-agent: *
+Disallow:

package/website/svelte.config.js

@@ -0,0 +1,31 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	preprocess: vitePreprocess(),
+	kit: {
+		adapter: adapter({
+			pages: 'build',
+			assets: 'build',
+			precompress: false,
+			strict: true
+		}),
+		paths: {
+			base: ''
+		},
+		prerender: {
+			entries: ['*'],
+			handleHttpError: ({ path, referrer, message }) => {
+				// Ignore warnings about external links
+				if (message.includes('Not found')) {
+					console.warn(`Warning: ${path} not found (referrer: ${referrer})`);
+					return;
+				}
+				throw new Error(message);
+			}
+		}
+	}
+};
+
+export default config;

package/website/vite.config.ts

@@ -0,0 +1,5 @@
+import tailwindcss from '@tailwindcss/vite';
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({ plugins: [tailwindcss(), sveltekit()] });

package/test-og.js

@@ -1,40 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const render = require('./theme/default');
-
-const sample = {
-  title: 'A <Title> & Test "Quote"',
-  url: 'https://example.com/page?arg=1&other=<bad>',
-  name: "O'Connor & Co <dev>",
-  content: 'This is a description with <tags> & special "characters" and \'quotes\'.',
-  avatar: null,
-  links: [],
-  footerLinks: [],
-  share: {}
-};
-
-const out = render(sample);
-const outPath = path.join(__dirname, 'test-output.html');
-fs.writeFileSync(outPath, out);
-console.log('Wrote', outPath);
-
-// Basic assertions
-function assertContainsEscaped(haystack, raw, escaped) {
-  if (haystack.includes(raw)) {
-    throw new Error(`Found unescaped string: ${raw}`);
-  }
-  if (!haystack.includes(escaped)) {
-    throw new Error(`Did not find escaped string: ${escaped}`);
-  }
-}
-
-// Check several values
-assertContainsEscaped(out, '<Title>', '&lt;Title&gt;');
-// URL should have ampersand escaped and angle brackets escaped
-assertContainsEscaped(out, '&other=<bad>', '&amp;other=&lt;bad&gt;');
-assertContainsEscaped(out, "O'Connor", "O&#39;Connor");
-assertContainsEscaped(out, '"Quote"', '&quot;Quote&quot;');
-assertContainsEscaped(out, "<tags>", '&lt;tags&gt;');
-
-console.log('All assertions passed.');