-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
73 lines (69 loc) · 3.81 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheets/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/site.webmanifest">
<title>About Me?</title>
</head>
<body>
<main class="container">
<header class="header">
<h1>The World Wide Web of Beatrice</h1>
</header>
<aside id="sidebar">
<p> In the end, we were all just text on a screen...</p>
</aside>
<nav class="nav">
<section class="flexbox-nav">
<div class="nav-btn"><a href="index.html"><h2>Main Page</h2></a></div>
<div class="nav-btn"><a href="about.html"><h2>About Me</h2></a></div>
<div class="nav-btn"><a href="portfolio.html"><h2>Portfolio</h2></a></div>
<div class="nav-btn"><a href="hobby-blog.html"><h2>Hobby Blog</h2></a></div>
</section>
</nav>
<article class="content">
<p><strong>About me:</strong> First, if you haven't been to the <a href="index.html">Main Page</a> I might humbly suggest
you do so for some basic information. I am happy to have you on my web site on the World Wide Web! As you may be able to
tell, I am a majorly nostalgic nerd who and will go on spontaneous rants about internet culture, UNIX, Windows 9x operating systems,
old video games, Japanese <a href="https://en.wikipedia.org/wiki/Otaku">otaku</a> culture, and anything else floating around in the
cluttered mess that is my brain.
</p>
<p>
Things that are important to me are LGBTQ+ issues, free software, civil rights and privacy, and the environment.
</p>
<p>
I play <a href="https://en.wikipedia.org/wiki/Rhythm_game">rhythm games</a>, <a href="https://en.wikipedia.org/wiki/Touhou_Project">Touhou</a>, and Pokemon
</p>
<p>
I listen to <a href="https://en.wikipedia.org/wiki/Vocaloid">Vocaloid</a>, hip-hop, progressive rock/metal, and <a href="https://en.wikipedia.org/wiki/Module_file">tracker music</a>
</p>
<p>
Some tools and websites I love are Wikipedia, DuckDuckGo, bash/zsh, vim, RubyMine, homebrew, screen, and ssh.
</p>
<p>
I use MacOS on an ultrawide monitor with a tiling window manager (Amethyst). I use the Kinesis Advantage2 ergonomic keyboard and love it</p>
<p>I believe that we are all imperfect works in progress and that everyone has a beautiful and unique gift to offer the world. I am working on finding mine.</p>
<ul>
<li>You are Beautiful</li>
<li>You are Enough</li>
<li>You are Loved</li>
</ul>
<section class="nav-blurb"><p>You've reached the end of this page! Enough about me! How about my <a href="portfolio.html">Portfolio</a> or my <a href="hobby-blog.html">Hobby Blog</a>?<br>...or back to the <a href="index.html">Main Page</a>, if you wish</p></section>
</article>
<footer class="footer">
<section class="flexbox-footer">
<img alt="Under construction symbol" src="images/under-construction.gif">
<img alt="Transgender flag" src="images/transparent-trans-flag.png" width=76 height=76>
<em class="copyleft">Copyleft 2020 by Beatrice T</em>
<a href="https://www.kernel.org/"><img alt="Penguin mascot of the Linux operating system" src="images/tux.png" width=76 height=76></a>
<a href="https://github.com/Beatress"><img alt="Follow me on GitHub" src="images/octo-cat.gif"></a>
<a href="https://neocities.org/"><img alt="Powered by Neocities" src="images/penelope.png"></a>
</section>
</footer>
</main>
</body>
</html>