amberisvibin/ambersplace.net
1
0
Fork 0
Code Issues Pull Requests Activity

css updates to links

Browse Source
This commit is contained in:
Amber
2023-05-06 23:59:03 -04:00
parent 2b0cfced8c
commit eea7c3cab3
5 changed files with 70 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
computers.html
View File

@@ -13,10 +13,10 @@
<h2>main desktop</h2>
<figure>
<a href="images/photos/full/mainpc_full.jpg">
<a href="images/photos/full/mainpc_full.jpg" class="link-image">
<img src="images/photos/mainpc.jpg" alt="computer" width="256" height="192 ">
</a>
<a href="images/photos/full/mainpc_open_full.jpg">
<a href="images/photos/full/mainpc_open_full.jpg" class="link-image">
<img src="images/photos/mainpc_open.jpg" alt="an open computer" width="256" height="192 ">
</a>
<figcaption>This is my main pc. It's a ryzen 5 3600 with an rx 5700xt and 16gb of ddr4 3600. It dual-boots ubuntu
@@ -26,7 +26,7 @@
<h2>pentium iii system</h2>
<figure>
<a href="images/photos/full/pentiumiii_full.jpg">
<a href="images/photos/full/pentiumiii_full.jpg" class="link-image">
<img src="images/photos/pentiumiii.jpg" alt="dell tower" width="192" height="256">
</a>
<figcaption>This is my windows 98 machine. It's a dell dimension xps d300 case sporting a pentum 3 700mhz with a
@@ -38,7 +38,7 @@
<h2>main laptop</h2>
<figure>
<a href="images/photos/full/zenbook_full.jpg">
<a href="images/photos/full/zenbook_full.jpg" class="link-image">
<img src="images/photos/zenbook.jpg" alt="laptop" width="192" height="256">
</a>
<figcaption>This is my main laptop. It's got a ryzen 5 5500u with integrated and nvidia mx450 graphics and 8gb of
@@ -48,10 +48,10 @@
<h2>2009 mac pro</h2>
<figure>
<a href="images/photos/full/macpro_full.jpg">
<a href="images/photos/full/macpro_full.jpg" class="link-image">
<img src="images/photos/macpro.jpg" alt="mac pro" width="196" height="256">
</a>
<a href="images/photos/full/macpro-desktop_full.jpg">
<a href="images/photos/full/macpro-desktop_full.jpg" class="link-image">
<img src="images/photos/macpro-desktop.jpg" alt="mac pro showing the desktop" width="256" height="192">
</a>
<figcaption>This is my 2009 mac pro. It has dual xeon x5570s for 8 total cores with a gt 120 and 16gb of ddr3
@@ -73,7 +73,7 @@
<h2>powerbook g4</h2>
<figure>
<a href="images/photos/full/powerbook_full.jpg">
<a href="images/photos/full/powerbook_full.jpg" class="link-image">
<img src="images/photos/powerbook.jpg" alt="powerbook" width="196" height="256">
</a>
<figcaption>This is my powerbook g4. It has a powerpc g4 running at 1.67ghz, radeon 9700 128mb graphics, and 2gb
@@ -84,7 +84,7 @@
<h2>thinkpad t400</h2>
<figure>
<a href="images/photos/full/t400_full.jpg">
<a href="images/photos/full/t400_full.jpg" class="link-image">
<img src="images/photos/t400.jpg" alt="thinkpad" width="196" height="256">
</a>
<figcaption>This is my thinkpad t400. It has a core 2 duo (something or other) with gm45 graphics and 8gb of
@@ -95,7 +95,7 @@
<h2>tandy coco 2</h2>
<figure>
<a href="images/photos/full/coco_full.jpg">
<a href="images/photos/full/coco_full.jpg" class="link-image">
<img src="images/photos/coco.jpg" alt="tandy color computer 2" width="210" height="256">
</a>
<figcaption>I haven't gotten a lot of work done with this machine, but I like it a lot! I've been meaning to set up
@@ -104,7 +104,7 @@
<h2>mac plus</h2>
<figure>
<a href="images/photos/full/macplus_full.jpg">
<a href="images/photos/full/macplus_full.jpg" class="link-image">
<img src="images/photos/macplus.jpg" alt="mac plus" width="196" height="256">
</a>
<figcaption>This is a mac plus. It is stock except for 4mb of ram. I got it for cheap without a keyboard or
@@ -117,7 +117,7 @@
<h2>imac 2007</h2>
<figure>
<a href="images/photos/full/imac_full.JPG">
<a href="images/photos/full/imac_full.JPG" class="link-image">
<img src="images/photos/imac.JPG" alt="imac" width="192" height="256">
</a>
<figcaption>This is my 2007 (?) imac. It's got an upgraded core 2 duo of some kind and 4gb of ram. It currently
@@ -128,7 +128,7 @@
<h2>emachines small tower</h2>
<figure>
<a href="images/photos/full/emachines_full.jpg">
<a href="images/photos/full/emachines_full.jpg" class="link-image">
<img src="images/photos/emachines.jpg" alt="emachines tower" width="192" height="256">
</a>
<figcaption>This is a small emachines tower from 2009. It's got an athlon ii x220 and 8gb of ram, with a 1tb

BIN
images/badges/linuxnow_restore.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

85
index.html
View File

@@ -15,7 +15,7 @@
<body>
<h1>welcome to amber's place~</h1>
<a href="images/pfp.png"><img src="images/pfp_256.png" alt="a picrew profile picture of a girl with pink hair and
<a href="images/pfp.png" class="link-image"><img src="images/pfp_256.png" alt="a picrew profile picture of a girl with pink hair and
glasses next to a cat. the girl has a speech bubble with the lesbian flag in it." width="256" height="256"></a>
<p>i'm a tired transbian and i want to put shit on the internet.</p>
@@ -86,49 +86,46 @@
<img src="images/transfem.gif" alt="trans fem are so cool" width="150" height="20" style="border:none;">
<br>
<br>
<!-- Removed cause they don't look good lol. gonna have to make my own i think -->
<!-- <a href="https://html5.validator.nu/?doc=https%3A%2F%2Fambersplace.neocities.org%2F"
title="Validation of HTML5 Conformance" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/html5-validator-badge.png" alt="HTML5 Valid"
style="border:none;"></a>
<a href="https://www.w3.org/WAI/WCAG2AA-Conformance" title="Explanation of WCAG 2 Level AA conformance"
target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/wcag2.1AA-v.png"
alt="Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1" style="border:none;"></a> -->
<img height="31" width="88" src="/images/badges/anybrow.gif" alt="Any broswer" style="border:none;">
<img height="31" width="88" src="/images/badges/cybergirls.gif" alt="Cybergirls" style="border:none;">
<img height="31" width="88" src="/images/badges/gay.png" alt="Gay flag" style="border:none;">
<img height="31" width="88" src="/images/badges/trans.png" alt="Trans flag" style="border:none;">
<img height="31" width="88" src="/images/badges/linuxnow.jpg" alt="Linux now" style="border:none;">
<img height="31" width="88" src="/images/badges/anti_nft_b.png" alt="Anti nft" style="border:none;">
<img height="31" width="88" src="/images/badges/slimesnow.png" alt="Slimes now" style="border:none;">
<img height="31" width="88" src="/images/badges/anarchynow.gif" alt="Anarchy now" style="border:none;">
<img height="31" width="88" src="/images/badges/piracy.gif" alt="Piracy now" style="border:none;">
<img height="31" width="88" src="/images/badges/queer.png" alt="Queer pride" style="border:none;">
<img height="31" width="88" src="/images/badges/acab.gif" alt="ACAB" style="border:none;">
<img height="31" width="88" src="/images/badges/amber.gif" alt="ambersplace" style="border:none;">
<img height="31" width="88" src="/images/badges/pronouns.gif" alt="pronouns" style="border:none;">
<img height="31" width="88" src="/images/badges/hashtaggirl.gif" alt="hashtag girl" style="border:none;">
<a href="https://archlinux.org/"
title="Arch Linux" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/archlinux.gif" alt="archlinux" style="border:none;">
</a>
<a href="https://maia.crimew.gay/"
title="maia.crimew.gay" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/maia.crimew.gay.png" alt="archlinux" style="border:none;">
</a>
<a href="https://lunasn0wfall.neocities.org/"
title="lunasn0wfall" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/pawjob.gif" alt="lunasn0wfall" style="border:none;">
</a>
<a href="https://neocities.org/"
title="Neocities" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/neocities_88x31.gif" alt="neocities" style="border:none;">
</a>
<a href="https://www.tumblr.com/"
title="Tumblr" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/tumblr.png" alt="tumblr" style="border:none;">
</a>
<div class="buttons" >
<!-- Removed cause they don't look good lol. gonna have to make my own i think -->
<!-- <a href="https://html5.validator.nu/?doc=https%3A%2F%2Fambersplace.neocities.org%2F"
title="Validation of HTML5 Conformance" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/html5-validator-badge.png" alt="HTML5 Valid"
style="border:none;"></a>
<a href="https://www.w3.org/WAI/WCAG2AA-Conformance" title="Explanation of WCAG 2 Level AA conformance"
target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/wcag2.1AA-v.png"
alt="Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1" style="border:none;"></a> -->
<img height="31" width="88" src="/images/badges/anybrow.gif" alt="Any broswer" style="border:none;">
<img height="31" width="88" src="/images/badges/cybergirls.gif" alt="Cybergirls" style="border:none;">
<img height="31" width="88" src="/images/badges/gay.png" alt="Gay flag" style="border:none;">
<img height="31" width="88" src="/images/badges/trans.png" alt="Trans flag" style="border:none;">
<img height="31" width="88" src="/images/badges/linuxnow.jpg" alt="Linux now" style="border:none;">
<img height="31" width="88" src="/images/badges/anti_nft_b.png" alt="Anti nft" style="border:none;">
<img height="31" width="88" src="/images/badges/slimesnow.png" alt="Slimes now" style="border:none;">
<img height="31" width="88" src="/images/badges/anarchynow.gif" alt="Anarchy now" style="border:none;">
<img height="31" width="88" src="/images/badges/piracy.gif" alt="Piracy now" style="border:none;">
<img height="31" width="88" src="/images/badges/queer.png" alt="Queer pride" style="border:none;">
<img height="31" width="88" src="/images/badges/acab.gif" alt="ACAB" style="border:none;">
<img height="31" width="88" src="/images/badges/amber.gif" alt="ambersplace" style="border:none;">
<img height="31" width="88" src="/images/badges/pronouns.gif" alt="pronouns" style="border:none;">
<img height="31" width="88" src="/images/badges/hashtaggirl.gif" alt="hashtag girl" style="border:none;">
<a href="https://archlinux.org/"
title="Arch Linux" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/archlinux.gif" alt="archlinux" style="border:none;" class="link-image"></a>
<a href="https://maia.crimew.gay/"
title="maia.crimew.gay" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/maia.crimew.gay.png" alt="archlinux" style="border:none;" class="link-image"></a>
<a href="https://lunasn0wfall.neocities.org/"
title="lunasn0wfall" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/pawjob.gif" alt="lunasn0wfall" style="border:none;" class="link-image"></a>
<a href="https://neocities.org/"
title="Neocities" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/neocities_88x31.gif" alt="neocities" style="border:none;" class="link-image"></a>
<a href="https://www.tumblr.com/"
title="Tumblr" target="_blank" aria-label="opens external site in a new window">
<img height="31" width="88" src="/images/badges/tumblr.png" alt="tumblr" style="border:none;" class="link-image"></a>
</div>
</footer>
</body>
</html>

2
minidisc.html
View File

@@ -9,7 +9,7 @@
<body>
<h1>minidisc</h1>
<a href="images/md.jpg"><img src="images/md_256.jpg" alt="a photo of a minidisc" width="256" height="256"></a>
<a href="images/md.jpg" class="link-image"><img src="images/md_256.jpg" alt="a photo of a minidisc" width="256" height="256"></a>
<p>i currently have two Sony MZ-R50 minidisc recorders. these recorders are from 1997, and don't have features like
MDLP or NetMD. they are still both extremely solid, however.</p>

17
style.css
View File

@@ -62,7 +62,7 @@ h1 {
a:focus {
outline: 2px solid #86A3C1;
outline-offset: 2px;
/* outline-offset: 2px; */
}
figure {
@@ -73,3 +73,18 @@ figure {
figcaption {
margin-top: 4px;
}
.link-image {
display: inline-block;
width: fit-content;
height: fit-content;
text-decoration: none;
}
.buttons {
font-size: 23px; /* this sucks but i cant find a better way */
}
/* .buttons img {
margin: 2px;
} */