fix fonts and improve CSS - more contrast and bigger now, easier to read!
This commit is contained in:
askiiart
parent
5999b14302
commit
5e294a50bd
GPG key ID:
BC3800E55FB54D67
10 changed files with 49 additions and 31 deletions
BIN
assets/AtkinsonHyperlegible-Bold.woff2
Normal file
BIN
assets/AtkinsonHyperlegible-Bold.woff2
Normal file
Binary file not shown.
BIN
assets/AtkinsonHyperlegible-BoldItalic.woff2
Normal file
BIN
assets/AtkinsonHyperlegible-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
assets/AtkinsonHyperlegible-Italic.woff2
Normal file
BIN
assets/AtkinsonHyperlegible-Italic.woff2
Normal file
Binary file not shown.
|
|
@ -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 "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>';
|
||||
}</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>
|
||||
|
|
|
|||
|
|
@ -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)\]
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
10
feed.xml
10
feed.xml
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
39
style.css
39
style.css
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue