Files
fedilearns/_site/submit/index.html

367 lines
8.3 KiB
HTML
Raw Normal View History

2026-05-05 14:31:46 -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">
<title>Submit a Listing | FediLearns</title>
<meta name="description" content="Learning together, by and for the fediverse">
<meta property="og:title" content="Submit a Listing | 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">
2026-05-05 20:20:07 -07:00
<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.">
2026-05-05 14:31:46 -07:00
<meta name="generator" content="Eleventy v3.1.5">
<style>.category-title {
2026-05-05 17:14:05 -07:00
font-family: "Bebas Neue", sans-serif;
2026-05-05 14:31:46 -07:00
font-size: 1.5rem;
background-color: var(--color-gray);
padding: .25rem;
}
2026-05-06 08:28:25 -07:00
.requests-update {
padding: 1rem;
border: solid var(--color-cyan);
}
2026-05-05 14:31:46 -07:00
: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;
2026-05-05 17:14:05 -07:00
font-family: "Fraunces", serif;
2026-05-05 14:31:46 -07:00
font-weight: 300;
}
main {
padding-bottom: 2rem;
}
@media (max-width: 1050px) {
body {
width: 85%
}
}
@media (max-width: 650px) {
body {
width: 92%;
}
}
2026-05-05 17:08:24 -07:00
h1, h2, h3 {
2026-05-05 14:31:46 -07:00
font-weight: 400;
}
h1 {
text-align: center;
font-size: 3rem;
2026-05-05 17:14:05 -07:00
margin: 3rem auto;
2026-05-05 14:31:46 -07:00
}
@media (max-width: 650px) {
h1 {
font-size: 2.4rem;
margin-top: 1rem;
}
}
2026-05-06 08:28:25 -07:00
h2 {
margin-bottom: .5rem;
}
2026-05-05 14:31:46 -07:00
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;
}
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 {
2026-05-05 17:14:05 -07:00
font-family: "Bebas Neue", sans-serif;
2026-05-05 14:31:46 -07:00
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/" aria-current="page">submit a listing</a></li>
</ul>
</nav>
</header>
<main id="main">
<h1 id="submit-a-listing">Submit a Listing</h1>
2026-05-06 08:28:25 -07:00
<p class="requests-update">
<em>Hey! Listen!</em> I'm working on supporting requests as well as offers,
so don't be surprised to see that on the submission form. Coming soon to the site!
</p>
2026-05-05 14:31:46 -07:00
<p>To submit to the FediLearns Classifieds, you'll need:</p>
<ul>
<li>the link to your fediverse profile</li>
2026-05-06 08:28:25 -07:00
<li>whether your listing is an offer or a request for help</li>
2026-05-05 14:31:46 -07:00
<li>the <a href="#category-guide">most relevant category</a> for your listing</li>
<li>a title for your offering</li>
<li>a short description</li>
<li>optionally, a suggested rate - if not provided, free is the assumption</li>
</ul>
<p>See <a href="/">the home page</a> for inspiration.</p>
<p> You can submit using
<a href="https://airtable.com/appbdRJ59MLprB1iC/pagfJTOl4KPwh7trd/form" target="_blank">the listing submission form</a>,
<a href="https://flipping.rocks/@inherentlee" target="_blank">message me on
fedi</a>, or
<a href="mailto:lee.cattarin@gmail.com?subject=Fediverse%20Skillshare%20Classifieds">email
me</a> all the information mentioned above.
</p>
<p>Feel free to submit multiple times in multiple categories, but I'd prefer that
all offerings within one category be grouped into one listing if possible!
Exceptions can be made for wildly divergent topics, but try to keep it short
and sweet.
</p>
<h2 id="category-guide">Category guide</h2>
<p>Here's some examples as to what might fall under each category as they currently exist...</p>
<h3 class="category-title" id="animals-and-the-outdoors">Animals and the outdoors</h3>
<ul>
<li>Raising a cat</li>
<li>Mushroom identification</li>
<li>Natural navigation</li>
</ul>
<h3 class="category-title" id="art-and-crafts">Art and Crafts</h3>
<ul>
<li>Learning to knit</li>
<li>Painting techniques</li>
<li>How to get started with woodcarving</li>
</ul>
<h3 class="category-title" id="beauty-and-health">Beauty and Health</h3>
<ul>
<li>Fashion tips</li>
<li>How to braid hair</li>
<li>Workouts for core strength</li>
</ul>
<h3 class="category-title" id="business">Business</h3>
<ul>
<li>Job interview practice</li>
<li>Guide to changing fields</li>
<li>Writing a good performance review</li>
</ul>
<h3 class="category-title" id="food-and-drink">Food and Drink</h3>
<ul>
<li>Sourdough starting</li>
<li>Gardening for food (also totally cool in "Animals and the Outdoors")</li>
<li>One-pot meals</li>
</ul>
2026-05-05 19:54:39 -07:00
<h3 class="category-title" id="history-science-and-language">History Science and Language</h3>
2026-05-05 14:31:46 -07:00
<ul>
<li>Exploring ancient history</li>
<li>Chemistry basics</li>
<li>Philosophy discussion</li>
</ul>
<h3 class="category-title" id="interpersonal-and-life">Interpersonal and Life</h3>
<ul>
<li>Neurodivergent life tactics</li>
<li>Navigating workplace transition (also totally cool in "Business")</li>
<li>Mediating hard discussions</li>
</ul>
<h3 class="category-title" id="miscellany-and-more">Miscellany and More</h3>
<ul>
<li>Surprise me!</li>
</ul>
<h3 class="category-title" id="repair-and-diy">Repair and DIY</h3>
<ul>
<li>Plumbing basics</li>
<li>Fixing broken appliances</li>
<li>Mending clothing (also totally cool in "Art and Crafts")</li>
</ul>
<h3 class="category-title" id="technology">Technology</h3>
<ul>
<li>Home networking</li>
<li>Introductory web development</li>
<li>Learning Python</li>
</ul>
<h3 class="category-title" id="writing-editing-and-literature">Writing Editing and Literature</h3>
<ul>
<li>Editing scientific writing</li>
<li>Creating relatable characters</li>
<li>How to write a book review</li>
</ul>
</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="/feed.xml">RSS</a>
</li>
<li>
2026-05-05 17:08:24 -07:00
<a href="https://heckin.technology/inherentlee/fedilearns" target="_blank">source code</a>
2026-05-05 14:31:46 -07:00
</li>
</ul>
</footer>
2026-05-06 09:02:12 -07:00
<!-- This page `/submit/` was built on 2026-05-06T15:59:49.569Z -->
2026-05-05 14:31:46 -07:00
</body>
</html>