diff --git a/content/blog/2023-01-17-webfinger-redir.md b/content/blog/2023-01-17-webfinger-redir.md index c5a1031..ed7f785 100644 --- a/content/blog/2023-01-17-webfinger-redir.md +++ b/content/blog/2023-01-17-webfinger-redir.md @@ -8,6 +8,8 @@ draft: false extra: auto_center_images: true excerpt: "I made a custom search prefix for my browser that can resolve ActivityPub accounts into their profile pages" + discuss: + reddit: https://www.reddit.com/r/ewpratten/comments/12xzulo/lazy_search_for_mastodon_accounts/ --- Anyone who has been using Mastodon (or other ActivityPub servers) for a bit might have noticed how its a little annoying to look up someone's "home profile" from their account handle. My personal flow goes something like: diff --git a/content/blog/2023-02-07-ipv6-canvas.md b/content/blog/2023-02-07-ipv6-canvas.md index 23c534e..ac68667 100644 --- a/content/blog/2023-02-07-ipv6-canvas.md +++ b/content/blog/2023-02-07-ipv6-canvas.md @@ -8,6 +8,8 @@ draft: false extra: auto_center_images: true excerpt: "Using some python, I have a reference to this website semi-permanently implanted on the IPv6 Canvas" + discuss: + reddit: https://www.reddit.com/r/ewpratten/comments/12xzvf9/blatant_selfadvertising_on_the_ipv6_canvas/ --- Yesterday, the [IPv6 Canvas](https://blog.tugzrida.xyz/2023/02/06/introducing-the-ipv6-canvas/) was pushed to the public. diff --git a/content/blog/2023-02-15-wireguard-options.md b/content/blog/2023-02-15-wireguard-options.md index 525b16c..d90038b 100644 --- a/content/blog/2023-02-15-wireguard-options.md +++ b/content/blog/2023-02-15-wireguard-options.md @@ -8,6 +8,8 @@ draft: false extra: auto_center_images: true excerpt: "This post covers some lesser known WireGuard configuration options that I have found useful" + discuss: + reddit: https://www.reddit.com/r/ewpratten/comments/12xzvun/some_lesser_known_wireguard_settings/ --- I extensively use [WireGuard](https://www.wireguard.com/) to keep various devices connected across foreign and unstable networks. Over the past few years of doing this, I've discovered a few handy configuration tricks that can help in weirdly specific situations. The following is a short overview to be used as reference in the future. diff --git a/content/blog/2023-03-21-hackernews-block-ai.md b/content/blog/2023-03-21-hackernews-block-ai.md index d331e98..2325723 100644 --- a/content/blog/2023-03-21-hackernews-block-ai.md +++ b/content/blog/2023-03-21-hackernews-block-ai.md @@ -8,6 +8,9 @@ draft: false extra: auto_center_images: true excerpt: "This post shows off a userscript I built that hides AI topics from Hacker News." + discuss: + reddit: https://www.reddit.com/r/ewpratten/comments/12xzw5x/a_script_that_hides_ai_topics_from_hacker_news/ + hacker_news: https://news.ycombinator.com/item?id=35252186 --- Ok. AI-backed tools are cool, but sometimes I just want to read about something else on the [Hacker News](https://news.ycombinator.com/news) website. diff --git a/sass/styles/layout.scss b/sass/styles/layout.scss index b5bdfd5..4e392f9 100644 --- a/sass/styles/layout.scss +++ b/sass/styles/layout.scss @@ -1,10 +1,56 @@ .page { - & > .container { + & .container { max-width: 800px; margin: auto !important; padding-left: 1em; padding-right: 1em; } + + // A box that sits to the left of .container + .left-side { + .left-box { + display: none; + // padding: 0; + // margin: 0; + + img { + display: inline-block; + height: 1.25em; + width: 1.25em; + + filter: invert(9%) sepia(97%) saturate(6581%) hue-rotate(247deg) + brightness(94%) contrast(144%); + } + } + + @media screen and (min-width: 910px) { + float: left; + width: calc((100vw - 800px) / 2); + display: flex; + flex-direction: row; + justify-content: right; + + .left-box { + display: flex; + flex-direction: column; + + margin-top: 3em; + margin-right: 1em; + + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + + border: 1px solid black; + } + } + @media screen and (max-width: 910px) { + max-width: 800px; + margin: auto !important; + padding-left: 1em; + padding-right: 1em; + } + } } .mermaid { diff --git a/templates/base.html b/templates/base.html index b4602bd..536218e 100644 --- a/templates/base.html +++ b/templates/base.html @@ -68,22 +68,30 @@ {# Actual content #} - {% if redirect_target %} -
-

Redirection Notice

-

- You are being redirected to another page.
- Click here if this does not happen automatically. -

-
- {% else %} -
- {% block content %}{% endblock content %} -
- {% endif %} +
+
+ {% block left_side %} + {% endblock left_side %} +
+
+ {% if redirect_target %} +
+

Redirection Notice

+

+ You are being redirected to another page.
+ Click here if this does not happen automatically. +

+
+ {% else %} +
+ {% block content %}{% endblock content %} +
+ {% endif %} - {# Footer #} - {% include "components/footer.html" %} + {# Footer #} + {% include "components/footer.html" %} +
+
{# External scripts #} diff --git a/templates/page.html b/templates/page.html index ab743fa..c5d6f1e 100644 --- a/templates/page.html +++ b/templates/page.html @@ -50,4 +50,26 @@
{{ page.content | safe }} -{% endblock content %} \ No newline at end of file +{% endblock content %} + + +{% block left_side %} +{% if page.extra.discuss %} +
+ + View on Reddit + + {% if page.extra.discuss.hacker_news %} + + View on Hacker News + + {% endif %} + + Comment via Email + +
+{% endif %} +{% endblock left_side %} \ No newline at end of file