Files
fedilearns/_site/daily/2026-05-08/index.html

752 lines
16 KiB
HTML
Raw Normal View History

2026-05-08 14:21:44 -07:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
2026-05-09 07:02:14 -07:00
<link rel="alternate" type="application/atom+xml" href="/feed.xml" title="FediLearns">
2026-05-08 14:21:44 -07:00
<title>May 8th, 2026 | FediLearns</title>
<meta name="description" content="Learning together, by and for the fediverse">
<meta property="og:title" content="May 8th, 2026 | FediLearns">
<meta property="og:type" content="website">
<meta property="og:description" content="Learning together, by and for the fediverse">
<meta property="og:site_name" content="FediLearns">
<meta property="og:image" content="/favicon.ico">
<meta property="og:image:alt" content="a newspaper icon with the fediverse logo, an interconnected rainbow pentagon, superimposed.">
<meta name="generator" content="Eleventy v3.1.5">
<style>.listings {
columns: 3;
}
@media (max-width: 1200px) {
.listings {
columns: 2;
}
}
@media (max-width: 650px) {
.listings {
columns: 1;
}
}
/* jump links */
#jump-links {
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: solid var(--color-pink);
}
#jump-links h2,
#jump-links li {
font-family: "Bebas Neue", sans-serif;
font-size: 1.3rem;
font-weight: normal;
}
#jump-links * {
display: inline;
}
#jump-links a {
text-decoration: none;
}
#jump-links li {
list-style: none;
margin: 0;
}
#jump-links li:not(:last-child)::after {
content: "..." / "";
}
/* categories */
.category {
break-inside: avoid;
}
.category-title {
background-color: var(--color-gray);
padding: .25rem;
margin-bottom: .5rem;
}
/* references highlighting */
/* drawn from https://aarontgrogg.com/blog/2012/05/18/pure-css-highlight-for-link-target/ */
.category-title:has(h2:target) {
animation: hilite 2.5s;
}
@keyframes hilite {
0% {background-color: var(--color-gray);}
10% {background-color: var(--color-cyan-flipped);}
100% {background-color: var(--color-gray);}
}
/* remove animation for reduced motion viewers */
@media (prefers-reduced-motion: reduce) {
.category-title:has(h2:target) {
animation: none;
color: var(--color-cyan);
}
}
.category-title h2 {
text-align: left;
scroll-margin-top: 4rem;
font-family: "Bebas Neue";
margin: 0;
}
.category-title p {
text-align: right;
font-weight: bold;
margin: 0;
}
/* individual listings */
.listing,
.request {
margin-bottom: 1rem;
}
.listing strong,
.request strong {
font-weight: bold;
}
.blurb {
margin-bottom: .5rem;
}
.listed-on {
font-size: .85rem;
text-align: right;
}
/* Requests page */
.title {
background-color: var(--color-gray);
padding: .25rem;
margin-bottom: .5rem;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.title h2 {
text-transform: capitalize;
margin: 0;
}
.title p {
font-family: "Bebas Neue", sans-serif;
font-size: 1.5rem;
margin: 0;
text-align: right;
margin-left: auto;
}
section > h2 {
background-color: var(--color-gray);
font-size: 2rem;
text-align: center;
margin: 5rem 0 1rem;
}
:root {
color-scheme: light dark;
--color-dark: #2e303e;
--color-dark-alt: #3c3f52;
--color-light: #ebeeef;
--color-light-alt: #dbe1e3;
--color-cyan-dark: #18737b;
--color-cyan-light: #25b0bc;
--color-pink-dark: #94195d;
--color-pink-light: #ee9fcb;
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-gray: light-dark(var(--color-light-alt), var(--color-dark-alt));
--color-cyan: light-dark(var(--color-cyan-dark), var(--color-cyan-light));
--color-cyan-flipped: light-dark(var(--color-cyan-light), var(--color-cyan-dark));
--color-pink: light-dark(var(--color-pink-dark), var(--color-pink-light));
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
color: var(--color-text);
background-color: var(--color-bg);
width: 65%;
max-width: 1400px;
margin: 0 auto;
font-family: "Fraunces", serif;
font-weight: 300;
}
main {
padding-bottom: 2rem;
}
@media (max-width: 1050px) {
body {
width: 85%
}
}
@media (max-width: 650px) {
body {
width: 92%;
}
}
2026-05-08 16:55:54 -07:00
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
2026-05-08 14:21:44 -07:00
h1, h2, h3 {
font-weight: 400;
}
h1 {
text-align: center;
font-size: 3rem;
margin: 3rem auto;
}
@media (max-width: 650px) {
h1 {
font-size: 2.4rem;
margin-top: 1rem;
}
}
h2 {
margin-bottom: .5rem;
}
h3 {
text-transform: capitalize;
margin-bottom: .5rem;
}
p {
margin-bottom: 1rem;
}
a {
color: var(--color-cyan);
text-decoration-thickness: .1rem;
transition: text-decoration-thickness .5s;
border-radius: .05rem;
}
a:visited {
color: var(--color-pink);
}
@media (any-hover: hover) {
a:hover {
text-decoration-thickness: .2rem;
}
}
a:focus-visible {
outline: solid var(--color-pink);
}
a:visited:focus-visible {
outline-color: var(--color-cyan);
}
main ul {
margin-left: 1rem;
margin-bottom: 1rem;
}
main li {
margin-left: 1rem;
}
/* iframe is on submission page */
iframe {
margin: 2rem 0;
}
2026-05-08 16:50:59 -07:00
.teal {
color: var(--color-cyan);
}
2026-05-08 14:21:44 -07:00
nav {
padding: .25rem 0 1rem;
}
footer {
padding: 1rem 0;
}
nav ul,
footer ul {
list-style: none;
display: flex;
flex-flow: column;
text-align: center;
gap: .2rem;
}
header,
nav li,
footer li {
font-family: "Bebas Neue", sans-serif;
font-size: 1.3rem;
}
header {
border-bottom: solid var(--color-pink);
}
footer {
border-top: solid var(--color-pink);
}
a[aria-current="page"] {
text-decoration: line-through;
color: rgb(from var(--color-pink) r g b / 65%);
}
/* Skip link */
#skip {
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
#skip:focus-visible {
-webkit-clip-path: none;
clip-path: none;
}</style>
<script type="module"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Fraunces:opsz,wght@9..144,100..900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul>
<li><a id="skip" href="#main">skip to content</a></li>
<li><a href="/">home page</a></li>
<li><a href="/about/">about this site</a></li>
<li><a href="/submit/">submit a listing</a></li>
<li><a href="/requests/">requests for help</a></li>
</ul>
</nav>
</header>
<main id="main">
<h1 id="may-8th-2026">May 8th, 2026</h1>
<section>
<h2 id="offers">Offers</h2>
<div class="listings">
<div class="category">
<div class="category-title">
<h2 id="animals-and-the-outdoors">animals and the outdoors</h2>
<p>touchin&#39; grass</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="art-and-crafts">art and crafts</h2>
<p>makin&#39; stuff</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="beauty-and-health">beauty and health</h2>
<p>feelin&#39; good</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="business">business</h2>
<p>makin&#39; money</p>
</div>
2026-05-08 16:50:59 -07:00
<div class="listing">
<h3 id="make-meetings-and-workshops-less-boring">Make meetings and workshops less boring</h3>
<p class="blurb">
<strong>
<a href="https://cathode.church/@jbot" target="_blank">@jbot@cathode.church</a>
offers:</strong> Need to plan a meeting or workshop? I can help you build a format that is less boring and more engaging. Are people going off topic in your meetings? Is there one person taking up all the space? Or are people not contributing as much as youd like? There are ways to handle all these situations! I can give guidance on how to handle them, along with debriefing sessions after youve run a meeting or workshop to help you improve. Save time and energy, finish your meeting on time, and make your participants day.
</p>
<p><strong>Suggested rate:</strong> for-profit business: $100 USD/hr; non-profit or personal: pay what you can; willing to trade skills</p>
<p class="listed-on">
listed on <time datetime="2026-05-08">May 8, 2026</time>
</p>
</div>
2026-05-08 14:21:44 -07:00
</div>
<div class="category">
<div class="category-title">
<h2 id="food-and-drink">food and drink</h2>
<p>good eatin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="history-science-and-languages">history science and languages</h2>
<p>book learnin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="interpersonal-and-life">interpersonal and life</h2>
<p>better livin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="miscellany-and-more">miscellany and more</h2>
<p>leaves me guessin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="repair-and-diy">repair and diy</h2>
<p>fixin&#39; stuff</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="technology">technology</h2>
<p>computer touchin&#39;</p>
</div>
<div class="listing">
<h3 id="how-to-build-a-personal-website-with-eleventy">How to build a personal website with Eleventy</h3>
<p class="blurb">
<strong>
2026-05-08 16:50:59 -07:00
2026-05-08 14:21:44 -07:00
<a href="https://mastodon.world/@hamatti" target="_blank">@hamatti@mastodon.world</a>
2026-05-08 16:50:59 -07:00
2026-05-08 14:21:44 -07:00
offers:</strong> Would you like to have a personal website in the web but setting up and maintaing a complex system feels overwhelming? I&#39;d like to offer my help with learning how to use Eleventy, a static site generator, to build a site that requires no active maintenance other than content updates. You should know some basics of HTML and how to run commands from a command line to get the best out of this. I&#39;m in EEST timezones and have best availability between 11-16 but that&#39;s just a guideline so let&#39;s chat!
</p>
<p class="listed-on">
listed on <time datetime="2026-05-08">May 8, 2026</time>
</p>
</div>
<div class="listing">
<h3 id="learning-linux">Learning Linux</h3>
<p class="blurb">
<strong>
2026-05-08 16:50:59 -07:00
2026-05-08 14:21:44 -07:00
<a href="https://bribstodon.xyz/@brib" target="_blank">@brib@bribstodon.xyz</a>
2026-05-08 16:50:59 -07:00
2026-05-08 14:21:44 -07:00
offers:</strong> New to Linux and don&#39;t know where to start? Struggling to comb through reams of technical jargon? Wanting to get familiar with the terminal? I&#39;ve been using desktop Linux for 10 years, have recently started self-hosting web services, and will be happy to help demystify the process.
</p>
<p><strong>Suggested rate:</strong> Free for quick questions or a casual chat; pay-what-you-can (suggested rate £30/h) for longer sessions</p>
<p class="listed-on">
listed on <time datetime="2026-05-08">May 8, 2026</time>
</p>
</div>
2026-05-08 16:50:59 -07:00
<div class="listing">
<h3 id="privacy-review-for-your-community-project">privacy review for your community project</h3>
<p class="blurb">
<strong>
@ireneista@adhd.irenes.space</strong> <span class="teal">(Ed. note: copy-paste
handle into your fedi search bar. Server issues when opening as standalone
page.)</span>
<strong>
offers:</strong> we&#39;re an information privacy expert eager to help make sure community-focused projects are up to the highest standard of protecting the people who use them. we&#39;re happy to offer advice or review design docs at any phase of your project&#39;s lifecycle. we also have experience in various kinds of activism and organizing, especially around gender, brains, and labor, and in non-profit governance, and are happy to help with strategic stuff for any of that. please don&#39;t be shy about reaching out!
</p>
<p><strong>Suggested rate:</strong> free as long as your purpose is non-commercial</p>
<p class="listed-on">
listed on <time datetime="2026-05-08">May 8, 2026</time>
</p>
</div>
2026-05-08 14:21:44 -07:00
</div>
<div class="category">
<div class="category-title">
<h2 id="writing-editing-and-literature">writing editing and literature</h2>
<p>wordsmithin&#39;</p>
</div>
<p>No listings.</p>
</div>
</div>
</section>
<section>
<h2 id="requests">Requests</h2>
<div class="listings">
<div class="category">
<div class="category-title">
<h2 id="animals-and-the-outdoors-2">animals and the outdoors</h2>
<p>touchin&#39; grass</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="art-and-crafts-2">art and crafts</h2>
<p>makin&#39; stuff</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="beauty-and-health-2">beauty and health</h2>
<p>feelin&#39; good</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="business-2">business</h2>
<p>makin&#39; money</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="food-and-drink-2">food and drink</h2>
<p>good eatin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="history-science-and-languages-2">history science and languages</h2>
<p>book learnin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="interpersonal-and-life-2">interpersonal and life</h2>
<p>better livin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="miscellany-and-more-2">miscellany and more</h2>
<p>leaves me guessin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="repair-and-diy-2">repair and diy</h2>
<p>fixin&#39; stuff</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="technology-2">technology</h2>
<p>computer touchin&#39;</p>
</div>
<p>No listings.</p>
</div>
<div class="category">
<div class="category-title">
<h2 id="writing-editing-and-literature-2">writing editing and literature</h2>
<p>wordsmithin&#39;</p>
</div>
<p>No listings.</p>
</div>
</div>
</section>
</main>
<footer>
<ul>
<li>
maintained by <a href="https://leecat.art" target="_blank">lee</a>
</li>
<li>
<a href="/daily/">Listings by day</a>
</li>
<li>
<a href="https://heckin.technology/inherentlee/fedilearns" target="_blank">source code</a>
</li>
<li>
<a href="/feed.xml">RSS</a>
</li>
</ul>
</footer>
2026-05-09 07:02:14 -07:00
<!-- This page `/daily/2026-05-08/` was built on 2026-05-09T14:02:07.016Z -->
2026-05-08 14:21:44 -07:00
</body>
</html>