1
0
Fork 0

Compare commits

...

3 commits

Author SHA1 Message Date
a1092a0fbb redid colors 2025-12-28 16:48:17 +01:00
4aac8e2b7d adjusted about me section 2025-12-28 16:47:30 +01:00
6427036d85 added favicon 2025-12-28 16:47:16 +01:00
4 changed files with 215 additions and 26 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 719 KiB

View file

@ -3,8 +3,9 @@
<head>
<title>Solutions no one asked for</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style>
</style>
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<style>
</style>
</head>
<body>
<header>
@ -12,28 +13,21 @@
</header>
<main>
<section id="about">
<p>
I'm a Dutch Game Development student and programmer. This particular site is just a personal page to throw ideas and thingamabobs onto.
</p>
<p>
When it comes to programming I love working on graphical applications. Preferably some kind of GUI or simulation or game. I write mostly in C, or C++ (written as if it's C with templates).
<a href="./the-big-list.html#tools">I prefer using libre and open source software where I can</a>.
</p>
</section>
<section id="buttons">
<a href="https://www.rejectconvenience.com/"><img src="https://www.rejectconvenience.com/images/88x31/88x31.jpg" title="Reject convenience and be kind and patient" alt="Reject Convenience" /></a>
</section>
<section>
<h2><a href="#about">Myself</a></h2>
<ul>
<section>
<img src="favicon.svg" style="display: inline-block; width: 200px; height: 200px">
<p>
I'm a Dutch Game Development student and programmer. This particular site is just a personal page to throw ideas and thingamabobs onto. When it comes to programming I love working on graphical applications. Preferably some kind of GUI or simulation or game. <a href="the-big-list.html#tools">I prefer using libre and open source software where I can</a>.
</p>
</section>
<section><ul>
<li>Nouns: Sara / Saar / She / They / Woman / Girl (no preference)</li>
<li>Honorifics: Hx / Mg / Ms (no preference)</li>
<li>Age: Born in 2004 (so an adult)</li>
<li>Gender: Some kind of woman or other</li>
<li>Languages: Dutch (native) and English (fluent)</li>
<li>Romantic Orientation: <a target="_blank" href="https://app.wafrn.net/blog/Eclypia">Them</a></li>
</ul>
</ul></section>
</section>
<section id="friends">
<h2><a href="#friends">My Friends around the web</a></h2>
@ -95,6 +89,9 @@
The idea is that in the current age of the internet, one where search engines barely work and are filled with adverts and LLM-generated bullshit. By sharing what we like and trust, we can help others find new sources they like and trust more easily.
</p>
</section>
<section id="buttons">
<a href="https://www.rejectconvenience.com/"><img src="https://www.rejectconvenience.com/images/88x31/88x31.jpg" title="Reject convenience and be kind and patient" alt="Reject Convenience" /></a>
</section>
<section id="cat">
<h2><a href="#cat">Look At My Stupid Cat</a></h2>
<section>

View file

@ -1,11 +1,15 @@
:root {
--foreground-color: #EEE;
--background-color: #4443;
--color-background: #451284;
--color-panels: #220842;
--color-br-border: #A188C1;
--color-tl-border: #624881;
--color-links: #A188C1;
--color-text: white;
}
body {
background-color: #000020;
color: var(--foreground-color);
background-color: var(--color-background);
color: var(--color-text);
font-family: system-ui;
margin-right: auto;
margin-left: auto;
@ -13,17 +17,23 @@ body {
}
a {
color: #844dff;
color: var(--color-links);
}
a:hover {
color: color-mix(in hsl, var(--color-links), white 50%);
border: solid var(--color-tl-border) 1px;
}
section {
border-radius: 1px;
border: solid var(--foreground-color) 1px;
background-color: var(--background-color);
border-radius: 5px;
border: solid black 1px;
background-color: color-mix(in srgb, var(--color-panels), transparent 10%);
padding: 0.5em;
margin: 10px;
margin-top: 25px;
border-color: #999;
border-color: var(--color-tl-border) var(--color-br-border)
var(--color-br-border) var(--color-tl-border);
}
footer {

View file

@ -5,6 +5,7 @@
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
</head>
<body>
<header>