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

attempt to fix profile image

Browse source
This commit is contained in:
Sara Gerretsen 2025-12-29 12:52:38 +01:00
parent 5b1a62e79a
commit 26ea90250c
2 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

6
objectionable.solutions/index.html
View file

@ -15,9 +15,9 @@
<main> <main>
<section id="about"> <section id="about">
<h2><a href="#about">About Me</a></h2> <h2><a href="#about">About Me</a></h2>
<section style="height: 8em;"> <section>
<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"> <img src="favicon.svg" class="image-right" style="height: 8em;" 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 style="width: 70%">
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>. 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>

21
objectionable.solutions/style.css
View file

@ -76,14 +76,6 @@ img {
var(--color-br-border) var(--color-tl-border); var(--color-br-border) var(--color-tl-border);
} }
img.image-right {
float: right;
max-height: 100%;
height: 100%;
width: fit-content;
margin-left: 20px;
}
img.image-left { img.image-left {
float: left; float: left;
max-height: 100%; max-height: 100%;
@ -92,9 +84,22 @@ img.image-left {
margin-right: 20px; margin-right: 20px;
} }
img.image-right {
float: right;
max-height: 100%;
height: 100%;
width: fit-content;
margin-left: 20px;
}
img.button { img.button {
border-radius: 0; border-radius: 0;
border: 0; border: 0;
width: 110px; width: 110px;
image-rendering: pixelated; image-rendering: pixelated;
} }
@media screen and (width <= 80rem) {
img.image-left {}
img.image-right {}
}