base components and beginning content
This commit is contained in:
parent
90335b1213
commit
bf7c794c52
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
|
||||
export default defineConfig({});
|
||||
export default defineConfig({
|
||||
integrations: [tailwind()],
|
||||
});
|
||||
|
|
|
|||
10
package.json
10
package.json
|
|
@ -10,6 +10,12 @@
|
|||
"astro": "astro"
|
||||
},
|
||||
"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">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Astro</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Astro</h1>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<link rel="preconnect" href="https://fonts.bunny.net" />
|
||||
<link
|
||||
href="https://fonts.bunny.net/css?family=azeret-mono:500|fahkwang:700"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<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>
|
||||
|
|
|
|||
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: [],
|
||||
};
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
{
|
||||
"extends": "astro/tsconfigs/strict"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue