Improvements to data structure, added webfont, added a subpage for FOSS licenses, reworked some text.

+ Added Hack webfont to the website.
+ Renamed resources folder to assets, reworked general data structure of static data.
+ Added a subpage for FOSS licenses used
+ Improve various texts
+ Headlines now all follow internal conventions (all lowercase)
+ Added 2 more websites to useful stuff
This commit is contained in:
Lucia Zehentner 2024-07-14 00:48:14 +02:00
parent d82af2bb0d
commit aae2b9f7a0
37 changed files with 209 additions and 28 deletions

View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lucia's Webpage</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/fonts/Hack/Hack.css">
</head>
<body>
<div class="content">
@ -28,14 +29,14 @@
<span class="centered no-overflow">==============================================================================================</span>
</nav>
<div id="faq">
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> General <span class="additional-spacer">=====</span><span class="spacer"></span></h2>
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> general <span class="additional-spacer">=====</span><span class="spacer"></span></h2>
<div class="question">Favorite color?</div>
<div class="answer">Violet. Probably something along the lines of <span class="violet">#46005F</span>. Green is cool also, especially for websites - see: this one right here.</div>
<div class="question">Favorite animal?</div>
<div class="answer">This is a hard question. Probably sheep, but I like goats, donkeys, cats, bunnies, foxes, opposums and quokkas as well.</div>
<div class="question">Do you have hobbies outside of computer stuff?</div>
<div class="answer">Yes, I actually quite like cooking and baking. I'm also involved in a political activist group, particitpating in discussions and such. I also like repairing electronics of all kinds.</div>
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">==</span> Computer Stuff <span class="additional-spacer">==</span><span class="spacer"></span></h2>
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">==</span> computer stuff <span class="additional-spacer">==</span><span class="spacer"></span></h2>
<div class="question">What computers are you using?</div>
<div class="split">
<div class="answer">
@ -89,7 +90,7 @@
<div class="answer">Fairphone 3.</div>
<div class="question">What programming languages do you use?</div>
<div class="answer">Mainly Python. But I have done smaller projects in C, C# and JavaScript as well.</div>
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">====</span> Queer Stuff <span class="additional-spacer">===</span><span class="spacer"></span></h2>
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">====</span> queer stuff <span class="additional-spacer">===</span><span class="spacer"></span></h2>
<div class="question">What's your sexuality?</div>
<div class="answer">I'm bisexual. To me that means I like men, women and everything in between and outside of this spectrum.</div>
<div class="question">What's your gender identity?</div>
@ -114,7 +115,7 @@
<footer>
<div class="horizontal_divider">======================================================================================</div>
<div class="flex-row">
<p><a href="legal_notice.html">Legal Notice</a> | Latest Update: 2024-07-10</p>
<p><a href="legal_notice.html">Legal notice</a> | <a href="licenses.html">Open source licenses</a> | Latest Update: 2024-07-14</p>
</div>
<pre class="flags" aria-label="Trans flag and bi flag">
<span class="blue">==============</span> | <span class="pink">==============</span>