Compare commits
5 Commits
3280ad0972
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
22275b8ed6 | ||
|
|
0393840933 | ||
|
|
41770ab641 | ||
|
|
4d3abde95a | ||
|
|
f991976ef1 |
14
.gitignore
vendored
14
.gitignore
vendored
@@ -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
|
||||
@@ -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
|
||||
}
|
||||
});
|
||||
37
package.json
37
package.json
@@ -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
713
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -1,3 +1,4 @@
|
||||
packages: []
|
||||
allowBuilds:
|
||||
esbuild: true
|
||||
sharp: true
|
||||
|
||||
BIN
public/font/MozHead.woff2
Normal file
BIN
public/font/MozHead.woff2
Normal file
Binary file not shown.
BIN
public/font/MozText.woff2
Normal file
BIN
public/font/MozText.woff2
Normal file
Binary file not shown.
BIN
public/font/bodyItalic.woff2
Normal file
BIN
public/font/bodyItalic.woff2
Normal file
Binary file not shown.
BIN
public/font/bodyRegular.woff2
Normal file
BIN
public/font/bodyRegular.woff2
Normal file
Binary file not shown.
27
src/bricks/NavBar.astro
Normal file
27
src/bricks/NavBar.astro
Normal 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
60
src/layouts/Layout.astro
Normal 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
BIN
src/mockup/layout.clip
Normal file
Binary file not shown.
@@ -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
5
src/style/all.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
@use "tailwindcss";
|
||||
|
||||
@use "palette";
|
||||
@use "font";
|
||||
@use "main";
|
||||
32
src/style/font.scss
Normal file
32
src/style/font.scss
Normal 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
4
src/style/main.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background-color: var(--paper);
|
||||
color: var(--ink);
|
||||
}
|
||||
12
src/style/palette.scss
Normal file
12
src/style/palette.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
:root {
|
||||
--paper: #124;
|
||||
--ink: #cde;
|
||||
--gem: #2c8;
|
||||
--jewel: #184;
|
||||
&.light {
|
||||
--paper: #cde;
|
||||
--ink: #114;
|
||||
--gem: #184;
|
||||
--jewel: #2c8;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user