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> <html>
<head> <head>
<title>Solutions no one asked for</title> <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="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="favicon.svg" type="image/svg+xml"> <link rel="icon" href="favicon.svg" type="image/svg+xml">
<style> <style>
</style> </style>
</head> </head>
<body> <body>
<header> <header id="top">
<h1>Sara's Objectionable Solutions</h1> <h1>Sara's Objectionable Solutions</h1>
</header> </header>
<main> <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"> <section id="about">
<h2><a href="#about">Myself</a></h2> <h2><a href="#about">Myself</a></h2>
<section> <section style="height: 8em;">
<img src="favicon.svg" style="display: inline-block; width: 200px; height: 200px"> <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> <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>. 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> </p>
</section> </section>
<section><ul> <section><ul>
<li>Nouns: Sara / Saar / She / They / Woman / Girl (no preference)</li> <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. 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> </p>
</section> </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"> <section id="cat">
<h2><a href="#cat">Look At My Stupid Cat</a></h2> <h2><a href="#cat">Look At My Stupid Cat</a></h2>
<section> <section>
@ -99,6 +101,20 @@
<p>She is adorable :3</p> <p>She is adorable :3</p>
</section> </section>
</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> </main>
</body> </body>
</html> </html>

16
objectionable.solutions/style.css
View file

@ -38,6 +38,8 @@ section {
footer { footer {
margin-bottom: 200px; margin-bottom: 200px;
padding-left: 20px;
padding-right: 20px;
} }
h1::before { h1::before {
@ -59,3 +61,17 @@ h4::before {
img { img {
max-width: 300px; 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;
}