From 5789b54848a38811c09b57110c5318f9a7bd1492 Mon Sep 17 00:00:00 2001 From: kevinfiol <> Date: Wed, 12 Jul 2023 06:06:54 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20kevinfio?= =?UTF-8?q?l/reader@9c733ed8f2df0621d1c640a14cd1c8e6ba4bc9a7=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 25310 +++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 276 + 2 files changed, 25586 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000000..5faa04d09b --- /dev/null +++ b/index.html @@ -0,0 +1,25310 @@ + + + + + + + + 🦉 reader + + + +
+ + + +
+
+

🦉

+ +
+ + +
+ +
+
+

all articles

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+

feeds

+ + +
+ + Hacker News: Front Page + + + (https://hnrss.org/frontpage?points=10&comments=5&count=35) + + +
+ Latest: 7/12/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Retronauts + + + (https://retronauts.com/feed/rss) + + +
+ Latest: 7/11/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Hacker News: Best + + + (https://hnrss.org/best?count=35) + + +
+ Latest: 7/11/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + The Handmade Network Podcast + + + (https://handmade.network/podcast/podcast.xml) + + +
+ Latest: 11/24/2022 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Increment + + + (https://increment.com/feed.xml) + + +
+ Latest: 11/9/2021 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+

blogs

+ + +
+ + Nick Janetakis + + + (https://nickjanetakis.com/atom.xml) + + +
+ Latest: 7/11/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Schemescape + + + (https://log.schemescape.com/feed.xml) + + +
+ Latest: 7/10/2023 +
+ + + + + + + + + + + + +
+ +
+ + LOW←TECH MAGAZINE English + + + (https://solar.lowtechmagazine.com/index.xml) + + +
+ Latest: 7/9/2023 +
+ + + + + + + + +
+ +
+ + Xe's Blog + + + (https://xeiaso.net/blog.rss) + + +
+ Latest: 7/8/2023 +
+ + + + + + + + + + + + +
+ +
+ + Skial Bainn + + + (https://blog.skialbainn.com/rss) + + +
+ Latest: 7/6/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Drew DeVault's blog + + + (https://drewdevault.com/blog/index.xml) + + +
+ Latest: 7/4/2023 +
+ + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + fasterthanli.me + + + (https://fasterthanli.me/index.xml) + + +
+ Latest: 7/3/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + j3s.sh + + + (https://j3s.sh/feed.atom) + + +
+ Latest: 6/6/2023 +
+ + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Terry's Free Game of the Week + + + (https://terrysfreegameoftheweek.com/feed/) + + +
+ Latest: 5/24/2023 +
+ + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + https://hashrust.com + + + (https://hashrust.com/rss.xml) + + +
+ Latest: 5/22/2023 +
+ + + + + + + + + + + + + + + + + + + + +
+ +
+ + Edward Loveall + + + (https://blog.edwardloveall.com/rss) + + +
+ Latest: 5/2/2023 +
+ + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Daishi Kato's blog + + + (https://blog.axlight.com/index.xml) + + +
+ Latest: 4/23/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Marvin Hagemeister + + + (https://marvinh.dev/feed.xml) + + +
+ Latest: 4/23/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + zserge's blog + + + (https://zserge.com/rss.xml) + + +
+ Latest: 1/15/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + MasterPlan Devlog - itch.io + + + (https://solarlune.itch.io/masterplan/devlog.rss) + + +
+ Latest: 1/10/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + journal.stuffwithstuff.com + + + (http://journal.stuffwithstuff.com/rss.xml) + + +
+ Latest: 1/3/2023 +
+ + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + https://danluu.com/atom/index.xml + + + (https://danluu.com/atom.xml) + + +
+ Latest: 12/11/2022 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + kevin f. + + + (https://kevinfiol.com/atom.xml) + + +
+ Latest: 10/20/2021 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Alexis King’s Blog + + + (https://lexi-lambda.github.io/feeds/all.rss.xml) + + +
+ Latest: 3/25/2021 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Merely curious + + + (https://merelycurious.me/feed.xml) + + +
+ Latest: 4/18/2020 +
+ + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + Egon Elbre + + + (https://egonelbre.com/index.xml) + + +
+ Latest: 6/18/2019 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+

reddit

+ + +
+ + Quality Gaming Content and Discussion -- /r/Games + + + (https://www.reddit.com/r/Games.rss) + + +
+ Latest: 7/12/2023 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+

🦉📚 welcome to bubo reader

+

select a feed group to get started

+
+
+
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000000..ab044168af --- /dev/null +++ b/style.css @@ -0,0 +1,276 @@ +:root { + --font-size: 14px; + + --color: #111; + --bg-color: #fffff8; + --faded-bg: #f9f9f2; + + --title-font-size: 16px; + --title-font-weight: 600; + + --main-padding-right: 8rem; +} + +@media (prefers-color-scheme: dark) { + :root { + --color: #ddd; + --bg-color: #151515; + --faded-bg: #1b1b1b; + } +} + +@media screen and (max-width: 900px) { + :root { + --main-padding-right: 0; + } + + article.item { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .menu-label, + .menu-btn { + display: block !important; + position: absolute; + top: 0; + right: 0; + z-index: 99; + } + + .menu-btn { + display: none !important; + } + + .menu-label { + padding: 1rem 2rem; + background-color: var(--faded-bg); + } + + .menu-label::after { + content: 'groups'; + } + + .menu-btn:checked ~ .sidebar { + display: block !important; + } + + .menu-btn:checked ~ main { + display: none !important; + } + + .menu-btn:checked ~ .menu-label::after { + content: 'back'; + } + + .sidebar { + display: none !important; + padding: 1rem; + position: absolute; + top: 0; + left: 0; + height: 100%; + background-color: var(--bg-color); + } + + .sidebar + > header + > .group-selector { + list-style: none; + padding: 0; + } + + .sidebar + > header + > .group-selector + > li { + font-size: 1.2em; + } +} + +@keyframes details-show { + from { + opacity:0; + transform: var(--details-translate, translateY(-0.5em)); + } +} + +body { + color: var(--color); + background-color: var(--bg-color); + margin: 0; + padding: 0; + font-family: serif; + font-size: var(--font-size); + overflow: hidden; +} + +details[open] > *:not(summary), +section { + animation: details-show 100ms ease-in-out; +} + +h1, h2, h3 { + font-family: monospace; +} + +a:link { + color: inherit; +} + +a:visited { + color: #b58c8c; +} + +a:hover { + opacity: .75; +} + +summary { + position: sticky; + top: 0; + padding-top: 0.65rem; + padding-bottom: 0.65rem; + user-select: none; + cursor:pointer; + font-family: monospace; + background-color: var(--bg-color); +} + +summary:hover span, +summary:hover div { + opacity:.75; +} + +.menu-btn, +.menu-label { + display: none; +} + +.group-selector a, +.group-selector a:visited { + color: inherit; + font-family: monospace; + line-height: 1.5em; +} + +.feed-title { + font-weight: var(--title-font-weight); + font-size: var(--title-font-size); +} + +.feed-url, .feed-timestamp { + color:#aaa; +} + +.feed-url { + font-size: ; +} + +.feed-timestamp { + margin-left: 1.45rem; +} + +.monospace { + font-family: monospace; +} + +.inline { + display: inline; +} + +.app { + display: flex; + gap: 2rem; + padding: 0 0rem 1rem 1rem; +} + +.sidebar { + flex: 1; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +header { + padding-top: 1rem; +} + +main { + flex: 5; + height: 100vh; + overflow-y: auto; + padding-right: var(--main-padding-right); +} + +article.item { + max-width: 85%; + padding: 0.15rem 0.75rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + background-color: var(--faded-bg); +} + +#all-articles > article.item { + margin-left: 0; +} + +article.item header.item__header { + font-size: var(--title-font-size); +} + +.item__feed-url { + opacity: 0.25; +} + +ul.article-links { + list-style: none; + padding-left: 0; +} + +ul.article-links > li { + display: inline-block; + margin-right: .5rem; +} + +footer { + opacity: 0.25; + font-size: 0.75em; +} + +footer:hover { + opacity: 1; +} + +section { + z-index: 1; + /* ! Everything below is needed ! */ + display: none; + height: 100%; + width: 100%; + background-color: var(--bg-color); +} + +section > h2 { + margin-top: 0; + padding-top: 19px; +} + +section:target { /* Show section */ + display: block; +} + +section:target ~ .default-text { + display: none; +} + + +.default-text { + text-align: center; + position: relative; + top: 5%; + font-family: monospace; + font-size: 2em; +}