update about page

2 files changed, 88 insertions, 74 deletions

diff --git a/index.md b/index.md
index 42905fe..b160ae1 100644
--- a/index.md
+++ b/index.md
@@ -1,32 +1,34 @@
 # Welcome
 
-Welcome to my very own site on the world wide web! I'm a software developer and
-pixel artist that primarily makes video games.
+Welcome to my very own site on the world wide web! I'm a programmer and pixel
+artist, plus a wannabe game dev.
 
-I started programming in when I was ~12 with Python. I'm 20 now, and I make
-games in C and Lua. I also continually try out somewhat obscure low level
-programming languages, like Odin or C3.
+I started programming in Python when I was 12. I'm 20 now, and I make games
+mostly in C and sometimes Lua. I also continually try out new programming
+languages to try and find something better than the C and Lua pair, but so far
+I haven't found anything.
 
-## Friends
+If you want to see my projects, go check out my [git
+server](https://git.iamcheeseman.net).
 
-- [Dot32](https://dot32.dev/)
-- [Tturna](https://tturna.com/)
-- [Bar](https://detkewldog.netlify.app/)
+And if you want to talk to me, send an email to
+[[email protected]](mailto:[email protected]).
 
 ## Software That I Use
 
-- [Neovim](https://neovim.io)
-- [BSPWM](https://github.com/baskerville/bspwm)
-- [Tsarbar](/projects#tsarbar)
+- [Vim](https://www.vim.org/)
+- [dwm](https://dwm.suckless.org)
 - [st](https://st.suckless.org/)
+- [dmenu](https://tools.suckless.org/dmenu/)
 - [TCC](https://www.bellard.org/tcc/)
-- ~~[Aseprite](https://www.aseprite.org/)~~ (Not FOSS)
+- [Aseprite](https://www.aseprite.org/) (Not FOSS)
 
-## Contact Info
+## Socials
 
-- E-Mail: [email protected]
-- Matrix: iamcheeseman:matrix.tturna.com
+All I have is [YouTube](https://www.youtube.com/@iamcheeseman). :)
 
-## Socials
+## Best Buds
 
-- [YouTube](https://www.youtube.com/@iamcheeseman)
+- [Dot32](https://dot32.dev/)
+- [Tturna](https://tturna.com/)
+- [Bar](https://detkewldog.netlify.app/)
diff --git a/styles.css b/styles.css
index 97f566c..83f4d77 100644
--- a/styles.css
+++ b/styles.css
@@ -1,129 +1,141 @@
 :root {
-  --bg-color: #ffd1f0;
-  --bg-color-2: #86c693;
-  --bg-color-2-hov: #b8f5b4;
-  --fg-color: #493b44;
-  --fg-color-2: #1a271d;
+    --bg-color: #ffd1f0;
+    --bg-color-2: #86c693;
+    --bg-color-2-hov: #b8f5b4;
+    --fg-color: #493b44;
+    --fg-color-2: #1a271d;
 
-  background: var(--bg-color);
-  color: var(--fg-color);
-  
-  font-family: monospace;
-  font-size: 16pt;
+    background: var(--bg-color);
+    color: var(--fg-color);
 
-  -webkit-transition: none !important;
-  -moz-transition: none !important;
-  -ms-transition: none !important;
-  -o-transition: none !important;
-  transition: 0.2s;
+    font-family: monospace;
+    font-size: 16pt;
+
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+    transition: 0.2s;
 }
 
 body {
-  padding: 1em;
+    padding: 1em;
 }
 
 #content {
-  width: 1000px;
+    width: 1000px;
 }
 
 div.header {
 }
 
+ul {
+    list-style-type: none;
+}
+
+ul li {
+    text-indent: -2em;
+}
+
+ul li:before {
+    content: "- ";
+}
+
 #header {
-  margin-bottom: 1em;
+    margin-bottom: 1em;
 }
 
 #header td {
-  color: black;
+    color: black;
 }
 
 #header .logo img {
-  display: block;
-  height: 3em;
-  margin-right: 10px;
+    display: block;
+    height: 3em;
+    margin-right: 10px;
 }
 
 #content img {
-  display: block;
-  margin: auto !important;
-  max-width: 40vw;
-  max-height: 30vw;
-  border: solid 1px black;
+    display: block;
+    margin: auto !important;
+    max-width: 40vw;
+    max-height: 30vw;
+    border: solid 1px black;
 }
 
 #content p {
-  text-indent: 2ch;
+    text-indent: 2ch;
 }
 
 a, a:visited {
-  color: var(--fg-color) !important;
-  transition: background 2s;
+    color: var(--fg-color) !important;
+    transition: background 2s;
 }
 
 a:hover {
-  color: var(--fg-color-2) !important;
-  background: var(--bg-color-2);
-  transition: background 0.2s;
+    color: var(--fg-color-2) !important;
+    background: var(--bg-color-2);
+    transition: background 0.2s;
 }
 
 .tabs a {
-  margin-right: 2ch;
+    margin-right: 2ch;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: black;
-  font-size: 1rem;
+    color: black;
+    font-size: 1rem;
 }
 
 h1 {
-  border-bottom: solid 2px black;
+    border-bottom: solid 2px black;
 }
 
 h2 {
-  border-bottom: dotted 2px black;
+    border-bottom: dotted 2px black;
 }
 
 h4, h5, h6 {
-  font-weight: normal;
+    font-weight: normal;
 }
 
 h1:before {
-  content: "# ";
-  color: var(--bg-color-2) !important;
+    content: "# ";
+    color: var(--bg-color-2) !important;
 }
 
 h2:before {
-  content: "## ";
-  color: var(--bg-color-2) !important;
+    content: "## ";
+    color: var(--bg-color-2) !important;
 }
 
 h3:before {
-  content: "### ";
-  color: var(--bg-color-2) !important;
+    content: "### ";
+    color: var(--bg-color-2) !important;
 }
 
 h4:before {
-  content: "#### ";
-  color: var(--bg-color-2) !important;
+    content: "#### ";
+    color: var(--bg-color-2) !important;
 }
 
 h5:before {
-  content: "##### ";
-  color: var(--bg-color-2) !important;
+    content: "##### ";
+    color: var(--bg-color-2) !important;
 }
 
 h6:before {
-  content: "###### ";
-  color: var(--bg-color-2) !important;
+    content: "###### ";
+    color: var(--bg-color-2) !important;
 }
 
 hr {
-  border: none;
-  border-bottom: solid 2px black;
+    border: none;
+    border-bottom: solid 2px black;
 }
 
 @media(max-width: calc(1000px + 3em + 8px)) {
-  #content {
-    width: auto !important;
-  }
+    #content {
+        width: auto !important;
+    }
 }