fix fonts and improve CSS - more contrast and bigger now, easier to read!

This commit is contained in:
askiiart 2024-03-06 23:29:15 -06:00
parent 5999b14302
commit 5e294a50bd
Signed by untrusted user who does not match committer: askiiart
GPG key ID: BC3800E55FB54D67
10 changed files with 49 additions and 31 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -14,7 +14,7 @@
<hr /> <hr />
<p>Since I have my code 1) <a <p>Since I have my code 1) <a
href="https://git.askiiart.net/askiiart/askiiart-net">on my href="https://git.askiiart.net/askiiart/askiiart-net">on my
self-hosted Gitea (soon Forgejo) instance</a>, and 2) <a Gitea (now Forgejo) instance</a>, and 2) <a
href="https://github.com/askiiart/askiiart.github.io">mirrored</a> href="https://github.com/askiiart/askiiart.github.io">mirrored</a>
on GitHub, I didn't just want to set up a simple <a on GitHub, I didn't just want to set up a simple <a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/308">308 href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/308">308
@ -60,7 +60,7 @@
<p>Well, that's boring. Guess I'll do that then.</p> <p>Well, that's boring. Guess I'll do that then.</p>
<pre class="language-nginx"><code> location /.git { <pre class="language-nginx"><code> location /.git {
add_header Location &quot;https://git.askiiart.net/askiiart/askiiart-net&quot;; add_header Location &quot;https://git.askiiart.net/askiiart/askiiart-net&quot;;
return 300 &#39;&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;/head&gt;&lt;body&gt;&lt;a href=&quot;https://git.askiiart.net/askiiart/askiiart-net&quot;&gt;Self-hosted&lt;/a&gt;&lt;br&gt;&lt;a href=&quot;https://github.com/askiiart/askiiart-net&quot;&gt;GitHub&lt;/a&gt;&lt;/body&gt;&lt;/html&gt;&#39;; return 300 &#39;&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;/head&gt;&lt;body&gt;&lt;a href=&quot;https://git.askiiart.net/askiiart/askiiart-net&quot;&gt;Self-hosted&lt;/a&gt;&lt;br&gt;&lt;a href=&quot;https://github.com/askiiart/askiiart.github.io&quot;&gt;GitHub&lt;/a&gt;&lt;/body&gt;&lt;/html&gt;&#39;;
}</code></pre> }</code></pre>
<h2 id="nginx-is-hard">nginx is hard</h2> <h2 id="nginx-is-hard">nginx is hard</h2>
<p>That config looks fine, right? It just sets the <p>That config looks fine, right? It just sets the
@ -126,8 +126,9 @@
<h4 id="browser-specific-info">browser-specific info</h4> <h4 id="browser-specific-info">browser-specific info</h4>
<p>Elsewhere in the Quora thread it says, in short, that Firefox <p>Elsewhere in the Quora thread it says, in short, that Firefox
and Chrome just displays the HTML, and Safari will follow the and Chrome just displays the HTML, and Safari will follow the
<code>Location</code> header. [<a <code>Location</code> header. Edit: Apparently I forgot to link
href="#ok-but-actually-how">Back</a>]</p> the Quora thread, so I've got no idea what I'm referencing here.
Sorry! [<a href="#ok-but-actually-how">Back</a>]</p>
<script src="/prism.js"></script> <script src="/prism.js"></script>
</body> </body>
<footer> <footer>

View file

@ -4,7 +4,7 @@ No, not the movie. I'm a nerd who's spent half their day so far configuring ngin
--- ---
Since I have my code 1) [on my self-hosted Gitea (soon Forgejo) instance](https://git.askiiart.net/askiiart/askiiart-net), and 2) [mirrored](https://github.com/askiiart/askiiart.github.io) on GitHub, I didn't just want to set up a simple [308 Permanent Redirect](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/308) from [/.git](/.git) to my code in one place. I wanted users to be able to see both options, both Gitea and GitHub, and apparently there's actually a thing for that already, I can just use that! Since I have my code 1) [on my Gitea (now Forgejo) instance](https://git.askiiart.net/askiiart/askiiart-net), and 2) [mirrored](https://github.com/askiiart/askiiart.github.io) on GitHub, I didn't just want to set up a simple [308 Permanent Redirect](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/308) from [/.git](/.git) to my code in one place. I wanted users to be able to see both options, both Gitea and GitHub, and apparently there's actually a thing for that already, I can just use that!
## ok but how? ## ok but how?
@ -31,7 +31,7 @@ Well, that's boring. Guess I'll do that then.
```language-nginx ```language-nginx
location /.git { location /.git {
add_header Location "https://git.askiiart.net/askiiart/askiiart-net"; add_header Location "https://git.askiiart.net/askiiart/askiiart-net";
return 300 '<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"></head><body><a href="https://git.askiiart.net/askiiart/askiiart-net">Self-hosted</a><br><a href="https://github.com/askiiart/askiiart-net">GitHub</a></body></html>'; return 300 '<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"></head><body><a href="https://git.askiiart.net/askiiart/askiiart-net">Self-hosted</a><br><a href="https://github.com/askiiart/askiiart.github.io">GitHub</a></body></html>';
} }
``` ```
@ -92,4 +92,4 @@ I'll probably figure out the `Link` header some other time and will add this lat
#### browser-specific info #### browser-specific info
Elsewhere in the Quora thread it says, in short, that Firefox and Chrome just displays the HTML, and Safari will follow the `Location` header. \[[Back](#ok-but-actually-how)\] Elsewhere in the Quora thread it says, in short, that Firefox and Chrome just displays the HTML, and Safari will follow the `Location` header. Edit: Apparently I forgot to link the Quora thread, so I've got no idea what I'm referencing here. Sorry! \[[Back](#ok-but-actually-how)\]

View file

@ -5,19 +5,19 @@
<title>askiiart.net blog</title> <title>askiiart.net blog</title>
<description>The feed for askiiart.net but just the blog, I guess</description> <description>The feed for askiiart.net but just the blog, I guess</description>
<link>https://askiiart.net/blog/</link> <link>https://askiiart.net/blog/</link>
<lastBuildDate>Wed, 06 Mar 2024 01:03:58 +0000</lastBuildDate> <lastBuildDate>Thu, 07 Mar 2024 05:17:23 +0000</lastBuildDate>
<item> <item>
<title>300</title> <title>300</title>
<link>https://askiiart.net/til/300.html</link> <link>https://askiiart.net/til/300.html</link>
</item> </item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/til/marlin-boot-animations.html</link>
</item>
<item> <item>
<title>Foooooonts!</title> <title>Foooooonts!</title>
<link>https://askiiart.net/til/foooooonts.html</link> <link>https://askiiart.net/til/foooooonts.html</link>
</item> </item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/til/marlin-boot-animations.html</link>
</item>
</channel> </channel>
</rss> </rss>

View file

@ -5,19 +5,19 @@
<title>askiiart.net</title> <title>askiiart.net</title>
<description>The feed for askiiart.net, I guess</description> <description>The feed for askiiart.net, I guess</description>
<link>https://askiiart.net</link> <link>https://askiiart.net</link>
<lastBuildDate>Wed, 06 Mar 2024 01:03:57 +0000</lastBuildDate> <lastBuildDate>Thu, 07 Mar 2024 05:17:23 +0000</lastBuildDate>
<item> <item>
<title>300</title> <title>300</title>
<link>https://askiiart.net/blog/300.html</link> <link>https://askiiart.net/blog/300.html</link>
</item> </item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/blog/marlin-boot-animations.html</link>
</item>
<item> <item>
<title>Foooooonts!</title> <title>Foooooonts!</title>
<link>https://askiiart.net/blog/foooooonts.html</link> <link>https://askiiart.net/blog/foooooonts.html</link>
</item> </item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/blog/marlin-boot-animations.html</link>
</item>
<item> <item>
<title>Akkoma in Docker</title> <title>Akkoma in Docker</title>
<link>https://askiiart.net/til/akkoma-in-docker.html</link> <link>https://askiiart.net/til/akkoma-in-docker.html</link>

View file

@ -3,10 +3,10 @@ https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clik
code[class*=language-], code[class*=language-],
pre[class*=language-] { pre[class*=language-] {
color: #f8f8f2; color: #f8f8f2;
background: 0 0; background: #0e0f0f;
text-shadow: 0 1px rgba(0, 0, 0, .3); text-shadow: 0 1px rgba(0, 0, 0, .3);
font-family: 'FiraCode', 'Nimbus Mono PS', 'Liberation Mono', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', 'Lucida Console', monospace; font-family: 'FiraCode', 'Nimbus Mono PS', 'Liberation Mono', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', 'Lucida Console', monospace;
font-size: 1em; font-size: 0.95em;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;

View file

@ -4,19 +4,35 @@
src: url('/assets/FiraCodeNerdFontMono-Regular.woff2'); src: url('/assets/FiraCodeNerdFontMono-Regular.woff2');
} }
@font-face {
/* from Google Fonts, under the Open Font License */ /* from Google Fonts, under the Open Font License */
@font-face {
font-family: "Atkinson Hyperlegible"; font-family: "Atkinson Hyperlegible";
src: url('/assets/AtkinsonHyperlegible-Regular.woff2'); src: local('Atkinson Hyperlegible'), url('/assets/AtkinsonHyperlegible-Regular.woff2');
}
@font-face {
font-family: "Atkinson Hyperlegible Bold";
src: local('Atkinson Hyperlegible Bold'), url('/assets/AtkinsonHyperlegible-Bold.woff2');
}
@font-face {
font-family: "Atkinson Hyperlegible Italic";
src: local('Atkinson Hyperlegible Italic'), url('/assets/AtkinsonHyperlegible-Italic.woff2');
src: url('/assets/AtkinsonHyperlegible-BoldItalic.woff2');
}
@font-face {
font-family: "Atkinson Hyperlegible Bold Italic";
src: local('Atkinson Hyperlegible Bold Italic') url('/assets/AtkinsonHyperlegible-BoldItalic.woff2');
} }
body { body {
color: #dadada; color: #dadada;
background: #202020; background: #181a1b;
margin: 1em auto; margin: 1em auto;
max-width: 90vw; max-width: 90vw;
padding: 0 .62em; padding: 0 .62em;
font: 1.0em/1.35 'Atkinson Hyperlegible', sans-serif; font: 18px/1.35 'Atkinson Hyperlegible', sans-serif;
} }
a:link, a:link,
@ -29,11 +45,17 @@ a:visited:hover {
color: #6bb794 color: #6bb794
} }
h1, h1 {
font: 'Atkinson Hyperlegible Bold', sans-serif;
line-height: 1.2;
font-size: 36px;
}
h2, h2,
h3 { h3 {
font: 'Atkinson Hyperlegible Bold', sans-serif;
line-height: 1.2; line-height: 1.2;
font: 'Atkinson Hyperlegible', sans-serif; font-size: 24px;
} }
wrap { wrap {
@ -54,11 +76,6 @@ wrap {
body { body {
font-size: 20px; font-size: 20px;
} }
pre,
code {
font-size: 16px;
}
} }
@media print { @media print {

View file

@ -5,7 +5,7 @@
<title>askiiart.net TIL</title> <title>askiiart.net TIL</title>
<description>The feed for askiiart.net but just TIL, I guess</description> <description>The feed for askiiart.net but just TIL, I guess</description>
<link>https://askiiart.net/til/</link> <link>https://askiiart.net/til/</link>
<lastBuildDate>Wed, 06 Mar 2024 01:03:58 +0000</lastBuildDate> <lastBuildDate>Thu, 07 Mar 2024 05:17:23 +0000</lastBuildDate>
<item> <item>
<title>Akkoma in Docker</title> <title>Akkoma in Docker</title>
<link>https://askiiart.net/til/akkoma-in-docker.html</link> <link>https://askiiart.net/til/akkoma-in-docker.html</link>