cool blur and make blogs better formatted

Signed-off-by: Moxie "The Cobra" Widulski <cobra@vern.cc>
This commit is contained in:
Skylar "The Cobra" Widulski 2022-08-24 10:18:58 -04:00
parent c8189e9b3f
commit 0eeec3a56c
Signed by: cobra
GPG Key ID: 4FD8F812083FF6F9
7 changed files with 28 additions and 13 deletions

View File

@ -11,9 +11,9 @@
<p>Here is a human-readable list of my blogs, from newest to oldest, separated by month and year. For an RSS feed, see <a href=/rss.xml>/rss.xml</a>.</p>
<div class=h><h2 id=2022>2022</h2> <a aria-hidden=true href=#2022>#2022</a></div>
<div class=h><h3 id=2022-06>June 2022</h2> <a aria-hidden=true href=#2022-06>#2022-06</a></div>
<p><a href=/blogs/2022-06-17/free-assange>#FreeAssange</a> - The US government's fight against freedom</p>
<p><a href=/blogs/2022-06-16/free-software-only>Free SOFTWARE Foundation</a> - Why the FSF should not be looked up to</p>
<p><a href=/blogs/2022-06-14/who-is-the-cobra>Who is The Cobra?</a> - Who am I? Why should you read my blog?</p>
<p><a href=/blogs/2022/06/17/free-assange>#FreeAssange</a> - The US government's fight against freedom</p>
<p><a href=/blogs/2022/06/16/free-software-only>Free SOFTWARE Foundation</a> - Why the FSF should not be looked up to</p>
<p><a href=/blogs/2022/06/14/who-is-the-cobra>Who is The Cobra?</a> - Who am I? Why should you read my blog?</p>
<!--#include file="/footer" -->
</body>
</html>

View File

@ -6,8 +6,9 @@
<title>Cobra's Webpage</title>
</head>
<body>
<a id=top></a>
<!--#include file="/nav" -->
<div class=h><h1 id=top>The Cobra's webpage</h1> <a aria-hidden=true href=#top>#top</a></div>
<div class=h><h1>The Cobra's webpage</h1> <a aria-hidden=true href=#top>#top</a></div>
<p><b>Free software is software that respects users' freedom and community.</b></p>
<p>Yo waddup, I'm Moxie Widulski, AKA The Cobra. I am a transgender girl (she/her), student, computer scientist, sysadmin, programmer, <a href="https://stallman.org/saint.html">Church Of Emacs Saint</a>, free software developer and advocate, privacy advocate, polymath, and <span class=vern>~vern</span> admin.</p>
<p>I run <a href="https://trisquel.info/">Trisquel GNU/Linux</a> on my <a href="https://libreboot.org/">libreboot</a> ThinkPad T500 and <a href="https://postmarketos.org/">postmarketOS</a> on my mostly deblobbed <a href="https://pine64.org/">PinePhone</a>, but it's broken so I currently don't have a phone. I'm a <a href="https://gnu.org/philosophy/free-sw.html">free software</a> developer and activist, and use only free software. I also love pizza (yes in fact I am a New Yorker how could you tell).</p>
@ -15,8 +16,9 @@
<p>Copyright information about various things on this site can be found <a href=/copyright>here</a>, and a history of my avatar can be found <a href=/avatar>here</a></p>
<br />
<img src="/media/saint.png" alt="I am a Saint In the Church Of Emacs" />
<a id=interests></a>
<br />
<div class=h><h3 id=interests>Some of my interests include:</h3> <a aria-hidden=true href=#interests>#interests</a></div>
<div class=h><h3>Some of my interests include:</h3> <a aria-hidden=true href=#interests>#interests</a></div>
<ul>
<li>Free software</li>
<li>Free speech</li>
@ -32,19 +34,21 @@
<li>Learning</li>
<li><span class=vern>~vern</span></li>
<li>Hiking/camping/backpacking</li>
<a id=langs></a>
<li>Philosophy</li>
</ul>
<p><small>* Just a little</small></p>
<div class=h><h3 id=langs>The programming languages I know/use are:</h3> <a aria-hidden=true href=#langs>#langs</a></div>
<div class=h><h3>The programming languages I know/use are:</h3> <a aria-hidden=true href=#langs>#langs</a></div>
<ul>
<li>C</li>
<li>BASH</li>
<li>LilyPond</li>
<li>PHP</li>
<a id=hardware></a>
<li>Python</li>
<li>Java</li>
</ul>
<div class=h><h3 id=hardware>Hardware/firmware/OS/DE I use:</h3> <a aria-hidden=true href=#hardwaare>#hardware</a></div>
<div class=h><h3>Hardware/firmware/OS/DE I use:</h3> <a aria-hidden=true href=#hardware>#hardware</a></div>
<ul>
<li><b>IBM Thinkpad T500</b></li>
<li>libreboot</li>
@ -62,10 +66,11 @@
<li>3 GB LPDDR3 RAM</li>
<li>Allwinner A64 CPU</li>
<li>Mali 400 MP2 GPU</li>
<a id=software></a>
<li>Quectel EG25-G with Biktorgj's modem firmware</li>
<li>256 GB SD card</li>
</ul>
<div class=h><h3 id=software>Software et al. miscellaneous things I use:</h3> <a aria-hidden=true href=#software>#software</a></div>
<div class=h><h3>Software et al. miscellaneous things I use:</h3> <a aria-hidden=true href=#software>#software</a></div>
<ul>
<li>Monero</li>
<li>Minetest</li>
@ -89,10 +94,11 @@
<li>GNU Jami</li>
<li>Matrix</li>
<li>Mastodon</li>
<a id=music></a>
<li>Tor</li>
<li>I2P</li>
</ul>
<div class=h><h3 id=music>Some music that I like in no particular order (non-free licenses sadly):</h3> <a aria-hidden=true href=#music>#music</a></div>
<div class=h><h3>Some music that I like in no particular order (non-free licenses sadly):</h3> <a aria-hidden=true href=#music>#music</a></div>
<ul>
<li>Des Rocs</li>
<li>Clay Melton</li>

View File

@ -11,21 +11,21 @@
<title>#FreeAssange</title>
<description>The US government's fight against freedom</description>
<author>cobra@vern.cc</author>
<link>https://cobra.vern.cc/blogs/2022-06-17/free-assange</link>
<link>https://cobra.vern.cc/blogs/2022/06/17/free-assange</link>
<pubDate>Fri, 17 Jun 2022 14:58:09 -0400</pubDate>
</item>
<item>
<title>Free SOFTWARE Foundation</title>
<description>Why the FSF should not be looked up to</description>
<author>cobra@vern.cc</author>
<link>https://cobra.vern.cc/blogs/2022-06-16/free-software-only</link>
<link>https://cobra.vern.cc/blogs/2022/06/16/free-software-only</link>
<pubDate>Thu, 16 Jun 2022 01:10:46 -0400</pubDate>
</item>
<item>
<title>Who is The Cobra?</title>
<description>Who am I? Why should you read my blog?</description>
<author>cobra@vern.cc</author>
<link>https://cobra.vern.cc/blogs/2022-06-14/who-is-the-cobra</link>
<link>https://cobra.vern.cc/blogs/2022/06/14/who-is-the-cobra</link>
<pubDate>Tue, 14 Jun 2022 01:47:59 -0400</pubDate>
</item>
</channel>

View File

@ -15,13 +15,14 @@ body {
header {
padding-top:10px;
padding-bottom:2px;
padding-bottom:4px;
display:flex;
justify-content:space-between;
align-items:center;
/* font-variant:small-caps; */
overflow:hidden;
background-color:#0000007f;
backdrop-filter:blur(3px);
position:sticky;
top:0px;
width:100%;
@ -93,6 +94,14 @@ h1, h2, h3 {
font-size:1.3em;
}
h2 {
font-size;1.2em;
}
h3 {
font-size;1.1em;
}
.h:hover a[aria-hidden] {
display:inline;
color:#ff0000;