Skip to content

Commit

Permalink
overhaul site style + landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
soulwa committed Aug 31, 2024
1 parent 70bd55b commit 61b0850
Show file tree
Hide file tree
Showing 15 changed files with 239 additions and 418 deletions.
63 changes: 25 additions & 38 deletions about/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,43 +11,30 @@
</head>

<body>
<nav id="navbar">
<ul class="bar">
<li>
<a href="/">home</a>
</li>
<li>
<a href="/about">about me</a>
</li>
<li>
<a href="/writing">writing</a>
</li>
<li>
<a href="/resume">resume</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://github.com/soulwa">github</a>
</li>
<li>
<a href="https://soulware.itch.io">itch.io</a>
</li>
</ul>
</nav>
<main>
<h1 class="title"> about me </h1>
<p class="subtitle"><strong></strong></p>
<p>hey! i'm sam, i go by &quot;soulware&quot; in most corners of the web (that i can get the username), and &quot;qsa&quot; in still other parts. here are some things about me</p>
<p>i love computer science. it's really fun to solve problems and understand the tech we use daily inside and out. i've been especially interested in compilers and type theory lately. i'm also a big fan of reverse engineering and decompilation projects</p>
<p>i really like playing, analyzing, and making games. some of them are on itch.io and github. i also love speedrunning but so far i've been more of a spectator. i have <a href="https://www.speedrun.com/tf/run/m79g905y">one submitted run</a> on <a href="https://www.speedrun.com/">speedrun.com</a> and have completed the game <a href="https://www.duetgame.com/">DUET</a> as fast as possible on iOS. i've also dabbled in speedrunning both &quot;Seedling&quot; and &quot;The End is Nigh&quot;. </p>
<p>i also like listening to music a lot. my last.fm is <a href="https://www.last.fm/user/soulware_">here</a>. at the moment i'm enjoying digital hardcore, breakcore, general dnb stuff, &quot;ethereal&quot; music, and various rap genres. some of my favorite artists right now are Machine Girl, miya lowe/evaboy, Sudan Archives, pink siifu, Grouper, Death Grips, Bladee (generally drain gang), Lauren Bousfield, and The Garden.</p>
<p>wow! here's an image of albums made in the 2020s that i really like:</p>
<img src="https:&#x2F;&#x2F;soulware.us&#x2F;processed_images&#x2F;topsters2020-2022.c512c423d7967f87.png" />
<p>here's some websites where i consume media! i use <a href="https://www.backloggd.com/u/soulware/">backloggd</a> to journal games i play. that site is mainly ripped from <a href="https://letterboxd.com/soulware/">letterboxd</a> which is what i use to track movies and (some) tv shows.</p>
<p>last updated 9 Dec 2022</p>
</main>
<div class="content">
<nav id="navbar">
<a href="/">home</a>
<a href="/about">about</a>
<a href="/writing">writing</a>
<a href="/resume">resume</a>
<a href="mailto:[email protected]">email</a>
<a href="https://github.com/soulwa">github</a>
<a href="https://soulware.itch.io">itch.io</a>
</nav>
<main>
<h1 class="title"> about me </h1>
<p class="subtitle"><strong></strong></p>
<h2>(note to reader: quite dated! will be updating soon!)</h2>
<p>hey! i'm sam, i go by &quot;soulware&quot; in most corners of the web (that i can get the username), and &quot;qsa&quot; in still other parts. here are some things about me</p>
<p>i love computer science. it's really fun to solve problems and understand the tech we use daily inside and out. i've been especially interested in compilers and type theory lately. i'm also a big fan of reverse engineering and decompilation projects</p>
<p>i really like playing, analyzing, and making games. some of them are on itch.io and github. i also love speedrunning but so far i've been more of a spectator. i have <a href="https://www.speedrun.com/tf/run/m79g905y">one submitted run</a> on <a href="https://www.speedrun.com/">speedrun.com</a> and have completed the game <a href="https://www.duetgame.com/">DUET</a> as fast as possible on iOS. i've also dabbled in speedrunning both &quot;Seedling&quot; and &quot;The End is Nigh&quot;. </p>
<p>i also like listening to music a lot. my last.fm is <a href="https://www.last.fm/user/soulware_">here</a>. at the moment i'm enjoying digital hardcore, breakcore, general dnb stuff, &quot;ethereal&quot; music, and various rap genres. some of my favorite artists right now are Machine Girl, miya lowe/evaboy, Sudan Archives, pink siifu, Grouper, Death Grips, Bladee (generally drain gang), Lauren Bousfield, and The Garden.</p>
<p>wow! here's an image of albums made in the 2020s that i really like:</p>
<img src="/assets/processed_images/topsters2020-2022.c512c423d7967f87.png" />
<p>here's some websites where i consume media! i use <a href="https://www.backloggd.com/u/soulware/">backloggd</a> to journal games i play. that site is mainly ripped from <a href="https://letterboxd.com/soulware/">letterboxd</a> which is what i use to track movies and (some) tv shows.</p>
<p>last updated 9 Dec 2022</p>
</main>
</div>
</body>

</html>
</html>
6 changes: 5 additions & 1 deletion assets/smb.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
body {
/* TODO: figure out nice dark colors for this */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
Expand Down Expand Up @@ -25,4 +29,4 @@ table td:first-child {
left: 0;
background: #fff;
z-index: 1
}
}
78 changes: 22 additions & 56 deletions assets/style.css
Original file line number Diff line number Diff line change
@@ -1,21 +1,24 @@
#navbar {
position: fixed;
display: flex;
top: 0;
bottom: 0;
left: 0;
width: 10rem;
color: #fbf1c7
body {
font-family: serif;
font-size: 16px;
color: #F8F8FC;
background: #111;
}

div.content {
max-width: 800px;
padding: 2rem;
margin: auto;
}

nav li {
list-style: none;
line-height: 2em
nav {
display: inline-block;
}

nav a {
padding: 0.2em;
text-decoration: none;
color: var(--foreground)
color: var(--foreground);
}

nav a:hover,
Expand All @@ -28,44 +31,8 @@ nav a:visited {
color: var(--link-visited)
}

nav a:active {
color: var(--link-active)
}

@font-face {
font-display: swap;
font-family: "Fira Code";
font-style: normal;
font-weight: 400;
src: url("fonts/FiraCode-Regular.woff") format("woff")
}

@font-face {
font-display: swap;
font-family: "Fira Code";
font-style: normal;
font-weight: 800;
src: url("fonts/FiraCode-Bold.woff") format("woff")
}

body {
font-family: verdana, sans-serif;
font-size: 1rem;
line-height: 1.4;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiasing;
background: var(--background);
color: var(--foreground)
}

main {
max-width: 45rem;
padding: 2rem;
margin: auto
}

main p {
padding-bottom: 1rem
line-height: 1.3;
}

main a {
Expand All @@ -77,16 +44,15 @@ main a:visited {
}

main li {
margin: 0 0 10px 0
}

main article:not(:last-of-type) {
border-bottom: 1px solid var(--border-color)
}

@media only screen and (max-device-width: 736px) {
@media only screen and (max-device-width: 736px) {
main {
padding: 0rem
padding: 0rem;
}
}

Expand All @@ -113,13 +79,13 @@ main article:not(:last-of-type) {

.post-title a {
color: inherit;
text-underline-position: under
text-underline-position: under;
}

.post-title a:visited {
color: var(--accent-visited)
color: var(--accent-visited);
}

.post-excerpt {
margin-top: 0rem
}
margin-top: 0rem;
}
45 changes: 8 additions & 37 deletions blog/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,48 +12,19 @@

<body>
<nav id="navbar">
<ul class="bar">
<li>
<a href="/">home</a>
</li>
<li>
<a href="/about">about me</a>
</li>
<li>
<a href="/writing">writing</a>
</li>
<li>
<a href="/resume">resume</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://github.com/soulwa">github</a>
</li>
<li>
<a href="https://soulware.itch.io">itch.io</a>
</li>
</ul>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/writing">writing</a>
<a href="/resume">resume</a>
<a href="mailto:[email protected]">email</a>
<a href="https://github.com/soulwa">github</a>
<a href="https://soulware.itch.io">itch.io</a>
</nav>
<main>
<div class="container">
<h1 class="title"> blog posts </h1>
</div>
<div class="container">
<ul style="list-style-type: none; padding-left: 0;">
<div class="container">
<li>
<a href="/assets/blog/test/"> hello new world </a>
</li>
</div>
<div class="container">
<li>
<a href="/assets/blog/first/"> hello world! </a>
</li>
</div>
</ul>
</div>
<div class="container"></div>
</main>
</body>

Expand Down
63 changes: 34 additions & 29 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,35 +11,40 @@
</head>

<body>
<nav id="navbar">
<ul class="bar">
<li>
<a href="/">home</a>
</li>
<li>
<a href="/about">about me</a>
</li>
<li>
<a href="/writing">writing</a>
</li>
<li>
<a href="/resume">resume</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://github.com/soulwa">github</a>
</li>
<li>
<a href="https://soulware.itch.io">itch.io</a>
</li>
</ul>
</nav>
<main>
<h1 class="title"> sam (soulware) </h1>
<p> studying computer science and mathematics at Northeastern University </p>
</main>
<div class="content">
<nav id="navbar">
<a href="/">home</a>
<a href="/about">about</a>
<a href="/writing">writing</a>
<a href="/resume">resume</a>
<a href="mailto:[email protected]">email</a>
<a href="https://github.com/soulwa">github</a>
<a href="https://soulware.itch.io">itch.io</a>
</nav>
<main>
<h1 class="title">soulware</h1>
<p> hi, i'm <strong>sam</strong>. </p>
<p> i studied computer science &amp; mathematics at Northeastern University and i'm now pursuing a Masters in computer science. </p>
<p> my main interests in this area are <strong>graphics</strong>, <strong>game development</strong>, and <strong>compilers</strong> (especially: type theory and memory safety)</p>
<p> outside of this, i'm interested in game design, reading/writing creatively, Critical Theory, and music, esp. local to boston </p>
<p>i'll be hacking on this site quite a bit in coming weeks - keep an eye out :-)</p>

<h3> work </h3>
<p> currently, i work at an early-stage startup as a lead engineer while pursuing my Masters
<br />
previously, i worked as a software engineering intern at <a href="https://starry.com/">Starry</a> and <a href="https://warnerbrosgames.com/">Warner Bros Games</a>.
<br />
i was also a TA for Northeastern's <strong>accelerated</strong> fundamentals of computer science course

<h3> games </h3>
<ul>
<li>i helped with most aspects of <a href="https://xenozane.itch.io/darwinism">darwinism</a> for the gmtk 2024 game jam</li>
<li>i helped design and playtest <a href="https://dizzywizards.com/">Dizzy Wizards</a>, a tabletop game you can print and play for free!</li>
<li>i made <a href="https://github.com/soulwa/soulful">soulful</a> back during COVID's quarantine- only code is available. the idea for this game was having a rhythm game where the way you made and played beatmaps was the same.</li>
<li>i made <a href="https://soulware.itch.io/super-no-touchy-flooro"><strong>super</strong> no touchy flooro</a> in high school, based off a game i made as a kid - a platformer with 40+ levels (not all of which are fair..)</li>
<ul>
</main>
</div>
</body>

</html>
2 changes: 1 addition & 1 deletion math/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -262,4 +262,4 @@ <h1>Super Magic Box</h1>
</math>
</p>
<script src="/assets/scripts/smb.js"></script>
</body>
</body>
46 changes: 16 additions & 30 deletions resume/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,36 +11,22 @@
</head>

<body>
<nav id="navbar">
<ul class="bar">
<li>
<a href="/">home</a>
</li>
<li>
<a href="/about">about me</a>
</li>
<li>
<a href="/writing">writing</a>
</li>
<li>
<a href="/resume">resume</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://github.com/soulwa">github</a>
</li>
<li>
<a href="https://soulware.itch.io">itch.io</a>
</li>
</ul>
</nav>
<main>
<h1 class="title"> resume </h1>
<p class="subtitle"><strong></strong></p>
<p>currently working on this. if you need my resume feel free to contact me.</p>
</main>
<div class="content">
<nav id="navbar">
<a href="/">home</a>
<a href="/about">about</a>
<a href="/writing">writing</a>
<a href="/resume">resume</a>
<a href="mailto:[email protected]">email</a>
<a href="https://github.com/soulwa">github</a>
<a href="https://soulware.itch.io">itch.io</a>
</nav>
<main>
<h1 class="title"> resume </h1>
<p class="subtitle"><strong></strong></p>
<p>if you need my resume feel free to contact me.</p>
</main>
</div>
</body>

</html>
Loading

0 comments on commit 61b0850

Please sign in to comment.