Skip to content

Commit 0b62ea0

Browse files
lith-xlith-x
committed
update
1 parent 1729ea4 commit 0b62ea0

3 files changed

Lines changed: 38 additions & 78 deletions

File tree

‎src/pages/index.astro‎

Lines changed: 29 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -11,44 +11,48 @@ import { Image } from "astro:assets";
1111
<meta name="viewport" content="width=device-width" />
1212
<meta name="generator" content={Astro.generator} />
1313
<title>Site for Aaron :)</title>
14+
<script src="./background-anim.ts"></script>
1415
</head>
15-
<body>
16-
<div class="name-header">
17-
<h1 class="glow-anim">Aaron Zandt</h1>
18-
<a href="https://github.com/lith-x">
16+
<body
17+
class="h-full bg-gradient-to-tr from-black from-50% via-purple-900 via-[80%] to-purple-950 to-90% bg-black text-white bg-no-repeat p-[6vw]"
18+
>
19+
<canvas id="bg-canvas" class="absolute top-0 left-0 -z-10 w-screen h-screen opacity-25">Browser doesn't support canvas :/</canvas>
20+
<div class="flex ">
21+
<a class="self-center" href="https://github.com/lith-x">
1922
<Image
2023
src={githubLogo}
2124
alt="GitHub Profile"
22-
class="gh-logo glow-anim"
25+
class="gh-logo glow-anim scale-[0.55]"
2326
/>
2427
</a>
28+
<h1 class="text-7xl glow-anim self-center">Aaron Zandt</h1>
2529
</div>
2630
<br />
27-
<h2>About me</h2>
28-
<ul>
29-
<li>
31+
<h2 class="text-4xl pb-4">About me</h2>
32+
<ul class="w-[80%] list-[square] list-outside pl-3.5 pb-7">
33+
<li class="pb-3.5">
3034
Inspired by a friend in middle school making websites, I began with
3135
HTML, then quickly moved onto learning the basics of programming with
3236
Python.
3337
</li>
34-
<li>
38+
<li class="pb-3.5">
3539
Went on to learn Typescript and other technologies regarding web
36-
development (webpack, I think it was), with plugins galore to try to
40+
development (webpack, et al.), with plugins galore to try to
3741
make the DevEx similar to what vite is today. Picked up other languages
3842
like Java through Minecraft modding.
3943
</li>
40-
<li>
44+
<li class="pb-3.5">
4145
Went to university where I honed in on several skills and idioms, like
4246
OOP, Java, Python, Assembly, C, C++. All the way through using
4347
Typescript with <a href="https://tsx.is/">tsx</a> as a handy scripting language.
4448
</li>
45-
<li>
49+
<li class="pb-3.5">
4650
After years of going in and out of school to work and trying to find my
4751
way in life, I finally graduated from <a href="https://www.unomaha.edu/"
4852
>UNO</a
4953
> with a Bachelor's in CompSci with a minor in mathematics.
5054
</li>
51-
<li>
55+
<li class="pb-3.5">
5256
Recently inspired by the Youtube channel <a
5357
href="https://www.youtube.com/@TsodingDaily">Tsoding Daily</a
5458
> and subsequently Casey Muratori's <a
@@ -58,30 +62,30 @@ import { Image } from "astro:assets";
5862
ground-up understanding, intentful design and architecture,
5963
performance-oriented procedural code.
6064
</li>
61-
<li>
65+
<li class="pb-3.5">
6266
Now trying to get around to work on things to show off and improve on as
6367
a developer. :)
6468
</li>
6569
</ul>
66-
<br /><br />
67-
<h2>Projects</h2>
68-
<ul>
69-
<li>
70-
<span class="project-name"
71-
><a href="https://github.com/lith-x/Capstone-project"
72-
>Capstone project</a
73-
></span
70+
<h2 class="text-4xl pb-4">Projects</h2>
71+
<ul class="w-[80%] list-[square] list-outside pl-3.5 pb-7">
72+
<li class="pb-3.5">
73+
<a
74+
class="font-bold italic [font-variant:small-caps]"
75+
href="https://github.com/lith-x/Capstone-project">Capstone project</a
7476
> - For my capstone, I worked with a lovely team for Northrop Grumman. We
7577
collaborated on creating a plugin for the Android application <a
7678
href="https://tak.gov/">ATAK</a
7779
> to geolocate devices outside the network through Bluetooth signalling.
7880
</li>
79-
<li>
80-
<span class="project-name"
81-
><a href="https://github.com/lith-x/leetcode">Leet code</a></span
81+
<li class="pb-3.5">
82+
<a
83+
class="font-bold italic [font-variant:small-caps]"
84+
href="https://github.com/lith-x/leetcode">Leet code</a
8285
> - A repository of leet code problems that have required local development
8386
and/or debugging across multiple platforms.
8487
</li>
8588
</ul>
8689
</body>
90+
<script src="./background-anim.ts"></script>
8791
</html>

‎src/styles/global.css‎

Lines changed: 1 addition & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -5,63 +5,14 @@ html {
55
height: 100%;
66
}
77

8-
body {
9-
background: linear-gradient(
10-
to top right,
11-
var(--color-black) 50%,
12-
var(--color-purple-900) 80%,
13-
var(--color-purple-950) 95%
14-
),
15-
var(--color-black);
16-
background-repeat: no-repeat;
17-
color: var(--color-white);
18-
padding: 5em;
19-
}
20-
21-
h1 {
22-
font-size: 4em;
23-
}
24-
25-
h2 {
26-
font-size: 2.25em;
27-
}
28-
29-
ul {
30-
width: 60%;
31-
list-style: square outside;
32-
padding-left: 2em;
33-
}
34-
35-
li {
36-
padding-bottom: 0.65em;
37-
}
38-
39-
.project-name {
40-
font-weight: bold;
41-
font-style: italic;
42-
font-variant: small-caps;
43-
}
44-
458
a {
469
color: var(--color-gray-400);
4710
}
4811

49-
.about-me-title {
50-
font-weight: bold;
51-
}
52-
53-
.name-header {
54-
display: flex;
55-
}
56-
57-
.gh-logo {
58-
transform: scale(0.6, 0.6);
59-
}
60-
6112
.glow-anim {
6213
transition: filter 0.3s;
6314
}
6415
.glow-anim:hover {
6516
filter: drop-shadow(0 0 4px #6a82fb) drop-shadow(0 0 8px #fc5c7d)
6617
drop-shadow(0 0 16px #6a82fb);
67-
}
18+
}

‎tsconfig.json‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
{
22
"extends": "astro/tsconfigs/strict",
3-
"include": [".astro/types.d.ts", "**/*"],
4-
"exclude": ["dist"]
5-
}
3+
"include": [
4+
".astro/types.d.ts",
5+
"**/*"
6+
],
7+
"exclude": [
8+
"dist"
9+
]
10+
}

0 commit comments

Comments
 (0)