nonbinary.computer
fork
Configure Feed
Select the types of activity you want to include in your feed.
atproto blogging
fork
Configure Feed
Select the types of activity you want to include in your feed.
1/* Notebook cover - sidebar on desktop, header on mobile */
2
3.notebook-cover {
4 /* No background - same plane as page */
5}
6
7/* Desktop: sidebar gets top and right borders */
8@media (min-width: 1400px) {
9 .notebook-cover {
10 padding: 1.25rem;
11 }
12}
13
14/* Mobile: header gets top and bottom borders */
15@media (max-width: 1400px) {
16 .notebook-cover {
17 border-top: 1px solid var(--color-border);
18 border-bottom: 1px solid var(--color-border);
19 padding: 1.25rem 0;
20 margin-bottom: 2rem;
21 }
22}
23
24.notebook-cover-title {
25 font-size: 1.5rem;
26 font-weight: 700;
27 color: var(--color-primary);
28 margin: 0 0 1rem 0;
29 font-family: var(--font-heading);
30}
31
32.notebook-cover-authors {
33 margin-bottom: 1.25rem;
34}
35
36.notebook-authors-list {
37 display: flex;
38 flex-direction: column;
39 gap: 1rem;
40}
41
42.author-separator {
43 display: none;
44}
45
46/* Cover-specific author sizing (uses embed-author base styles) */
47.notebook-author .embed-avatar {
48 width: 48px;
49 height: 48px;
50 min-width: 48px;
51 min-height: 48px;
52 max-width: 48px;
53 max-height: 48px;
54}
55
56.notebook-cover-description {
57 color: var(--color-text);
58 line-height: 1.6;
59 margin-bottom: 1rem;
60 white-space: pre-wrap;
61}
62
63.notebook-cover-meta {
64 display: flex;
65 gap: 1.5rem;
66 align-items: center;
67 flex-wrap: wrap;
68 margin-bottom: 1rem;
69 font-size: 0.9rem;
70 color: var(--color-subtle);
71}
72
73.notebook-cover-stat {
74 font-weight: 500;
75}
76
77.notebook-cover-tags {
78 display: flex;
79 gap: 0.5rem;
80 flex-wrap: wrap;
81}
82
83.notebook-cover-tag {
84 padding: 0.25rem 0.5rem 0.25rem 0;
85 font-size: 0.85rem;
86 color: var(--color-subtle);
87 border-bottom: 1px solid var(--color-border);
88}
89
90/* Owner actions */
91.notebook-cover-actions {
92 display: flex;
93 flex-direction: column;
94 gap: 0.5rem;
95 margin-top: 1.5rem;
96 padding-top: 1rem;
97 border-top: 1px solid var(--color-border);
98}
99
100.notebook-cover-action-link {
101 text-decoration: none;
102}
103
104.notebook-cover-actions .button {
105 width: 100%;
106 text-align: start;
107 border-radius: 0;
108}
109
110/* Settings panel shown inline below actions */
111.notebook-cover-settings {
112 margin-top: 1rem;
113 padding-top: 1rem;
114}
115
116.notebook-cover-settings .notebook-editor {
117 padding: 0;
118}
119
120.notebook-cover-settings .notebook-editor-title {
121 display: none;
122}