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

wrapped sample button html in detail tags

Browse source
This commit is contained in:
Sara Gerretsen 2025-12-30 19:48:34 +01:00
parent b904b0c0bd
commit 1741ce4382
2 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
objectionable.solutions/style.css
View file

@ -28,7 +28,7 @@ a:hover {
border: solid var(--color-tl-border) 1px; border: solid var(--color-tl-border) 1px;
} }
section { section, details {
border-radius: 2px; border-radius: 2px;
border: solid black 2px; border: solid black 2px;
border-color: var(--color-tl-border) var(--color-br-border) border-color: var(--color-tl-border) var(--color-br-border)

22
objectionable.solutions/the-big-list.html
View file

@ -200,27 +200,22 @@
<h2><a href="#buttons">Buttons</a></h2> <h2><a href="#buttons">Buttons</a></h2>
<section> <section>
<p>Here's my personal webpage's button. Feel free to add it to your own personal page if you want to. Just don't imply I condone whatever it's next to.</p> <p>Here's my personal webpage's button. Feel free to add it to your own personal page if you want to. Just don't imply I condone whatever it's next to.</p>
<p><code> <p><a href="index.html"><img src="88x31.bmp" class="button" style="width:200px" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake. Cursive text reads 'objectionable solutions' above the star"/></a></p>
<details><summary>Sample HTML</summary><code>
&lta href="https://objectionable.solutions"&gt &lta 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. Cursive text reads 'objectionable solutions' above the star"/&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. Cursive text reads 'objectionable solutions' above the star"/&gt
&lt/a&gt &lt/a&gt
</code></p> </code></details>
<p><a href="index.html"><img src="88x31.bmp" class="button" style="width:200px" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake. Cursive text reads 'objectionable solutions' above the star"/></a></p>
</section> </section>
<section> <section>
<p>I also made the "Link the world" button on top of the index page, if you feel like using that one. It's just an image link on it's own, but you can always link it to your own web directory.</p> <p>I also made the "Link the world" button on top of the index page, if you feel like using that one. It's just an image link on it's own, but you can always link it to your own web directory.</p>
<p><code>
&ltimg src="https://objectionable.solutions/88x31_webdirectories.bmp" class="button" alt="88x31 pixel button saying 'make a web directory/link the world'" title="Link the World/Make a Web Directory"&gt
</code></p>
<p><img src="88x31_webdirectories.bmp" class="button" style="width:200px" alt="88x31 pixel button saying 'make a web directory/link the world'" title="Link the World/Make a Web Directory"></p> <p><img src="88x31_webdirectories.bmp" class="button" style="width:200px" alt="88x31 pixel button saying 'make a web directory/link the world'" title="Link the World/Make a Web Directory"></p>
<details><summary>Sample HTML</summary><code>
&ltimg src="https://objectionable.solutions/88x31_webdirectories.bmp" class="button" alt="88x31 pixel button saying 'make a web directory/link the world'" title="Link the World/Make a Web Directory"&gt
</code></details>
</section> </section>
<section> <section>
<p>And a Forgejo button that, on my homepage, I link to my instance git.objectionable.solutions. It's free to use if you want to, so you can link it to your own instance if you feel like it.</p> <p>And a Forgejo button that, on my homepage, I link to my instance git.objectionable.solutions. It's free to use if you want to, so you can link it to your own instance if you feel like it.</p>
<p><code>
&lta href="https://forgejo.org/"&gt
&ltimg src="https://objectionable.solutions/88x31_forge.bmp" class="button" alt="88x31 button that has stylised text saying 'forge' and a small illustration of a hammer hitting an empty html tag on an anvil"/&gt
&lt/a&gt
</code></p>
<p><a href="https://forgejo.org"> <p><a href="https://forgejo.org">
<img src="88x31_forge.bmp" class="button" style="width:200px" alt="88x31 button that has stylised text saying 'forge' and a small illustration of a hammer hitting an empty html tag on an anvil"/> <img src="88x31_forge.bmp" class="button" style="width:200px" alt="88x31 button that has stylised text saying 'forge' and a small illustration of a hammer hitting an empty html tag on an anvil"/>
</a></p> </a></p>
@ -228,6 +223,11 @@
This button adapts the forgejo logo, created by <a href="https://caesarschinas.com/" rel="nofollow">Caesar Schinas</a> and is licensed under the This button adapts the forgejo logo, created by <a href="https://caesarschinas.com/" rel="nofollow">Caesar Schinas</a> and is licensed under the
<a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="nofollow">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license</a>. <a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="nofollow">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license</a>.
</p> </p>
<details><summary>Sample HTML</summary><code>
&lta href="https://forgejo.org/"&gt
&ltimg src="https://objectionable.solutions/88x31_forge.bmp" class="button" alt="88x31 button that has stylised text saying 'forge' and a small illustration of a hammer hitting an empty html tag on an anvil"/&gt
&lt/a&gt
</code></details>
</section> </section>
<section> <section>
<p> <p>