diff --git a/.gitignore b/.gitignore index fe37f48..a5bbf25 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ _live +_site diff --git a/_config/filters.js b/_config/filters.js index 23ea0ed..f698c91 100644 --- a/_config/filters.js +++ b/_config/filters.js @@ -16,6 +16,9 @@ export default function(eleventyConfig) { case "art and crafts": tagline = "makin' stuff"; break; + case "beauty and health": + tagline = "lookin' good"; + break; case "food and drink": tagline = "good eatin'"; break; diff --git a/_includes/footer.njk b/_includes/footer.njk index f547276..d4639ca 100644 --- a/_includes/footer.njk +++ b/_includes/footer.njk @@ -1,13 +1,18 @@ diff --git a/_includes/header.njk b/_includes/header.njk index 5048019..948bea8 100644 --- a/_includes/header.njk +++ b/_includes/header.njk @@ -1,4 +1,15 @@
- + + +
+

This site is still a bit of a proof-of-concept. I don't know yet if it'll + go anywhere! Feel free to sign up regardless and I'll put ya in. (Note: all + handles that are @test.test are, I hope obviously, fake data.)

+
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk index f4bef0b..c3d891f 100644 --- a/_includes/layouts/base.njk +++ b/_includes/layouts/base.njk @@ -22,6 +22,7 @@ {# Styles #} + diff --git a/css/home.css b/css/home.css index a85da40..a62420f 100644 --- a/css/home.css +++ b/css/home.css @@ -1,15 +1,15 @@ -#ads { +#listings { columns: 3; } @media (max-width: 1050px) { - #ads { + #listings { columns: 2; } } @media (max-width: 650px) { - #ads { + #listings { columns: 1; } } @@ -18,11 +18,11 @@ #jump-links { padding-bottom: 1rem; margin-bottom: 1rem; - border-bottom: solid var(--color-purple); + border-bottom: solid var(--color-pink); } #jump-links h2, -#category-list li { +#jump-links li { font-family: "Bebas Neue"; font-size: 1.3rem; font-weight: normal; @@ -32,12 +32,16 @@ display: inline; } -#category-list li { +#jump-links a { + text-decoration: none; +} + +#jump-links li { list-style: none; margin: 0; } -#category-list li:not(:last-child)::after { +#jump-links li:not(:last-child)::after { content: "..." / ""; } @@ -45,8 +49,6 @@ .category { break-inside: avoid; - border-bottom: solid var(--color-purple); - margin-bottom: 1rem; } .category-title { @@ -78,27 +80,26 @@ .category-title h2 { scroll-margin-top: 4rem; font-family: "Bebas Neue"; + margin: 0; } .category-title p { text-align: right; font-weight: bold; + margin: 0; } -/* individual ads */ +/* individual listings */ -.ad { +.listing { margin-bottom: 1rem; } -.ad:not(:last-child) { - border-bottom: thin solid var(--color-purple); - padding-bottom: 1rem; -} .blurb { margin-bottom: .5rem; } -.blurb a { + +.blurb strong { font-weight: bold; } diff --git a/css/main.css b/css/main.css index 37280bf..7c56c1e 100644 --- a/css/main.css +++ b/css/main.css @@ -1,19 +1,21 @@ :root { color-scheme: light dark; - --color-dark: #222; - --color-light: #ddd; - --color-cyan-dark: #134947; - --color-cyan-light: #40c5be; - --color-purple-dark: #6007b1; - --color-purple-light: #ba99fe; + --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: rgb(0 0 0 / 15%); + --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-purple: light-dark(var(--color-purple-dark), var(--color-purple-light)); + --color-pink: light-dark(var(--color-pink-dark), var(--color-pink-light)); } * { @@ -34,7 +36,7 @@ body { main { padding-bottom: 2rem; - border-bottom: solid var(--color-purple); + border-bottom: solid var(--color-pink); } @media (max-width: 1050px) { @@ -66,43 +68,36 @@ h1 { } } +h2 { + margin-bottom: 1rem; +} + h3 { text-transform: capitalize; margin-bottom: .5rem; } +p { + margin-bottom: 1rem; +} + a { color: var(--color-cyan); } a:visited { - color: var(--color-purple); + color: var(--color-pink); } main ul { margin-left: 1rem; + margin-bottom: 1rem; } main li { margin-left: 1rem; } -footer { - padding: 1rem 0; -} - -footer ul { - list-style: none; - display: flex; - justify-content: space-around; -} - -footer li { - display: inline; - font-family: "Bebas Neue"; - font-size: 1.15rem; -} - /* iframe is on submission page */ iframe { margin: 2rem 0; diff --git a/css/nav.css b/css/nav.css new file mode 100644 index 0000000..959a297 --- /dev/null +++ b/css/nav.css @@ -0,0 +1,40 @@ +nav { + margin: 1rem 25%; + text-align: center; + border-bottom: solid var(--color-pink); +} + +nav a, +footer li { + font-family: "Bebas Neue"; + font-size: 1.3rem; +} + +nav a { + text-decoration: none; +} + +.wip { + margin: 1rem 0; + border: solid var(--color-cyan); + border-radius: .1rem; + padding: 1rem; +} + +.wip p { + margin: 0; +} + +footer { + padding: 1rem 0; +} + +footer ul { + list-style: none; + display: flex; + justify-content: space-around; +} + +footer li { + display: inline; +} diff --git a/rsync.sh b/rsync.sh new file mode 100755 index 0000000..4b59538 --- /dev/null +++ b/rsync.sh @@ -0,0 +1,3 @@ +#!/bin/bash + +rsync -uav _site/ ../classifieds-site diff --git a/src/ads/08-test-test.md b/src/ads/08-test-test.md new file mode 100644 index 0000000..dc84c1e --- /dev/null +++ b/src/ads/08-test-test.md @@ -0,0 +1,8 @@ +--- +title: Picking the right haircut +handle: 08 +server: test.test +tags: beauty and health +blurb: Duis nec varius dui. In mauris neque, scelerisque sed commodo accumsan, sodales vitae tortor. +date: 2026-04-30 +--- diff --git a/src/index.njk b/src/index.njk index c087662..f570377 100644 --- a/src/index.njk +++ b/src/index.njk @@ -6,7 +6,7 @@ title: Fediverse Skillshare Classifieds -
+
{% for tag in collections | getKeys | removeCoreTags | sortAlphabetically %}

{{ tag }}

{{ tag | getTagline }}

- {% for ad in collections[tag] %} -
-

{{ ad.data.title }}

+ {% for listing in collections[tag] %} +
+

{{ listing.data.title }}

- @{{ ad.data.handle }}@{{ ad.data.server}} - offers: {{ ad.data.blurb }} + + @{{ listing.data.handle }}@{{ listing.data.server}} + offers: {{ listing.data.blurb }}

- listed on + listed on

{% endfor %} diff --git a/src/submit.njk b/src/submit.njk index 1136273..f77c3be 100644 --- a/src/submit.njk +++ b/src/submit.njk @@ -1,21 +1,107 @@ --- layout: base.njk -title: Submit an Ad +title: Submit a Listing --- +{% css %} +.category-title { + font-family: "Bebas Neue"; + font-size: 1.5rem; + background-color: var(--color-gray); + padding: .25rem; +} +{% endcss %} +

To submit to the Skillshare Classifieds, you'll need:

  • your fediverse handle
    • -
  • the most relevant category for your listing
    • +
  • the most relevant category for your listing
  • a title for your offering
  • a short description

See the home page for inspiration.

+

You can submit using the embed below, + open the form in a new tab, or + email + Lee all the information mentioned above. +

+ +

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!

+ + +

Category guide

+ +

Here's some examples as to what might fall under each category as they currently exist...

+ +

Animals and the outdoors

+
    +
  • Raising a cat
    • +
  • Mushroom identification
    • +
  • Natural navigation
    • +
+ +

Art and Crafts

+
    +
  • Learning to knit
    • +
  • Painting techniques
    • +
  • How to get started with woodcarving
    • +
+ +

Beauty and Health

+
    +
  • Fashion tips
    • +
  • How to braid hair
    • +
  • Workouts for core strength
    • +
+ +

Food and Drink

+
    +
  • Sourdough starting
    • +
  • Gardening for food (also totally cool in "Animals and the Outdoors")
    • +
  • One-pot meals
    • +
+ +

History and Science

+
    +
  • Exploring ancient history
    • +
  • Chemistry basics
    • +
  • Philosophy discussion
    • +
+ +

Interpersonal and Life

+
    +
  • Neurodivergent life tactics
    • +
  • Navigating workplace transition
    • +
  • Mediating hard discussions
    • +
+ +

Repair and DIY

+
    +
  • Plumbing basics
    • +
  • Fixing broken appliances
    • +
  • Mending clothing (also totally cool in "Art and Crafts")
    • +
+ +

Technology

+
    +
  • Home networking
    • +
  • Introductory web development
    • +
  • Learning Python
    • +
+ +

Writing Editing and Literature

+
    +
  • Editing scientific writing
    • +
  • Creating relatable characters
    • +
  • How to write a book review
    • +