Sara/objectionable.solutions
1
0
Fork 0
Code Issues 3 Activity

added button

Browse source
This commit is contained in:
Sara Gerretsen 2025-12-28 19:04:38 +01:00
parent 9bdd487944
commit 104dd781d0
4 changed files with 41 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
button.objectionable.solutions.ase Normal file
View file

Binary file not shown.

BIN
objectionable.solutions/88x31.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 532 B

34
objectionable.solutions/index.html
View file

@ -2,23 +2,28 @@
<html>
<head>
<title>Solutions no one asked for</title>
<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">
<style>
</style>
</head>
<body>
<header>
<header id="top">
<h1>Sara's Objectionable Solutions</h1>
</header>
<main>
<section id="buttons">
<a href="#my-button"><img src="88x31.png" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake, the cursive text reads 'objectionable solutions'"/></a>
<a target="_blank" 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="about">
<h2><a href="#about">Myself</a></h2>
<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 style="height: 8em;">
<img src="favicon.svg" class="image-right" alt="A vector drawing of a blonde white woman wearing a purple tank top and a witch hat. On top of the hat a jackdaw is perched">
<p>
I am 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>
@ -89,9 +94,6 @@
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>
@ -99,6 +101,20 @@
<p>She is adorable :3</p>
</section>
</section>
<section id="my-button">
<h2><a target="_blank" href="#my-button">My Button</a></h2>
<p>
<code>
&lta target="_blank" href="https://objectionable.solutions"&gt&ltimg src="88x31.png" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake, the cursive text reads 'objectionable solutions'"/&gt&lt/a&gt
</code>
</p>
<p>
<a target="_blank" href="https://objectionable.solutions"><img src="88x31.png" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake, the cursive text reads 'objectionable solutions'"/></a>
</p>
</section>
<footer>
<a href="#top">back to top</a>
</footer>
</main>
</body>
</html>

16
objectionable.solutions/style.css
View file

@ -38,6 +38,8 @@ section {
footer {
margin-bottom: 200px;
padding-left: 20px;
padding-right: 20px;
}
h1::before {
@ -59,3 +61,17 @@ h4::before {
img {
max-width: 300px;
}
img.image-right {
float: right;
max-height: 100%;
height: 100%;
margin-left: 20px;
}
img.image-left {
float: left;
max-height: 100%;
height: 100%;
margin-right: 20px;
}