Mirror of https://github.com/roostorg/playground github.com/roostorg/playground
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

projects: add atproto-ruleset; tweak styles

+23 -8
+10 -1
_data/projects.yml
··· 24 24 tags: 25 25 - osprey 26 26 - atproto 27 - - labeler 27 + - labeler 28 + 29 + - title: atproto-ruleset 30 + description: | 31 + Osprey ruleset made for moderating Bluesky and other AT Protocol apps 32 + url: https://github.com/haileyok/atproto-ruleset 33 + tags: 34 + - osprey 35 + - atproto 36 + - ruleset
+13 -7
style.css
··· 86 86 } 87 87 88 88 ul#projects { 89 + align-items: stretch; 89 90 display: flex; 90 91 flex-wrap: wrap; 91 92 gap: 1em; ··· 94 95 padding: 0; 95 96 } 96 97 97 - #projects a { 98 + #projects li { 99 + flex-grow: 1; 100 + max-width: calc(var(--max-width) / 2 - 1.5em); 101 + } 102 + 103 + #projects li a { 98 104 --project-color: var(--roost-yellow); 99 105 border: 2px dashed var(--project-color); 100 106 border-radius: 1em; 101 107 color: inherit; 102 108 display: block; 103 - max-width: calc(var(--max-width) / 3 - 3em); 109 + height: 100%; 104 110 padding: 1em 1.5em; 105 111 text-decoration: none; 106 112 } ··· 113 119 --project-color: var(--roost-muddy); 114 120 } 115 121 116 - #projects a:hover, 117 - #projects a:focus { 122 + #projects li a:hover, 123 + #projects li a:focus { 118 124 background-color: color-mix(var(--project-color) 10%, transparent); 119 125 } 120 126 121 - #projects h2 { 127 + #projects li h2 { 122 128 margin: 0 auto 0.5em; 123 129 padding: 0; 124 130 } 125 131 126 - #projects p { 132 + #projects li p { 127 133 margin: 0 auto; 128 134 padding: 0; 129 135 } 130 136 131 - #projects .tag { 137 + .tag { 132 138 background-color: var(--project-color); 133 139 border-radius: 999px; 134 140 color: var(--roost-dark);