\ No newline at end of file
diff --git a/src/components/project.html b/src/components/project.html
new file mode 100644
index 0000000..8da8bde
--- /dev/null
+++ b/src/components/project.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/project/index.html b/src/components/project/index.html
deleted file mode 100644
index 13b2018..0000000
--- a/src/components/project/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/partials/interests.html b/src/partials/interests.html
index 8a555e2..dd84744 100644
--- a/src/partials/interests.html
+++ b/src/partials/interests.html
@@ -4,20 +4,62 @@
That's crazy
-
+
+
+
+ I love listening to the **works** albums from **Diverse System** while I'm working! Here's a 24-hour livestream
+ from them
+
+
+
+
+
- ?
+
- # Coming soon to theaters
+ # Dance Rush
- ## This website is under construction
+ ## Very good game
- We'll get to it, trust
-
+
+
+
+
+
+
+
+
+
+ I also love listening to Diverse System's **AD:** albums in my free time as well. This is a highlight reel of
+ one of my
+ favorites.
+
+
+
+
+
+
+
+
+
+
+ My favorite artist under Diverse System has gotta be **xi**. This is a highlight reel of my favorite album
+ by them.
+
+
+
+
\ No newline at end of file
diff --git a/src/partials/projects.html b/src/partials/projects.html
index bb6784d..8ef4d12 100644
--- a/src/partials/projects.html
+++ b/src/partials/projects.html
@@ -44,7 +44,7 @@
-
+
diff --git a/src/partials/who_we_are.html b/src/partials/who_we_are.html
index 968bb0f..f7d3eaf 100644
--- a/src/partials/who_we_are.html
+++ b/src/partials/who_we_are.html
@@ -29,16 +29,12 @@
Tyson, let's get out of here
-
-
-
-
-
-
-
-
-
-
+
+
+ I think the rest of the card explains enough about me ngl. I don't think another bit of text would add much
+ value
+
+
@@ -134,11 +130,11 @@
You only live once, die trying
-
-
-
-
-
+
+
+ Just a guy making cool stuff for the love of the game. Like fast beep boops too 🎶⚡️
+
+
@@ -165,12 +161,12 @@
Pog
-
-
-
-
-
-
-
+
+
+ I'm a software engineer and computer scientist who loves harnessing the power of technology to solve problems!
+ Ever since I was 7, my specialization has always been in looking for problems to solve, and working with people
+ to solve them.
+
+
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index 8eca2d3..8cfc35f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,5 +1,5 @@
@custom-media --tablet only screen and (max-width: 1200px);
-@custom-media --phone only screen and (max-width: 700px);
+@custom-media --phone only screen and (max-width: 800px);
@custom-media --smaller-phone only screen and (max-width: 500px);
:root {
@@ -39,7 +39,6 @@ center:has(> blockquote) {
margin: 10px auto;
font-size: min(5vw, 22pt);
padding: 15px;
- border-radius: 5px;
}
blockquote {
@@ -91,12 +90,23 @@ blockquote {
padding: 0 40;
}
+.project-alt {
+ flex-direction: row-reverse;
+}
+
.project {
background-color: #484848;
- padding: 16px 24px;
display: flex;
align-items: center;
margin: 32px;
+ padding: 24px;
+ border-radius: 5rem;
+
+ iframe {
+ width: 100%;
+ aspect-ratio: 16/9;
+ margin: 16pt 0;
+ }
&>div {
padding: 16px;
@@ -104,22 +114,67 @@ blockquote {
@media (--phone) {
flex-direction: column;
- padding: 18px;
+ padding: 32px;
&>div {
padding-top: 0;
padding-bottom: 0;
}
+ }
+
+ @media (--smaller-phone) {
+ margin: 8px;
p {
font-size: 14pt;
}
+
+ iframe {
+ margin: 14pt 0;
+ }
+ }
+}
+
+
+.interest {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+
+ .person {
+ width: 128px;
+ margin: 25px;
+ }
+
+ .project {
+ border-radius: 5rem;
+ padding: 36px;
+ }
+
+ @media (--tablet) {
+ flex-direction: column;
+ align-items: flex-start;
+ padding: 18px;
+
+ &.project-alt {
+ align-items: flex-end;
+ }
+ }
+
+ @media (--smaller-phone) {
+ .project {
+ margin: 0;
+ }
}
}
.project-title {
min-width: 275px;
+ @media (--smaller-phone) {
+ min-width: 0;
+ }
+
h1 {
font-size: 24pt;
margin: 0;
@@ -160,7 +215,7 @@ blockquote {
border-bottom: solid 6px #eee;
}
- @media (--smaller-phone) {
+ @media only screen and (max-width: 550px) {
flex-direction: column;
a {
@@ -189,9 +244,6 @@ blockquote {
}
}
-.project-alt {
- flex-direction: row-reverse;
-}
.person {
clip-path: circle(50%);
+ 
+