Mirror of https://github.com/roostorg/playground
github.com/roostorg/playground
projects: add atproto-ruleset; tweak styles
+23
-8
+10
-1
_data/projects.yml
+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
+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);