rssportal

This commit is contained in:
zoe 2022-09-16 16:41:04 +02:00
parent ada4a61a6d
commit afdf71da7a
11 changed files with 180 additions and 3 deletions

View file

@ -0,0 +1,28 @@
---
title: "rssmatrix"
date: 2022-09-16T16:04:43+02:00
draft: false
description: "a circuitpython script to show rss feeds from miniflux, the weather from wtt.in and the time using aio"
---
{{<figure src="/img/rssmatrix.gif" alt="colorful scrolling text on an led matrix display, showing rss feed weather and time">}}
this is a circuitpython script for an adafruit matrix portal m4 and a 64x32 led matrix display
it can display rss feeds from miniflux, the weather from wttr.in and the time using aio
i like looking at it since it's nice and blinky but have to turn it off sometimes because it's also very distracting
finding a font for it was very weird.
first i tried the pico8 font, but that was honestly a bit too big and also used too much power for running it from a usb 2.0 port
but then i found [a website with a bunch of retro fonts and the paradise systems one just kinda spoke to me](https://int10h.org/oldschool-pc-fonts/fontlist/?3#paradise)
very nice and blocky with cool serifs
## using it yourself
- install circuitpython on your matrixportal
- clone the [git repo](https://git.kittycat.homes/zoe/rssmatrix.git)
- fill out the secrets.py file with your data
- copy the contents of the git repo onto your matrixportal
- plug in
if you want to use a different microcontroller or display u can probably figure out what to do yourself or write your own script

BIN
public/img/rssmatrix.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

View file

@ -6,7 +6,18 @@
<description>Recent content in home on bat</description> <description>Recent content in home on bat</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>eng</language> <language>eng</language>
<lastBuildDate>Sat, 30 Jul 2022 09:49:41 +0200</lastBuildDate><atom:link href="https://zoe.kittycat.homes/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Fri, 16 Sep 2022 16:04:43 +0200</lastBuildDate><atom:link href="https://zoe.kittycat.homes/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>rssmatrix</title>
<link>https://zoe.kittycat.homes/software/rssmatrix/</link>
<pubDate>Fri, 16 Sep 2022 16:04:43 +0200</pubDate>
<guid>https://zoe.kittycat.homes/software/rssmatrix/</guid>
<description>this is a circuitpython script for an adafruit matrix portal m4 and a 64x32 led matrix display it can display rss feeds from miniflux, the weather from wttr.in and the time using aio
i like looking at it since it&amp;rsquo;s nice and blinky but have to turn it off sometimes because it&amp;rsquo;s also very distracting
finding a font for it was very weird. first i tried the pico8 font, but that was honestly a bit too big and also used too much power for running it from a usb 2.</description>
</item>
<item> <item>
<title>space kitty</title> <title>space kitty</title>
<link>https://zoe.kittycat.homes/software/space-kitty/</link> <link>https://zoe.kittycat.homes/software/space-kitty/</link>

View file

@ -278,6 +278,9 @@ hr,
margin-right: 24%; margin-right: 24%;
margin-left: 24%; } margin-left: 24%; }
img {
width: 100%; }
#content img { #content img {
display: block; display: block;
overflow: hidden; overflow: hidden;

View file

@ -4,7 +4,12 @@
<url> <url>
<loc>https://zoe.kittycat.homes/</loc> <loc>https://zoe.kittycat.homes/</loc>
<lastmod>2022-07-30T09:49:41+02:00</lastmod> <lastmod>2022-09-16T16:04:43+02:00</lastmod>
</url>
<url>
<loc>https://zoe.kittycat.homes/software/rssmatrix/</loc>
<lastmod>2022-09-16T16:04:43+02:00</lastmod>
</url> </url>
<url> <url>

View file

@ -26,6 +26,12 @@
<div id="pagelist"> <div id="pagelist">
<div id="postlist">
<h2 class="colorswitch posttitle">
<a class="colorswitch singlepagelink" href="https://zoe.kittycat.homes/software/rssmatrix/">rssmatrix</h2><div class="postdescription">a circuitpython script to show rss feeds from miniflux, the weather from wtt.in and the time using aio</a><br>
<a class="postinfo colorswitch" href="https://zoe.kittycat.homes/software/rssmatrix/">read more...</a>
</div>
<div id="postlist"> <div id="postlist">
<h2 class="colorswitch posttitle"> <h2 class="colorswitch posttitle">
<a class="colorswitch singlepagelink" href="https://zoe.kittycat.homes/software/space-kitty/">space kitty</h2><div class="postdescription">a cute little website that doesn&#39;t really do anything</a><br> <a class="colorswitch singlepagelink" href="https://zoe.kittycat.homes/software/space-kitty/">space kitty</h2><div class="postdescription">a cute little website that doesn&#39;t really do anything</a><br>

View file

@ -7,6 +7,17 @@
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>eng</language> <language>eng</language>
<lastBuildDate>Fri, 15 Apr 2022 20:45:43 +0200</lastBuildDate><atom:link href="https://zoe.kittycat.homes/software/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Fri, 15 Apr 2022 20:45:43 +0200</lastBuildDate><atom:link href="https://zoe.kittycat.homes/software/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>rssmatrix</title>
<link>https://zoe.kittycat.homes/software/rssmatrix/</link>
<pubDate>Fri, 16 Sep 2022 16:04:43 +0200</pubDate>
<guid>https://zoe.kittycat.homes/software/rssmatrix/</guid>
<description>this is a circuitpython script for an adafruit matrix portal m4 and a 64x32 led matrix display it can display rss feeds from miniflux, the weather from wttr.in and the time using aio
i like looking at it since it&amp;rsquo;s nice and blinky but have to turn it off sometimes because it&amp;rsquo;s also very distracting
finding a font for it was very weird. first i tried the pico8 font, but that was honestly a bit too big and also used too much power for running it from a usb 2.</description>
</item>
<item> <item>
<title>space kitty</title> <title>space kitty</title>
<link>https://zoe.kittycat.homes/software/space-kitty/</link> <link>https://zoe.kittycat.homes/software/space-kitty/</link>

View file

@ -0,0 +1,110 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="a circuitpython script to show rss feeds from miniflux, the weather from wtt.in and the time using aio">
<title>rssmatrix@bat</title>
<script type="module" src="/js/main.js"></script>
<link rel="stylesheet" href="/scss/main.css">
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head>
<body class="colorswitch"><div id="content">
<section id="main">
<div class="titlecontainer">
<h1 id="title" class="colorswitch"><a href="../" class="colorswitch uplink">rssmatrix</a></h1>
</div>
<div>
<article id="content" class="colorswitch">
<figure>
<img src="/img/rssmatrix.gif"
alt="colorful scrolling text on an led matrix display, showing rss feed weather and time"/>
</figure>
<p>this is a circuitpython script for an adafruit matrix portal m4 and a 64x32 led matrix display
it can display rss feeds from miniflux, the weather from wttr.in and the time using aio</p>
<p>i like looking at it since it&rsquo;s nice and blinky but have to turn it off sometimes because it&rsquo;s also very distracting</p>
<p>finding a font for it was very weird.
first i tried the pico8 font, but that was honestly a bit too big and also used too much power for running it from a usb 2.0 port
but then i found <a href="https://int10h.org/oldschool-pc-fonts/fontlist/?3#paradise">a website with a bunch of retro fonts and the paradise systems one just kinda spoke to me</a>
very nice and blocky with cool serifs</p>
<h2 id="using-it-yourself" class="colorswitch">
<a class="hash-link colorswitch" href="#using-it-yourself">
&nbsp;using it yourself
</a>
</h2>
<ul>
<li>install circuitpython on your matrixportal</li>
<li>clone the <a href="https://git.kittycat.homes/zoe/rssmatrix.git">git repo</a></li>
<li>fill out the secrets.py file with your data</li>
<li>copy the contents of the git repo onto your matrixportal</li>
<li>plug in</li>
</ul>
<p>if you want to use a different microcontroller or display u can probably figure out what to do yourself or write your own script</p>
</article>
</div>
</section>
<aside id="meta">
<div>
<section>
</section>
</div>
</aside>
</div><footer class="colorswitch">
<span id="footer-left"><a href="/" id="pageindicator" class="colorswitch" title="rssmatrix"> bat</a></span>
<span id="footer-center">
<nav id="footer-nav" aria-label="navigation">
<a class="footer-nav-item colorswitch" href="/" title="home"></a>
<a class="footer-nav-item colorswitch" href="/links/" title="links"></a>
<a class="footer-nav-item colorswitch" href="/music/" title="music"></a>
<a class="footer-nav-item colorswitch" href="/games/" title="games"></a>
<a class="footer-nav-item colorswitch" href="/software/" title="software"></a>
</nav>
</span>
<span id="footer-right">
<div class="flexjs">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
</div>
<div class="flexjs">
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
<nav aria-label="hamburger menu">
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
</nav>
</div>
<noscript>
<nav>
<a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
</nav>
</noscript>
<div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation">
<a class="hamburger-nav-item colorswitch" href="/" title="home"> home</a><br>
<a class="hamburger-nav-item colorswitch" href="/links/" title="links"> links</a><br>
<a class="hamburger-nav-item colorswitch" href="/music/" title="music"> music</a><br>
<a class="hamburger-nav-item colorswitch" href="/games/" title="games"> games</a><br>
<a class="hamburger-nav-item colorswitch" href="/software/" title="software"> software</a><br>
</nav>
</span>
</noscript>
</footer>
</body>
</html>

View file

@ -278,6 +278,9 @@ hr,
margin-right: 24%; margin-right: 24%;
margin-left: 24%; } margin-left: 24%; }
img {
width: 100%; }
#content img { #content img {
display: block; display: block;
overflow: hidden; overflow: hidden;

BIN
static/img/rssmatrix.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

@ -1 +1 @@
Subproject commit a238bb327fa7be49bda02716f9a0d2d4a18eb848 Subproject commit 0145026f55e15d3ceea842a388f601e9cfdd8a5d