base components and beginning content
This commit is contained in:
parent
90335b1213
commit
bf7c794c52
14 changed files with 2954 additions and 966 deletions
21
.prettierignore
Normal file
21
.prettierignore
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
# 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
|
0
.prettierrc.json
Normal file
0
.prettierrc.json
Normal file
4
.vscode/extensions.json
vendored
4
.vscode/extensions.json
vendored
|
@ -1,4 +0,0 @@
|
||||||
{
|
|
||||||
"recommendations": ["astro-build.astro-vscode"],
|
|
||||||
"unwantedRecommendations": []
|
|
||||||
}
|
|
11
.vscode/launch.json
vendored
11
.vscode/launch.json
vendored
|
@ -1,11 +0,0 @@
|
||||||
{
|
|
||||||
"version": "0.2.0",
|
|
||||||
"configurations": [
|
|
||||||
{
|
|
||||||
"command": "./node_modules/.bin/astro dev",
|
|
||||||
"name": "Development server",
|
|
||||||
"request": "launch",
|
|
||||||
"type": "node-terminal"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
|
@ -1,4 +1,8 @@
|
||||||
import { defineConfig } from 'astro/config';
|
import { defineConfig } from "astro/config";
|
||||||
|
|
||||||
|
import tailwind from "@astrojs/tailwind";
|
||||||
|
|
||||||
// https://astro.build/config
|
// https://astro.build/config
|
||||||
export default defineConfig({});
|
export default defineConfig({
|
||||||
|
integrations: [tailwind()],
|
||||||
|
});
|
||||||
|
|
|
@ -10,6 +10,12 @@
|
||||||
"astro": "astro"
|
"astro": "astro"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"astro": "^3.3.2"
|
"@astrojs/tailwind": "^5.0.2",
|
||||||
|
"astro": "^3.3.2",
|
||||||
|
"tailwindcss": "^3.0.24"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"prettier": "^3.0.3",
|
||||||
|
"prettier-plugin-astro": "^0.12.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
3771
pnpm-lock.yaml
3771
pnpm-lock.yaml
File diff suppressed because it is too large
Load diff
BIN
public/assets/portrait.jpg
Normal file
BIN
public/assets/portrait.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.7 MiB |
7
src/components/BodyText.astro
Normal file
7
src/components/BodyText.astro
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<p class="font-body my-3">
|
||||||
|
<slot />
|
||||||
|
</p>
|
7
src/components/SecHeading.astro
Normal file
7
src/components/SecHeading.astro
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<h2 class="font-display text-3xl my-4">
|
||||||
|
<slot />
|
||||||
|
</h2>
|
11
src/components/Section.astro
Normal file
11
src/components/Section.astro
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
---
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<section class="min-h-screen w-full">
|
||||||
|
<div class="md:w-2/3 w-11/12 mx-auto min-h-screen flex justify-center items-center">
|
||||||
|
<div class="py-16">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
|
@ -1,16 +1,42 @@
|
||||||
---
|
---
|
||||||
|
import Section from "../components/Section.astro";
|
||||||
|
import BodyText from "../components/BodyText.astro";
|
||||||
|
import SecHeading from "../components/SecHeading.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<title>Astro</title>
|
<link rel="preconnect" href="https://fonts.bunny.net" />
|
||||||
</head>
|
<link
|
||||||
<body>
|
href="https://fonts.bunny.net/css?family=azeret-mono:500|fahkwang:700"
|
||||||
<h1>Astro</h1>
|
rel="stylesheet"
|
||||||
</body>
|
/>
|
||||||
|
<title>Noah Swerhun</title>
|
||||||
|
</head>
|
||||||
|
<body class="bg-secondary text-primary">
|
||||||
|
<Section>
|
||||||
|
<h1 class="font-display text-5xl text-center">NOAH SWERHUN</h1>
|
||||||
|
</Section>
|
||||||
|
<Section>
|
||||||
|
<div class="flex md:flex-row flex-col justify-around items-center">
|
||||||
|
<div class="basis-1/2 my-7">
|
||||||
|
<SecHeading class="font-display text-3xl my-3">PROFILE</SecHeading>
|
||||||
|
<BodyText>
|
||||||
|
Noah Swerhun is a mathematics student at the University of Chicago.
|
||||||
|
He was a National Merit Scholar Commended Student in 2023, and
|
||||||
|
earned his Eagle Scout rank in the same year, after leading and coordinating
|
||||||
|
a 1000+ man-hour service project to give bicycles to people in need.
|
||||||
|
</BodyText>
|
||||||
|
</div>
|
||||||
|
<div class="basis-1/3 my-7">
|
||||||
|
<img src="/assets/portrait.jpg" alt="Portrait of Noah"
|
||||||
|
class="rounded-lg max-h-96 md:max-h-none"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Section>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
20
tailwind.config.mjs
Normal file
20
tailwind.config.mjs
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
export default {
|
||||||
|
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
||||||
|
theme: {
|
||||||
|
extend: {
|
||||||
|
screens: {
|
||||||
|
md: "1100px",
|
||||||
|
},
|
||||||
|
colors: {
|
||||||
|
secondary: "#121412",
|
||||||
|
primary: "#F2FCF4",
|
||||||
|
},
|
||||||
|
fontFamily: {
|
||||||
|
display: ["Fahkwang", "serif"],
|
||||||
|
body: ["Azeret Mono", "sans-serif"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
};
|
Loading…
Reference in a new issue