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

initial commit

Browse Source
This commit is contained in:
Amber Zeller
2022-01-25 10:04:37 -05:00
commit 93631f4c4a
13 changed files with 209 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/badges/html5-validator-badge.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
images/badges/wcag2.1AA-v.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
images/md.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 165 KiB

BIN
images/md_256.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
images/pfp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
images/pfp_256.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
images/transfem.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

50
index.html Normal file
View File

@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>amber's place</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
<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: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.">
</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."></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>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 comaptible 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>
<ul role="directory">
<li><a href="socials.html">my socials</a></li>
<li><a href="minidisc.html">minidisc</a></li>
<li><a href="media.html">media</a></li>
</ul>
</nav>
<footer>
<p><i>(click any image to view a larger version)</i></p>
<p><i>Updated Jan 12, 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>
</footer>
</body>
</html>

47
media.html Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>media</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
</head>
<body>
<h1>media</h1>
<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>
Moderator: Gaby Dunn<br>
Panelists: Cecil Baldwin, Jasika Nicole, Brie Williams</p></li>
<li><audio
controls
src="/media/PodCon_Panel_-_How_to_Create_Straight_Characters.mp3">
Your browser does not support the <code>audio</code> element.
</audio></li>
<li><a href="/media/PodCon_Panel_-_How_to_Create_Straight_Characters.mp3">view raw file</a></li>
<li><a href="/media/PodCon_Panel_-_How_to_Create_Straight_Characters.mp3" download>download</a></li>
</ul>
</li>
<li><h2>glitching the galaga attract screen</h2>
<video controls width="270" height="480" style="padding-left: 2em">
<source src="/media/videos/glitch-galaga.webm" type="video/webm">
Your browser doesn't appear to support the &#60;video&#62; tag.
</video>
</li>
</ul>
<aside><p>Note: Media will not work on the neocities version due to filetype 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 12, 2022</i></p>
</footer>
</body>
</html>

27
minidisc.html Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>minidisc</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
</head>
<body>
<h1>minidisc</h1>
<a href="images/md.jpg"><img src="images/md_256.jpg" alt="a photo of a minidisc"></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>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>
<footer>
<a href="/">back home</a>
<p><i>Updated Jan 12, 2022</i></p>
</footer>
</body>
</html>

14
not_found.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>page not found</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
</head>
<body>
<h1>what was that?</h1>
<p>that page doesn't exist. you can head <a href="/">home</a> if you like.</p>
</body>
</html>

25
socials.html Normal file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>my socials</title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
</head>
<body>
<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>
</ul>
<footer>
<a href="/">back home</a>
<p><i>Updated Jan 12, 2022</i></p>
</footer>
</body>
</html>

46
style.css Normal file
View File

@@ -0,0 +1,46 @@
body {
background-color: #111318;
color: #DDDDDD;
font-family: Open Sans;
padding: 32px;
max-width: 800px;
margin: auto;
}
a:link {
color: #F47D7B;
}
a:visited {
color: #F47D7B;
}
a:hover {
color: #86A3C1;
}
a:active {
color: #86A3C1;
}
img {
border: 2px solid #F47D7B;
background-color: #111318;
display: inline-block;
overflow: hidden;
vertical-align:text-bottom
}
ul {
list-style: none;
padding: 0;
}
h1 {
margin-top: 0;
}
:focus {
outline: 2px solid #86A3C1;
outline-offset: 2px;
}