layout established in meeting

uuuh things.
ignore code workspace
2026-07-06 10:29:36 +02:00 · 2026-07-01 14:31:17 +02:00 · 2026-06-27 20:31:07 +02:00 · 2026-06-24 18:16:24 +02:00 · 2026-06-24 18:09:01 +02:00
17 changed files with 846 additions and 87 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,24 +1,12 @@
 # build output
 dist/
 # generated types
 .astro/
 # dependencies
 node_modules/
 # logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 # environment variables
 .env
 .env.production
 # macOS-specific files
 .DS_Store
 # jetbrains setting folder
 .idea/
 *.code-workspace
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,5 +1,14 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
 // https://astro.build/config
-export default defineConfig({});
+export default defineConfig({
  vite: {
    plugins: [tailwindcss()]
  },
  devToolbar: {
    enabled: false
  }
 });
--- a/package.json
+++ b/package.json
@@ -1,17 +1,22 @@
 {
-  "name": "aerocity",
+    "name": "aerocity",
-  "type": "module",
+    "type": "module",
-  "version": "0.0.0",
+    "version": "0.0.0",
-  "engines": {
+    "engines": {
-    "node": ">=22.12.0"
+        "node": ">=22.12.0"
-  },
+    },
-  "scripts": {
+    "scripts": {
-    "dev": "astro dev",
+        "dev": "astro dev",
-    "build": "astro build",
+        "build": "astro build",
-    "preview": "astro preview",
+        "preview": "astro preview",
-    "astro": "astro"
+        "astro": "astro"
-  },
+    },
-  "dependencies": {
+    "dependencies": {
-    "astro": "^7.0.2"
+        "@tailwindcss/vite": "^4.3.1",
-  }
+        "astro": "^7.0.2",
        "tailwindcss": "^4.3.1"
    },
    "devDependencies": {
        "sass-embedded": "^1.100.0"
    }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,4 @@
 packages: []
 allowBuilds:
  esbuild: true
  sharp: true
--- a/public/font/MozHead.woff2
+++ b/public/font/MozHead.woff2
--- a/public/font/MozText.woff2
+++ b/public/font/MozText.woff2
--- a/public/font/bodyItalic.woff2
+++ b/public/font/bodyItalic.woff2
--- a/public/font/bodyRegular.woff2
+++ b/public/font/bodyRegular.woff2
--- a/src/bricks/NavBar.astro
+++ b/src/bricks/NavBar.astro
@@ -0,0 +1,27 @@
 <nav class="side">
    <a href="/">HOME</a>
    <a href="/about">ABOUT</a>
    <a href="/blog">BLOG</a>
    <a href="/works">WORKS</a>
    <a href="/contact">CONTACT</a>
    <a href="/links">LINKS</a>
    <a href="/legal">LEGAL</a>
 </nav>
 <style lang="scss">
    nav {
        display: grid;
        grid-column: 1;
        gap: 0;
        background-color: var(--gem);
        text-align: right;
        a {
            font-weight: 500;
            padding: .1rem .5rem .1rem .5rem;
            color: var(--paper);
            &:hover {
                background-color: var(--ink);
            }
        }
    }
 </style>
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -0,0 +1,60 @@
 ---
 import "../style/all.scss"
 import NavBar from "../bricks/NavBar.astro"
 const { title } = Astro.props
 ---
 <html lang="en">
    <head>
        <meta charset="utf-8" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
        <link rel="icon" href="/favicon.ico"/>
        <meta name="viewport" content="width=device-width"/>
        <title>{ title }</title>
    </head>
    <body>
        <div class="banner">
            #GUIGUI
        </div>
        <div class="cont">
            <NavBar className="bar"/>
            <div class="bod">
                <h1>{ title }</h1>
                <slot/>
            </div>
        </div>
    </body>
 </html>
 <style lang="scss">
    body {
        min-height: 100vh;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .banner {
            z-index: -1;
            font-family: var(--font-head);
            font-size: 6rem;
            font-weight: 100;
            color: var(--gem);
        }
        .cont {
            width: 100%;
            display: flex;
            flex-direction: row;
            max-width: 56rem;
        }
        .bar {
            max-width: 6rem;
        }
        .bod {
            width: 100%;
            padding-left: 1rem;
        }
    }
 </style>
--- a/src/mockup/layout.clip
+++ b/src/mockup/layout.clip
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,16 +1,5 @@
 ---
-
+import Layout from "../layouts/Layout.astro"
 ---
-
+<Layout title="AEROCITY">
-<html lang="en">
+</Layout>
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<link rel="icon" href="/favicon.ico" />
 		<meta name="viewport" content="width=device-width" />
 		<title>Aerocity</title>
 	</head>
 	<body>
 		<h1>Aerocity</h1>
 	</body>
 </html>
--- a/src/style/all.scss
+++ b/src/style/all.scss
@@ -0,0 +1,5 @@
@use "tailwindcss";
@use "palette";
@use "font";
@use "main";
--- a/src/style/font.scss
+++ b/src/style/font.scss
@@ -0,0 +1,32 @@
@font-face {
    font-family: "DMSans";
    src: url("/font/bodyRegular.woff2") format("woff2 supports variations"),
        url("/font/bodyRegular.woff2") format("woff2-variations");
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
 }
@font-face {
    font-family: "DMSansItalic";
    src: url("/font/bodyItalic.woff2") format("woff2 supports variations"),
        url("/font/bodyItalic.woff2") format("woff2-variations");
    font-weight: 200 700;
    font-style: italic;
    font-display: swap;
 }
 :root {
    --font-fallback: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-body: "DMSans", var(--font-fallback);
    --font-head: "DMSans", var(--font-fallback);
    --font-mono: "robotoMono", var(--font-fallback);
 }
 html {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 400;
    h1,h2,h3,h4,h5,h6 {
        font-family: var(--font-head);
    }
 }
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -0,0 +1,4 @@
 body {
    background-color: var(--paper);
    color: var(--ink);
 }
--- a/src/style/palette.scss
+++ b/src/style/palette.scss
@@ -0,0 +1,12 @@
 :root {
    --paper: #124;
    --ink: #cde;
    --gem: #2c8;
    --jewel: #184;
    &.light {
        --paper: #cde;
        --ink: #114;
        --gem: #184;
        --jewel: #2c8;
    }
 }
Author	SHA1	Message	Date
mathie	22275b8ed6	layout established in meeting	2026-07-06 10:29:36 +02:00
mathie	0393840933	uuuh things.	2026-07-01 14:31:17 +02:00
mathie	41770ab641	ignore code workspace	2026-06-27 20:31:07 +02:00
Alexis	4d3abde95a	Base tailwind setup	2026-06-24 18:16:24 +02:00
Alexis	f991976ef1	Fixed formatting	2026-06-24 18:09:01 +02:00