[TASK] remove frontend process and change headline font

frontend/main.ts

@@ -1,3 +0,0 @@
-import '@fontsource/rubik-doodle-shadow';
-
-import "./scss/app.scss";

frontend/package.json

@@ -1,24 +0,0 @@
-{
-   "name": "aef-website",
-   "private": true,
-   "version": "0.0.0",
-   "type": "module",
-   "scripts": {
-      "dev": "vite build --emptyOutDir --watch",
-      "build": "tsc && vite build --emptyOutDir",
-      "preview": "vite preview"
-   },
-   "devDependencies": {
-      "@tailwindcss/postcss": "^4.1.11",
-      "fluid-tailwind": "^1.0.4",
-      "postcss": "^8.5.6",
-      "sass": "^1.89.2",
-      "tailwindcss": "^3.4.17",
-      "typescript": "^5.9.2",
-      "vite": "^7.0.6",
-      "vite-plugin-static-copy": "^3.1.1"
-   },
-   "dependencies": {
-      "@fontsource/rubik-doodle-shadow": "^5.2.6"
-   }
-}

frontend/postcss.config.cjs

@@ -1,5 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-  }
-}

frontend/scss/app.scss

@@ -1,11 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-h1 {
-  @apply font-headline;
-}
-
-.container {
-  @apply ~p-6/10 max-w-screen-lg w-full;
-}

frontend/tailwind.config.ts

@@ -1,25 +0,0 @@
-import fluid, { extract, screens, fontSize } from 'fluid-tailwind'
-
-export default {
-  content: {
-    files: [
-      '../src/'
-    ],
-    extract
-  },
-  plugins: [
-    fluid
-  ],
-  theme: {
-    fontFamily: {
-        headline: ['Rubik Doodle Shadow', 'sans-serif']
-    },
-    screens, // Tailwind's default screens, in `rem`
-    fontSize, // Tailwind's default font sizes, in `rem` (including line heights)
-    extend: {
-      screens: {
-        xs: '20rem'
-      }
-    }
-  },
-}

frontend/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "forceConsistentCasingInFileNames": true,
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ESNext", "DOM"],
-    "moduleResolution": "Node",
-    "strict": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "noEmit": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "skipLibCheck": true
-  },
-}

frontend/vite.config.js

@@ -1,34 +0,0 @@
-import { defineConfig } from 'vite';
-import { viteStaticCopy } from 'vite-plugin-static-copy'
-
-export default defineConfig({
-  plugins: [
-    viteStaticCopy({
-      targets: [
-        {
-          src: './static/[!.]*',
-          dest: './',
-        },
-      ],
-    })
-  ],
-  publicDir: false, // disable copy `public/` to outDir
-  build: {
-    rollupOptions: {
-      input: {
-        main: './main.ts',
-        // Example for more entry points
-        // test: './src/test.ts',
-      },
-      output: {
-        entryFileNames: '[name].js',
-        assetFileNames: '[name].css',
-      },
-    },
-    manifest: true, // generate manifest.json in outDir
-    outDir: '../static/serve/',
-  },
-  css: {
-    devSourcemap: true, // disabled by default because of performance reasons
-  },
-})

src/index.rs

@@ -1,10 +1,14 @@
 use crate::page::new;
-use maud::{html, Markup, PreEscaped};
+use maud::{html, Markup};
 
 pub(super) async fn index() -> Markup {
     new(html! {
+        h1 { 
+              "Digital Shadows"
+        }
         hgroup {
-            h1 { "Digital Shadows" (PreEscaped("—")) "Who owns your "
+            h2 {    
+                "Who owns your "
                 mark { "data" }
                 "?"
             }

src/page.rs

@@ -6,7 +6,8 @@ pub fn new(content: Markup) -> Markup {
         head {
             meta charset="utf-8";
             meta name="viewport" content="width=device-width, initial-scale=1.0";
-            link rel="stylesheet" href="/static/main.css";
+            link rel="stylesheet" href="/static/pico.min.css";
+            link rel="stylesheet" href="/static/style.css";
         }
         body {
             header.container {
@@ -37,7 +38,7 @@ pub fn new(content: Markup) -> Markup {
                         a target="_blank" href="https://www.digidow.eu/impressum/" { "Impressum" }
                     }
                 }
-                script src="/static/main.js" {}
+                script src="/static/theme.js" {}
         }
     }
 }

static/serve/style.css

@@ -1,3 +1,25 @@
+@font-face {
+  font-family: 'Rubik Doodle Shadow';
+  src:
+    local('Rubik Doodle Shadow'),
+    url('RubikDoodleShadow-Regular.woff') format('woff');
+}
+
+:root {
+  --pico-typography-spacing-vertical: 2rem;
+  --pico-font-family: 'Arial', sans-serif;
+}
+
+h1 {
+  font-family: 'Rubik Doodle Shadow', sans-serif;
+  font-size: clamp(3rem, 1.875rem + 2vw, 4.5rem);
+  letter-spacing: 0.33rem;
+  margin-top: clamp(3rem, 1.875rem + 2vw, 5rem);
+  margin-bottom: clamp(5rem, 1.875rem + 2vw, 8rem);
+  text-align: center;
+  text-shadow: 0 1px 0px #378ab4, 1px 0 0px #5dabcd, 1px 2px 1px #378ab4, 2px 1px 1px #5dabcd, 2px 3px 2px #378ab4, 3px 2px 2px #5dabcd, 3px 4px 2px #378ab4, 4px 3px 3px #5dabcd, 4px 5px 3px #378ab4, 5px 4px 2px #5dabcd, 5px 6px 2px #378ab4, 6px 5px 2px #5dabcd, 6px 7px 1px #378ab4, 7px 6px 1px #5dabcd, 7px 8px 0px #378ab4, 8px 7px 0px #5dabcd;
+}
+
 header a {
 	padding: 0.5rem;
 	line-height: 1.75;