diff --git a/_data/projects.yml b/_data/projects.yml index 95af204..f50bd18 100644 --- a/_data/projects.yml +++ b/_data/projects.yml @@ -24,4 +24,13 @@ tags: - osprey - atproto - - labeler \ No newline at end of file + - labeler + +- title: atproto-ruleset + description: | + Osprey ruleset made for moderating Bluesky and other AT Protocol apps + url: https://github.com/haileyok/atproto-ruleset + tags: + - osprey + - atproto + - ruleset \ No newline at end of file diff --git a/style.css b/style.css index 9e8739f..fd94713 100644 --- a/style.css +++ b/style.css @@ -86,6 +86,7 @@ h1 + p { } ul#projects { + align-items: stretch; display: flex; flex-wrap: wrap; gap: 1em; @@ -94,13 +95,18 @@ ul#projects { padding: 0; } -#projects a { +#projects li { + flex-grow: 1; + max-width: calc(var(--max-width) / 2 - 1.5em); +} + +#projects li a { --project-color: var(--roost-yellow); border: 2px dashed var(--project-color); border-radius: 1em; color: inherit; display: block; - max-width: calc(var(--max-width) / 3 - 3em); + height: 100%; padding: 1em 1.5em; text-decoration: none; } @@ -113,22 +119,22 @@ ul#projects { --project-color: var(--roost-muddy); } -#projects a:hover, -#projects a:focus { +#projects li a:hover, +#projects li a:focus { background-color: color-mix(var(--project-color) 10%, transparent); } -#projects h2 { +#projects li h2 { margin: 0 auto 0.5em; padding: 0; } -#projects p { +#projects li p { margin: 0 auto; padding: 0; } -#projects .tag { +.tag { background-color: var(--project-color); border-radius: 999px; color: var(--roost-dark);