Files
fedilearns/_site/submit/index.html

355 lines
7.8 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">
<meta name="generator" content="Eleventy v3.1.5">
<style>.category-title {
font-family: "Bebas Neue";
font-size: 1.5rem;
background-color: var(--color-gray);
padding: .25rem;
}
: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";
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:08:24 -07:00
margin: 3rem auto 1rem;
2026-05-05 14:31:46 -07:00
}
@media (max-width: 650px) {
h1 {
font-size: 2.4rem;
margin-top: 1rem;
}
}
h2 {
2026-05-05 17:08:24 -07:00
text-align: center;
margin-bottom: 4rem;
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 {
font-family: "Bebas Neue";
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>
<p>To submit to the FediLearns Classifieds, you'll need:</p>
<ul>
<li>the link to your fediverse profile</li>
<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>
<h3 class="category-title" id="history-and-science">History and Science</h3>
<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-05 17:08:24 -07:00
<!-- This page `/submit/` was built on 2026-05-06T00:08:12.196Z -->
2026-05-05 14:31:46 -07:00
</body>
</html>