squalid-singularity 0.0.1

package/src/styles/global.css

@@ -0,0 +1,128 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Base resets */
+html, body {
+  background-color: #0a0a0a;
+  color-scheme: dark;
+}
+
+html {
+  scroll-behavior: smooth;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  overscroll-behavior: none;
+}
+
+body {
+  text-rendering: optimizeLegibility;
+}
+
+::selection {
+  background-color: rgba(220, 38, 38, 0.15);
+  color: #e5e5e5;
+}
+
+/* Scrollbar */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: #333333;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #555555;
+}
+
+/* Focus ring */
+*:focus-visible {
+  outline: 2px solid #dc2626;
+  outline-offset: 2px;
+  border-radius: 0;
+}
+
+/* Section divider */
+.section-divider {
+  height: 1px;
+  background: #1e1e1e;
+}
+
+/* Smooth transitions */
+a, button, input, textarea, select {
+  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
+  transition-duration: 200ms;
+  transition-timing-function: ease;
+}
+
+/* --- Activity Ticker --- */
+.ticker-track {
+  display: flex;
+  gap: 3rem;
+  animation: ticker-scroll 60s linear infinite;
+  width: max-content;
+}
+.ticker-track:hover {
+  animation-play-state: paused;
+}
+@keyframes ticker-scroll {
+  0%   { transform: translateX(0); }
+  100% { transform: translateX(-50%); }
+}
+
+/* --- Fade-in-up entrance --- */
+.fade-in-up {
+  opacity: 0;
+  transform: translateY(16px);
+  transition: opacity 0.5s ease, transform 0.5s ease;
+}
+.fade-in-up.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* --- Reduced motion --- */
+@media (prefers-reduced-motion: reduce) {
+  .ticker-track { animation: none !important; }
+  .fade-in-up { opacity: 1; transform: none; transition: none; }
+}
+
+/* Mobile overlay transition */
+.mobile-overlay-transition {
+  transition: opacity 200ms ease;
+}
+
+/* Red text highlight — thick red underline marker */
+.text-highlight {
+  background-image: linear-gradient(#dc2626, #dc2626);
+  background-size: 100% 0.12em;
+  background-position: 0 92%;
+  background-repeat: no-repeat;
+  padding-bottom: 0.04em;
+}
+
+/* Thick red horizontal rule */
+.red-rule {
+  height: 4px;
+  background: #dc2626;
+  border: none;
+}
+
+/* Full-width red background section */
+.section-red {
+  background: #dc2626;
+  color: #ffffff;
+}
+
+/* Editorial label — small caps section label */
+.editorial-label {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: #555555;
+}

package/tailwind.config.mjs

@@ -0,0 +1,51 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+  theme: {
+    extend: {
+      colors: {
+        bg: '#0a0a0a',
+        surface: '#111111',
+        'surface-2': '#1a1a1a',
+        'surface-3': '#262626',
+        border: '#1e1e1e',
+        'border-hover': '#383838',
+        text: '#e5e5e5',
+        'text-dim': '#888888',
+        'text-muted': '#555555',
+        primary: '#dc2626',
+        'primary-hover': '#ef4444',
+        'primary-soft': 'rgba(220, 38, 38, 0.15)',
+        accent: '#dc2626',
+        red: '#ef4444',
+        green: '#16a34a',
+        blue: '#2563eb',
+        yellow: '#ca8a04',
+      },
+      fontFamily: {
+        sans: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
+        display: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
+        mono: ['JetBrains Mono', 'monospace'],
+      },
+      fontSize: {
+        'display-xl': ['clamp(3.5rem, 10vw, 6rem)', { lineHeight: '0.92', letterSpacing: '-0.04em', fontWeight: '800' }],
+        'display-lg': ['clamp(2rem, 5vw, 3rem)', { lineHeight: '1.1', letterSpacing: '-0.03em', fontWeight: '700' }],
+        'display-stat': ['clamp(3rem, 8vw, 5rem)', { lineHeight: '1', letterSpacing: '-0.03em', fontWeight: '800' }],
+      },
+      boxShadow: {
+        'card': '0 1px 3px rgba(0,0,0,0.3)',
+        'card-hover': '0 4px 12px rgba(0,0,0,0.4)',
+      },
+      keyframes: {
+        'fade-in': {
+          '0%': { opacity: '0', transform: 'translateY(8px)' },
+          '100%': { opacity: '1', transform: 'translateY(0)' },
+        },
+      },
+      animation: {
+        'fade-in': 'fade-in 0.3s ease-out forwards',
+      },
+    },
+  },
+  plugins: [],
+};

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [
+    ".astro/types.d.ts",
+    "**/*"
+  ],
+  "exclude": [
+    "dist"
+  ],
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
+  }
+}

package/wrangler.toml

@@ -0,0 +1,5 @@
+name = "moltlaunch"
+pages_build_output_dir = "dist"
+
+# Deploys to moltlaunch.com (custom domain already configured)
+# Deploy: npm run build && npx wrangler pages deploy dist --project-name moltlaunch