diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-07 22:20:55 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-07 22:20:55 -0500 |
| commit | 57965c763f38db0b7f48cae40169e52274a936cb (patch) | |
| tree | 8f802a8bb95dfc9d96db330e1608dc094a74e27e /src | |
| parent | b34c5413633ff4faffc626142f0cc83175d94747 (diff) | |
| download | personal-website-57965c763f38db0b7f48cae40169e52274a936cb.tar.gz personal-website-57965c763f38db0b7f48cae40169e52274a936cb.tar.bz2 personal-website-57965c763f38db0b7f48cae40169e52274a936cb.zip | |
Added specs; Modified CSS
Diffstat (limited to 'src')
| -rw-r--r-- | src/layouts/Default.astro | 2 | ||||
| -rw-r--r-- | src/pages/index.astro | 37 | ||||
| -rw-r--r-- | src/styles/index.css | 13 |
3 files changed, 47 insertions, 5 deletions
diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index b54dc35..7b56234 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -4,6 +4,7 @@ interface Props { } const { title } = Astro.props; +import { ViewTransitions } from 'astro:transitions'; import Navbar from '../components/Navbar.astro'; --- @@ -18,6 +19,7 @@ import Navbar from '../components/Navbar.astro'; <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="generator" content={Astro.generator} /> + <ViewTransitions /> <title>{title}</title> </head> <body> diff --git a/src/pages/index.astro b/src/pages/index.astro index 949bae5..b68a55c 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -9,9 +9,12 @@ import '../styles/index.css'; <Layout title="Andrew Lee"> <main class="home"> <div class="headline"> - <Image src={Profile} class="avatar" alt="Andrew Lee" height="200px" width="200px" /> + <Image src={Profile} class="avatar" alt="Andrew Lee" height={200} width={200} /> <h1 id="title">Hey, I'm Andrew Lee!</h1> <div class="social"> + <a href="https://linkedin.alee14.me"> + <Icon name="fa6-brands:linkedin" /> + </a> <a href="https://github.alee14.me"> <Icon name="fa6-brands:github" /> </a> @@ -21,9 +24,6 @@ import '../styles/index.css'; <a href="https://instagram.alee14.me"> <Icon name="fa6-brands:instagram" /> </a> - <a href="https://discord.alee14.me"> - <Icon name="fa6-brands:discord" /> - </a> </div> <div class="description"> <h2>19 Years Old</h2> @@ -41,6 +41,35 @@ import '../styles/index.css'; </div> <div class="box"> <h1>Computer Specs</h1> + <h2>AleePC</h2> + <ul> + <li>OS: Fedora</li> + <li>CPU: AMD Ryzen 3 2200G</li> + <li>RAM: 16 GB DDR4</li> + <li>Storage: 2 TB NVME SSD, 4 TB HDD, 2 TB HDD</li> + <li>GPU: AMD Radeon RX 6600</li> + </ul> + <h2>Synology</h2> + <ul> + <li>Model: DS918+</li> + <li>CPU: Intel Celeron J3455</li> + <li>RAM: 8 GB</li> + <li>Storage: 15 TB (3x5TB, 1x4TB)</li> + </ul> + <h2>Vultr (Web Server)</h2> + <ul> + <li>OS: Ubuntu Server</li> + <li>CPU: Intel Xeon Processor (Skylake, IBRS)</li> + <li>RAM: 1 GB</li> + <li>Storage: 25 GB (and 50 GB for Block Storage)</li> + </ul> + <h2>Proxmox</h2> + <ul> + <li>Model: Lenovo ThinkCentre M800</li> + <li>CPU: Intel Core i5-6500</li> + <li>RAM: 16 GB RAM</li> + <li>Storage: 500 GB SSD, 2 TB SSD</li> + </ul> </div> <div class="box"> <h1>Latest Posts</h1> diff --git a/src/styles/index.css b/src/styles/index.css index fe388ca..5c05c0b 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -21,6 +21,15 @@ h2 { font-size: 2.5vh; } +ul { + padding-left: 20px; + font-size: 1.1em; +} + +p { + font-size: 1.1em; +} + .description { line-height: 0.4; } @@ -41,11 +50,13 @@ h2 { .information { display: flex; flex-direction: column; + flex-wrap: wrap; gap: 2vh; + padding: 30px 30px 30px 30px } .box { - padding: 1vw; + padding: 2px 10px 10px 25px; text-align: left; background: #3B513B; border-radius: 20px; |