Compare commits

..

5 Commits

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
17 changed files with 846 additions and 87 deletions

14
.gitignore vendored
View File

@@ -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

View File

@@ -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
}
});

View File

@@ -1,17 +1,22 @@
{
"name": "aerocity",
"type": "module",
"version": "0.0.0",
"engines": {
"node": ">=22.12.0"
},
"scripts": {
"dev": "astro dev",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"astro": "^7.0.2"
}
}
"name": "aerocity",
"type": "module",
"version": "0.0.0",
"engines": {
"node": ">=22.12.0"
},
"scripts": {
"dev": "astro dev",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"@tailwindcss/vite": "^4.3.1",
"astro": "^7.0.2",
"tailwindcss": "^4.3.1"
},
"devDependencies": {
"sass-embedded": "^1.100.0"
}
}

713
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@@ -1,3 +1,4 @@
packages: []
allowBuilds:
esbuild: true
sharp: true

BIN
public/font/MozHead.woff2 Normal file

Binary file not shown.

BIN
public/font/MozText.woff2 Normal file

Binary file not shown.

Binary file not shown.

Binary file not shown.

27
src/bricks/NavBar.astro Normal file
View File

@@ -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>

60
src/layouts/Layout.astro Normal file
View File

@@ -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>

BIN
src/mockup/layout.clip Normal file

Binary file not shown.

View File

@@ -1,16 +1,5 @@
---
import Layout from "../layouts/Layout.astro"
---
<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>Aerocity</title>
</head>
<body>
<h1>Aerocity</h1>
</body>
</html>
<Layout title="AEROCITY">
</Layout>

5
src/style/all.scss Normal file
View File

@@ -0,0 +1,5 @@
@use "tailwindcss";
@use "palette";
@use "font";
@use "main";

32
src/style/font.scss Normal file
View File

@@ -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);
}
}

4
src/style/main.scss Normal file
View File

@@ -0,0 +1,4 @@
body {
background-color: var(--paper);
color: var(--ink);
}

12
src/style/palette.scss Normal file
View File

@@ -0,0 +1,12 @@
:root {
--paper: #124;
--ink: #cde;
--gem: #2c8;
--jewel: #184;
&.light {
--paper: #cde;
--ink: #114;
--gem: #184;
--jewel: #2c8;
}
}