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

site updates april 18, 2022

Browse Source
This commit is contained in:
Amber Zeller
2022-04-18 10:22:53 -04:00
parent 05957e25c3
commit d532771b93
15 changed files with 125 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/photos/mze75_back.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
images/photos/mze75_front.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
images/photos/mzr50-and-mze75.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
images/photos/mzr50_back.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
images/photos/mzr50_front.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
images/photos/spirit-phone-and-mzr50.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
images/photos/spirit-phone_case.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
images/photos/spirit-phone_front.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
images/photos/spirit-phone_sleeve.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

31
index.html
View File

@@ -7,21 +7,30 @@
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="preload" href="/fonts/opensans-regular-webfont.woff2" as="font">
<meta name="og:title" property="og:title" content="amber's place">
<meta name="og:description" property="og:description" content="a place where i put info about whatever interests me, including minidisc, the 6809, and fandoms i am in.">
<meta name="og:description" property="og:description" content="a place where i put info about whatever interests
me, including minidisc, the 6809, and fandoms i am in.">
<meta name="og:image" property="og:image" content="pfp_256.png">
<meta name="title" content="amber's place">
<meta name="description" content="a place where i put info about whatever interests me, including minidisc, the 6809, and fandoms i am in.">
<meta name="description" content="a place where i put info about whatever interests me, including minidisc, the
6809, and fandoms i am in.">
</head>
<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 glasses next to a cat. the girl has a speech bubble with the lesbian flag in it." width="256" height="256"></a>
<a href="images/pfp.png"><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>
<p>i believe in free as in freedom, but not in a gnu or <abbr title="free software foundation">fsf</abbr> sort of way. i believe in an internet far away from the overly corporate social media giants we see today. i believe in open source, public domain, and creative commons. that's why this site exists, a sanctuary away from an increasingly exploitative web.</p>
<p>i believe in free as in freedom, but not in a gnu or <abbr title="free software foundation">fsf</abbr> sort of
way. i believe in an internet far away from the overly corporate social media giants we see today. i believe in open source, public domain, and creative commons. that's why this site exists, a sanctuary away from an increasingly exploitative web.</p>
<p>this site is coded by me, by hand. my goals for this site are for it to be free, accessible, and compatible. it's free as in it's public domain where it can be, and as open a license as possible where it can't. its accessible as in all images have alt text and any other media is described where possible. it's compatible as in this site can be viewed on just about anything with as few issues as possible. the only exception to this is HTML5 audio, as it is currently the best way to serve audio over the web. wherever HTML5 audio is used, i will provide an alternative download and raw file link.
<p>this site is coded by me, by hand. my goals for this site are for it to be free, accessible, and compatible.
it's free as in it's public domain where it can be, and as open a license as possible where it can't. its
accessible as in all images have alt text and any other media is described where possible. it's compatible as in
this site can be viewed on just about anything with as few issues as possible. the only exception to this is
HTML5 audio, as it is currently the best way to serve audio over the web. wherever HTML5 audio is used, i will
provide an alternative download and raw file link.
<nav>
<h2>topics:</h2>
@@ -39,10 +48,14 @@
<p><i>Updated Jan 25, 2022</i></p>
<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="32" 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="32" 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>
<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="32" 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="32" 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>
</footer>
</body>
</html>

20
media.html
View File

@@ -12,7 +12,11 @@
<ul>
<li><h2>How to Create Straight Characters</h2>
<ul style="padding-left: 2em">
<li><p>So often straight characters are defined by their romantic relationship with someone who is a different gender. How do you keep a story from being overwhelmed by the sexuality of your main character? Is it possible to have a straight character in a story without having a romantic relationship in order to demonstrate their straightness? And how does an LGBTQ storyteller include straight characters while remaining true to their own values and ideals?<br>
<li><p>So often straight characters are defined by their romantic relationship with someone who is a
different gender. How do you keep a story from being overwhelmed by the sexuality of your main character?
Is it possible to have a straight character in a story without having a romantic relationship in order to
demonstrate their straightness? And how does an LGBTQ storyteller include straight characters while
remaining true to their own values and ideals?<br>
Moderator: Gaby Dunn<br>
Panelists: Cecil Baldwin, Jasika Nicole, Brie Williams</p></li>
<li><audio
@@ -26,21 +30,27 @@
</li>
<li><h2>glitching the galaga attract screen</h2>
<video controls width="270" height="480" style="padding-left: 2em">
<ul style="padding-left: 2em">
<li><video controls width="270" height="480">
<source src="/media/videos/glitch-galaga.webm" type="video/webm">
Your browser doesn't appear to support the &#60;video&#62; tag.
</video>
</video></li>
<li><a href="/media/videos/glitch-galaga.webm">view raw file</a></li>
<li><a href="/media/videos/glitch-galaga.webm" download>download</a></li>
</ul>
</li>
</ul>
<aside><p>Note: Media will not work on the neocities or github versions due to filetype/filesize restrictions. There's nothing I can do about it. It works on the self-hosted version but it has no domain yet. My public ip changes all the time, so I can't link it.</p></aside>
<aside><p>Note: Media will not work on the neocities or github versions due to filetype/filesize restrictions.
There's nothing I can do about it. It works on the self-hosted version but it has no domain yet. My public ip
changes all the time, so I can't link it.</p></aside>
<footer>
<a href="/">back home</a>
<p><i>Updated Jan 25, 2022</i></p>
<p><i>Updated April 18, 2022</i></p>
</footer>
</body>
</html>

39
minidisc.html
View File

@@ -11,16 +11,47 @@
<a href="images/md.jpg"><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>
<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>
<p>one unit currently works flawlessly, and the other is broken. it fails to read the disc. the one that works is in amazing condition, with only a few scratches.</p>
<p>one unit currently works flawlessly, and the other is broken. it fails to read the disc. the one that works is
in amazing condition, with only a few scratches.</p>
<p>i tried to modify the sony lip-8 battery it came with to install a new sanyo ur14500 cell, but failed. i found a Sanyo UR14500 cell, which was compatible with the original 14650 cell, but a bit shorter. unfortunately, i did not order it with tabs welded to it, so i tried to use springs from a battery compartment, but accidentally melted the casing with my soldering iron. i will try again with another battery whenever i get one.</p>
<p>i tried to modify the sony lip-8 battery it came with to install a new cell, but failed. i found a
Sanyo UR14500 cell, which was compatible with the original 14650 cell, but a bit shorter. unfortunately, i did
not order it with tabs welded to it, so i tried to use springs from a battery compartment, but accidentally
melted the casing with my soldering iron. i will try again with another battery whenever i get one.</p>
<p>i also have a Sony MZ-E75 player portable from 1999. it's pretty yellowed but works flawlessly.</p>
<p>i have purchased a "prerecorded" md from needlejuice records. it's a copy of Spirit Phone by Lemon Demon.
i quite like the printing on the disc itself, it looks really cool.</p>
<section>
<h2>Photos</h2>
<figure>
<img src="images/photos/mzr50_front.jpg">
<img src="images/photos/mzr50_back.jpg">
<figcaption>Sony MZ-R50 Recorder</figcaption>
</figure>
<figure>
<img src="images/photos/mze75_front.jpg">
<img src="images/photos/mze75_back.jpg">
<figcaption>Sony MZ-E75 Player</figcaption>
</figure>
<figure>
<img src="images/photos/spirit-phone_case.jpg">
<img src="images/photos/spirit-phone_front.jpg">
<img src="images/photos/spirit-phone_sleeve.jpg">
<figcaption>Spirit Phone By Lemon Demon on MD</figcaption>
</figure>
</section>
<footer>
<a href="/">back home</a>
<p><i>Updated Jan 12, 2022</i></p>
<p><i>Updated April 18, 2022</i></p>
</footer>
</body>
</html>

38
news.html
View File

@@ -9,25 +9,47 @@
</head>
<body>
<h1>news</h1>
<article>
<h2>Fixes and new MiniDisc Content</h2>
<h2>Initial update</h2>
<p><i>April 18th, 2022</i></p>
<p>Jan 25th, 2022</p>
<p>Hello! It's been a minute but I'm finally doing a bit more work on the site. Life's been crazy lately.</p>
<p>Hello! I've decided to make a news section as there's a lot of weirdness with hosting right now.</p>
<p>I've made a fix to the <a href="media.html">media</a> page that allows it to scroll properly. I'm not sure how
that evaded me for so long. I've also shortened the line length of all html files to 130 characters. It doesn't
make a usability difference, but it makes me happy. I've italicized the date of news posts as well.</p>
<p>I've done some hosting on neocities.org and now github, but neither allow me to host media. Neocities has filetype restrictions and github has filesize restrictions.</p>
<p>I've also added some new content to the <a href="minidisc.html">minidisc</a> page, mainly photos but some new
text as well. The images aren't clickable to open a larger version in a new tab yet, I accidentally deleted
the fullres versions and need to re copy them from my phone. That's what I get for working on the production
version.</p>
<p>It's quite annoying. I do have a self-hosted copy of the site, but I don't have a domain for it, and my public ip isn't stable, so I can't give it out.
</article>
<p>Some recent changes include the github mirror (<a href="https://ambersplace.github.io/" target="_blank" aria-label="opens external site in a new window">ambersplace.github.io</a>) and some font optimizations. The site should load faster and cleaner now.
<article>
<h2>Initial update</h2>
<p>That's all from me today. Thanks for browsing.</p>
<p><i>Jan 25th, 2022</i></p>
<p>Hello! I've decided to make a news section as there's a lot of weirdness with hosting right now.</p>
<p>I've done some hosting on neocities.org and now github, but neither allow me to host media. Neocities has
filetype restrictions and github has filesize restrictions.</p>
<p>It's quite annoying. I do have a self-hosted copy of the site, but I don't have a domain for it, and my public
ip isn't stable, so I can't give it out.
<p>Some recent changes include the github mirror (<a href="https://ambersplace.github.io/" target="_blank"
aria-label="opens external site in a new window">ambersplace.github.io</a>) and some font optimizations. The
site should load faster and cleaner now.
<p>That's all from me today. Thanks for browsing.</p>
</article>
<footer>
<a href="/">back home</a>
<p><i>Updated Jan 25, 2022</i></p>
<p><i>Updated April 18, 2022</i></p>
</footer>
</body>
</html>

9
socials.html
View File

@@ -10,9 +10,12 @@
<h1>here are my socials</h1>
<ul>
<li><a href="https://catgirlthighhighs.tumblr.com/" target="_blank" aria-label="opens external site in a new window">tumblr</a></li>
<li><a href="https://github.com/amberisvibin" target="_blank" aria-label="opens external site in a new window">github</a></li>
<li><a href="https://www.youtube.com/channel/UC1Xk5gPhVBapmSgdC0xAlbw" target="_blank" aria-label="opens external site in a new window">youtube</a></li>
<li><a href="https://catgirlthighhighs.tumblr.com/" target="_blank"
aria-label="opens external site in a new window">tumblr</a></li>
<li><a href="https://github.com/amberisvibin" target="_blank"
aria-label="opens external site in a new window">github</a></li>
<li><a href="https://www.youtube.com/channel/UC1Xk5gPhVBapmSgdC0xAlbw" target="_blank"
aria-label="opens external site in a new window">youtube</a></li>
</ul>
<footer>

11
style.css
View File

@@ -13,7 +13,7 @@
}
html {
overflow: hidden;
/* overflow: hidden; */
max-width: 800px;
margin: auto;
}
@@ -45,7 +45,7 @@ img {
background-color: #111318;
display: inline-block;
overflow: hidden;
vertical-align:text-bottom
vertical-align:text-bottom;
}
ul {
@@ -62,4 +62,11 @@ a:focus {
outline-offset: 2px;
}
figure {
margin: 0;
margin-bottom: 8px;
}
figcaption {
margin-top: 4px;
}