changed elements to meet web standards
This commit is contained in:
parent
6098087345
commit
53deef1edd
|
|
@ -52,10 +52,36 @@ code {
|
|||
word-break: break-all;
|
||||
}
|
||||
|
||||
h1.full, h2.full, h3.full, h4.full, h5.full {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
border-radius: 20px;
|
||||
background: #171614;
|
||||
box-shadow: 1.5em 1.5em 3.5em #131211, -1.5em -1.5em 3.5em #1b1a17;
|
||||
}
|
||||
|
||||
p.full {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section {
|
||||
margin: 1em;
|
||||
flex-basis: 45%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
section.full {
|
||||
margin: 1em;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.back h5 {
|
||||
color: #9d4e54;
|
||||
text-align: left;
|
||||
|
|
@ -73,48 +99,10 @@ p.full {
|
|||
background: #9d4e54;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
border-radius: 20px;
|
||||
background: #171614;
|
||||
box-shadow: 1.5em 1.5em 3.5em #131211, -1.5em -1.5em 3.5em #1b1a17;
|
||||
}
|
||||
|
||||
.favicon {
|
||||
max-width: 1em;
|
||||
}
|
||||
|
||||
.header {
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.header-full {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin: 1em;
|
||||
flex-basis: 45%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.section-full {
|
||||
margin: 1em;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
|
||||
}
|
||||
|
||||
.subtitle-full {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.warn {
|
||||
margin: 0.5em 0;
|
||||
padding: 0.5em;
|
||||
|
|
|
|||
|
|
@ -14,11 +14,11 @@
|
|||
<div class="back">
|
||||
<h5 class="pill"><a href="../">Return to my page</a></h5>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="section-full">
|
||||
<h2 class="header-full">
|
||||
<main>
|
||||
<section class="full">
|
||||
<h1 class="full">
|
||||
A Guide to Bettering Firefox
|
||||
</h2>
|
||||
</h1>
|
||||
<p>
|
||||
Web browsers are kind of awful. They do too much
|
||||
(<a href="https://web.archive.org/web/20220609080931/https://homepage.cs.uri.edu/~thenry/resources/unix_art/ch01s06.html">why
|
||||
|
|
@ -58,13 +58,13 @@
|
|||
browser from being used to open remote content that has a MIME
|
||||
type other than <code>text/html</code>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section-full">
|
||||
<h1 class="header" id="about-config">
|
||||
</section>
|
||||
<section class="full">
|
||||
<h2 id="about-config">
|
||||
<a href="#about-config">
|
||||
Modifications to <code class="header">about:config</code>
|
||||
</a>
|
||||
</h1>
|
||||
</h2>
|
||||
<h4>Read more about <code>about:config</code>
|
||||
<a href="https://support.mozilla.org/en-US/kb/about-config-editor-firefox">
|
||||
here</a>.
|
||||
|
|
@ -79,16 +79,16 @@
|
|||
values blank.
|
||||
</p>
|
||||
|
||||
<h2 id="performance">
|
||||
<h3 id="performance">
|
||||
<a href="#performance">Performance</a>
|
||||
</h2>
|
||||
</h3>
|
||||
<ul>
|
||||
<li><code>gfx.webrender.all = true</code></li>
|
||||
</ul>
|
||||
|
||||
<h2 id="features">
|
||||
<h3 id="features">
|
||||
<a href="#features">Disable or Enable Features</a>
|
||||
</h2>
|
||||
</h3>
|
||||
<ul>
|
||||
<li><code>widget.use-xdg-desktop-portal = true</code></li>
|
||||
<p>Allows Firefox to use KDE Plasma filechooser on
|
||||
|
|
|
|||
77
index.html
77
index.html
|
|
@ -16,9 +16,11 @@
|
|||
<a href="/">Return Home</a>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="section-full">
|
||||
<h2 class="header-full">Hi! I'm Emma Tebibyte.</h2>
|
||||
<main>
|
||||
<section class="full">
|
||||
<h1 class="full">
|
||||
Hi! I'm Emma Tebibyte.
|
||||
</h1>
|
||||
<p id="pronouns">
|
||||
(<a href="https://pronoun.is/fae" title="my pronouns">
|
||||
fae/faer
|
||||
|
|
@ -48,17 +50,17 @@
|
|||
comfortable and friendly environment sustained in the community
|
||||
itself.
|
||||
<div class="warn">
|
||||
<img class="sym" src="../assets/img/warn.svg" />
|
||||
<img class="sym" src="assets/img/warn.svg" />
|
||||
<p>
|
||||
Some of the links on this page lead to sites with
|
||||
nonfree JavaScript.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 class="header" id="contact">
|
||||
</section>
|
||||
<section>
|
||||
<h2 id="contact">
|
||||
<a href="#contact">Contact</a>
|
||||
</h3>
|
||||
</h2>
|
||||
<p>
|
||||
If you'd like to contact me, the best ways to do so are as
|
||||
follows, in order of preference:
|
||||
|
|
@ -86,12 +88,15 @@
|
|||
the state of current free software alternatives is not
|
||||
satisfactory.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 class="header" id="ideas"><a href="#ideas">Things Someone
|
||||
Should Make</a></h3>
|
||||
<h4 class="subtitle">Or: the software I (probably) won't or can't
|
||||
make but which I think would be good to have</h4>
|
||||
</section>
|
||||
<section>
|
||||
<h2 id="ideas">
|
||||
<a href="#ideas">Things Someone Should Make</a>
|
||||
</h2>
|
||||
<h4>
|
||||
Or: the software I (probably) won't or can't
|
||||
make but which I think would be good to have
|
||||
</h4>
|
||||
<p>
|
||||
<ul>
|
||||
<li>A fork of
|
||||
|
|
@ -126,25 +131,29 @@
|
|||
</ul>
|
||||
</li>
|
||||
|
||||
<li>An Android app that uses the method
|
||||
<li>
|
||||
An Android app that uses the method
|
||||
<a href="https://auroraoss.com/">Aurora Store</a> uses
|
||||
to download Google Play Store APK files for Android and
|
||||
the patches that the unofficial Minecraft Bedrock
|
||||
launcher for GNU/Linux and the MacOS uses to remove
|
||||
signature verification to keep Minecraft for Android
|
||||
up-to-date and running on systems without Google Play
|
||||
Services.</li>
|
||||
Services.
|
||||
</li>
|
||||
|
||||
<li>An Android SoundCloud client which uses the existing
|
||||
<li>
|
||||
An Android SoundCloud client which uses the existing
|
||||
components from the
|
||||
<a href="https://newpipe.net/">NewPipe</a> app.</li>
|
||||
<a href="https://newpipe.net/">NewPipe</a> app.
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 class="header" id="links">
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="header" id="links">
|
||||
<a href="#links">Links</a>
|
||||
</h3>
|
||||
</h2>
|
||||
<p>
|
||||
Some useful links you might like to click on:
|
||||
<ul>
|
||||
|
|
@ -173,11 +182,11 @@
|
|||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 class="header" id="reviews">
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="header" id="reviews">
|
||||
<a href="#reviews">Reviews</a>
|
||||
</h3>
|
||||
</h2>
|
||||
<h4 class="subtitle">
|
||||
Idea stolen from <a href="https://trinity.moe#praise">
|
||||
Trinity's page</a>.
|
||||
|
|
@ -192,12 +201,12 @@
|
|||
[2022-02-22] @Nyann</a>: Emma Tebibyte gives me the
|
||||
"non-trustworthy-female" vibes
|
||||
</p>
|
||||
</div>
|
||||
<div class="section-full">
|
||||
<h3 class="header-full" id="frens">
|
||||
</section>
|
||||
<section class="full">
|
||||
<h3 class="full" id="frens">
|
||||
<a href="#frens">I have friends!</a>
|
||||
</h3>
|
||||
<h4 class="subtitle-full">Riveting content here, folks.</h4>
|
||||
<h4 class="full">Riveting content here, folks.</h4>
|
||||
<p class="full">
|
||||
Here are some of their stickers:
|
||||
</p>
|
||||
|
|
@ -253,13 +262,13 @@
|
|||
The Nostomodern Review by classic5000
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div> <!-- content -->
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="section-full">
|
||||
<section class="full">
|
||||
<h5>This site is licensed under the <a
|
||||
href="agpl-3.0.txt">AGPLv3</a> or later. Its content is covered
|
||||
under the <a href="legalcode.txt">CC BY-NC-SA</a> license.</h5>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue