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 />
<p>Since I have my code 1) <a
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>
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
@ -60,7 +60,7 @@
<p>Well, that's boring. Guess I'll do that then.</p>
<pre class="language-nginx"><code> location /.git {
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>
<h2 id="nginx-is-hard">nginx is hard</h2>
<p>That config looks fine, right? It just sets the
@ -126,8 +126,9 @@
<h4 id="browser-specific-info">browser-specific info</h4>
<p>Elsewhere in the Quora thread it says, in short, that Firefox
and Chrome just displays the HTML, and Safari will follow the
<code>Location</code> header. [<a
href="#ok-but-actually-how">Back</a>]</p>
<code>Location</code> header. Edit: Apparently I forgot to link
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>
</body>
<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?
@ -31,7 +31,7 @@ Well, that's boring. Guess I'll do that then.
```language-nginx
location /.git {
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
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>
<description>The feed for askiiart.net but just the blog, I guess</description>
<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>
<title>300</title>
<link>https://askiiart.net/til/300.html</link>
</item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/til/marlin-boot-animations.html</link>
</item>
<item>
<title>Foooooonts!</title>
<link>https://askiiart.net/til/foooooonts.html</link>
</item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/til/marlin-boot-animations.html</link>
</item>
</channel>
</rss>

View file

@ -5,19 +5,19 @@
<title>askiiart.net</title>
<description>The feed for askiiart.net, I guess</description>
<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>
<title>300</title>
<link>https://askiiart.net/blog/300.html</link>
</item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/blog/marlin-boot-animations.html</link>
</item>
<item>
<title>Foooooonts!</title>
<link>https://askiiart.net/blog/foooooonts.html</link>
</item>
<item>
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/blog/marlin-boot-animations.html</link>
</item>
<item>
<title>Akkoma in Docker</title>
<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-],
pre[class*=language-] {
color: #f8f8f2;
background: 0 0;
background: #0e0f0f;
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-size: 1em;
font-size: 0.95em;
text-align: left;
white-space: pre;
word-spacing: normal;

View file

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

View file

@ -5,7 +5,7 @@
<title>askiiart.net TIL</title>
<description>The feed for askiiart.net but just TIL, I guess</description>
<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>
<title>Akkoma in Docker</title>
<link>https://askiiart.net/til/akkoma-in-docker.html</link>