aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.md38
-rw-r--r--styles.css124
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
## 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
-- 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;
+ }
}