commit 838a7ad
anne-lotte
·
2026-07-04 12:44:46 +0000 UTC
parent 838a7ad
init
A
main.css
+673,
-0
1@@ -0,0 +1,673 @@
2+*,
3+::before,
4+::after {
5+ box-sizing: border-box;
6+}
7+
8+::-moz-focus-inner {
9+ border-style: none;
10+ padding: 0;
11+}
12+:-moz-focusring {
13+ outline: 1px dotted ButtonText;
14+}
15+:-moz-ui-invalid {
16+ box-shadow: none;
17+}
18+
19+:root {
20+ --line-height: 1.3rem;
21+ --grid-height: 0.65rem;
22+}
23+
24+html {
25+ background-color: var(--bg-color);
26+ color: var(--code-text);
27+ font-size: 16px;
28+ line-height: var(--line-height);
29+ font-family:
30+ "Iowan Old Style",
31+ "Palatino Linotype",
32+ "Book Antiqua",
33+ Palatino,
34+ "URW Palladio L",
35+ "Times New Roman",
36+ Times,
37+ serif;
38+ -webkit-text-size-adjust: 100%;
39+ -moz-tab-size: 4;
40+ -o-tab-size: 4;
41+ tab-size: 4;
42+}
43+
44+.box {
45+ background-color: var(--box);
46+ margin: 1rem 0;
47+ padding: var(--grid-height);
48+ border: 1px solid var(--border);
49+}
50+
51+
52+body {
53+ margin: 0 auto;
54+ padding: 0 1rem;
55+ max-width: 86rem;
56+}
57+
58+img {
59+ max-width: 100%;
60+ height: auto;
61+}
62+
63+b,
64+strong {
65+ font-weight: bold;
66+}
67+
68+code,
69+kbd,
70+samp,
71+pre {
72+ font-family: monospace;
73+}
74+
75+code,
76+kbd,
77+samp {
78+ border: 2px solid var(--code);
79+}
80+
81+pre > code {
82+ background-color: inherit;
83+ padding: 0;
84+ border: none;
85+}
86+
87+code {
88+/* background-color: var(--bg-color);*/
89+ font-size: 90%;
90+ padding: 0.025rem 0.3rem;
91+ border: 1px solid var(--box);
92+ color: var(--code-text);
93+}
94+
95+pre {
96+ border: 1px solid var(--box);
97+ padding: var(--grid-height);
98+ overflow-x: auto;
99+}
100+
101+h1,
102+h2,
103+h3,
104+h4 {
105+ font-style: italic;
106+ font-size: 1rem;
107+ font-weight: bold;
108+ line-height: var(--line-height);
109+ margin: 0 0 var(--grid-height) 0;
110+ padding: 0;
111+ border: 0;
112+}
113+
114+path {
115+ fill: var(--text-color);
116+}
117+
118+a {
119+ text-decoration: none;
120+ color: var(--text-color);
121+}
122+
123+a:hover,
124+a:visited:hover {
125+ color: var(--visited);
126+ text-decoration: underline;
127+}
128+
129+a:visited {
130+ color: var(--text-color);
131+}
132+
133+header {
134+ margin: 1rem auto;
135+}
136+
137+.brand {
138+ display: inline-flex;
139+ flex-direction: column;
140+ align-items: flex-start;
141+ gap: 0.35rem;
142+ font-weight: 700;
143+}
144+
145+.brand-logo {
146+ width: min(100%, 480px);
147+ height: auto;
148+ max-width: 100%;
149+ border-radius: 0;
150+ display: block;
151+}
152+
153+.root-header-shell {
154+ display: flex;
155+ align-items: stretch;
156+ gap: 0.9rem;
157+}
158+
159+.root-nav-tabs {
160+ display: flex;
161+ flex-direction: column;
162+ justify-content: space-between;
163+ min-width: 7rem;
164+ padding: 10px 0;
165+}
166+
167+.root-nav-tabs a {
168+ color: var(--code-text);
169+ display: block;
170+ padding: 0;
171+ font-size: 0.88rem;
172+}
173+
174+.root-nav-tabs a:hover,
175+.root-nav-tabs .btn-active {
176+ color: var(--box);
177+ text-decoration: underline;
178+}
179+
180+p {
181+ margin-top: var(--line-height);
182+ margin-bottom: var(--line-height);
183+}
184+
185+footer {
186+ text-align: center;
187+}
188+
189+.font-bold {
190+ font-weight: bold;
191+}
192+
193+.mono {
194+ font-family: monospace;
195+ font-style: normal;
196+}
197+
198+.text-sm {
199+ font-size: 0.8rem;
200+}
201+
202+.flex {
203+ display: flex;
204+}
205+
206+.flex-col {
207+ flex-direction: column;
208+}
209+
210+.flex-wrap {
211+ flex-wrap: wrap;
212+}
213+
214+.items-center {
215+ align-items: center;
216+}
217+
218+.m-0 {
219+ margin: 0;
220+}
221+
222+.mb {
223+ margin-bottom: var(--grid-height);
224+}
225+
226+.mb-0 {
227+ margin-bottom: 0;
228+}
229+
230+.my {
231+ margin-top: var(--grid-height);
232+ margin-bottom: var(--grid-height);
233+}
234+
235+.px {
236+ padding-left: 0.5rem;
237+ padding-right: 0.5rem;
238+}
239+
240+.py {
241+ padding-top: var(--grid-height);
242+ padding-bottom: var(--grid-height);
243+}
244+
245+.justify-between {
246+ justify-content: space-between;
247+}
248+
249+.justify-center {
250+ justify-content: center;
251+}
252+
253+.gap {
254+ gap: var(--grid-height);
255+}
256+
257+.gap-2 {
258+ gap: var(--line-height);
259+}
260+
261+.group {
262+ display: flex;
263+ flex-direction: column;
264+ gap: var(--grid-height);
265+}
266+
267+.group-2 {
268+ display: flex;
269+ flex-direction: column;
270+ gap: var(--line-height);
271+}
272+
273+.flex-1 {
274+ flex: 1;
275+}
276+
277+.border-b {
278+ border-bottom: 2px solid var(--border);
279+}
280+
281+.border-b:last-child {
282+ border-bottom: 0;
283+}
284+
285+.subtitle {
286+ color: var(--code-text);
287+}
288+
289+.border-visited {
290+ border-color: var(--box);
291+}
292+
293+.tree-size {
294+ width: 60px;
295+ text-align: right;
296+}
297+
298+.tree-path {
299+ text-wrap: wrap;
300+}
301+
302+.sticky {
303+ position: sticky;
304+ top: 0;
305+ left: 0;
306+}
307+
308+.white-space-bs {
309+ white-space: break-spaces;
310+}
311+
312+.chroma .ln {
313+ padding-left: 0 !important;
314+ padding-right: 0.3em !important;
315+ margin-right: 0.2em !important;
316+}
317+
318+.summary-commit-box {
319+ margin: 0;
320+ padding: 0;
321+}
322+
323+.summary-commit-row {
324+ padding: 0.45rem 0.55rem;
325+}
326+
327+.summary-commit-row .mb {
328+ margin-bottom: 0.2rem;
329+}
330+
331+.summary-commit-msg {
332+ font-size: 0.95rem;
333+ line-height: 1.25;
334+}
335+
336+.summary-meta-box {
337+ margin-top: 0;
338+ padding: 0;
339+}
340+
341+.summary-meta-row {
342+ display: grid;
343+ grid-template-columns: 10rem minmax(0, 1fr);
344+ gap: 0.5rem;
345+ padding: 0.45rem 0.55rem;
346+ align-items: start;
347+}
348+
349+.summary-meta-key {
350+ font-style: italic;
351+}
352+
353+.summary-meta-val {
354+ word-break: break-word;
355+}
356+
357+.summary-meta-clone {
358+ border: 0;
359+ padding: 0;
360+ overflow-x: auto;
361+ white-space: pre-wrap;
362+ word-break: break-word;
363+}
364+
365+.home-grid {
366+ display: grid;
367+ grid-template-columns: repeat(2, minmax(0, 1fr));
368+ gap: 0.8rem;
369+}
370+
371+.home-card,
372+.user-card {
373+ display: grid;
374+ grid-template-columns: 1fr auto;
375+ gap: 0.75rem;
376+ align-items: start;
377+ margin: 0;
378+ padding: 0.55rem 0.7rem;
379+}
380+
381+.repo-name {
382+ font-size: 1.22rem;
383+ line-height: 1.1;
384+ font-weight: 700;
385+ margin: 0 0 0.2rem 0;
386+}
387+
388+.repo-desc {
389+ font-size: 0.88rem;
390+ line-height: 1.25;
391+ opacity: 0.92;
392+}
393+
394+.repo-links {
395+ display: flex;
396+ flex-direction: column;
397+ gap: 0.1rem;
398+ font-size: 0.88rem;
399+ min-width: 6.4rem;
400+}
401+
402+.repo-links a {
403+ text-align: right;
404+}
405+
406+.user-layout {
407+ display: grid;
408+ grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
409+ gap: 1.2rem;
410+ align-items: start;
411+}
412+
413+.user-panel {
414+ display: flex;
415+ flex-direction: column;
416+ gap: 0.9rem;
417+}
418+
419+.user-profile-box,
420+.home-card-single {
421+ margin: 0;
422+}
423+
424+.user-profile-box {
425+ display: flex;
426+ flex-direction: column;
427+ gap: 0.9rem;
428+ padding: 0.65rem 0.75rem;
429+}
430+
431+.user-profile-head {
432+ display: grid;
433+ grid-template-columns: 5.75rem minmax(0, 1fr);
434+ gap: 0.8rem;
435+ align-items: start;
436+}
437+
438+.user-avatar-square {
439+ width: 5.75rem;
440+ aspect-ratio: 1 / 1;
441+ object-fit: cover;
442+ display: block;
443+}
444+
445+.user-profile-copy {
446+ min-width: 0;
447+}
448+
449+.user-profile-copy .repo-name {
450+ margin-bottom: 0.18rem;
451+}
452+
453+.user-profile-copy .repo-desc {
454+ margin-bottom: 0.32rem;
455+}
456+
457+.user-repos-column {
458+ width: 100%;
459+}
460+
461+.home-card-single {
462+ margin-bottom: 0.9rem;
463+}
464+
465+.home-card-single:last-child {
466+ margin-bottom: 0;
467+}
468+
469+.users-grid {
470+ align-items: start;
471+}
472+
473+.user-directory-card {
474+ margin: 0;
475+ padding: 0.65rem 0.75rem;
476+}
477+
478+.user-directory-card .user-profile-head {
479+ grid-template-columns: 5rem minmax(0, 1fr);
480+}
481+
482+.user-directory-card .user-avatar-square {
483+ width: 5rem;
484+}
485+
486+.root-commits-shell {
487+ max-width: 64rem;
488+}
489+
490+.root-about-box {
491+ margin-top: 0;
492+}
493+
494+
495+#site_path,
496+#site_link a,
497+.navs,
498+.text-sm {
499+ color: var(--code-text);
500+ font-style: italic;
501+}
502+
503+.navs a,
504+code,
505+pre,
506+.mono,
507+.tree-size,
508+.tree-path a {
509+ color: var(--code-text);
510+ font-style: normal;
511+}
512+
513+.btn-nav {
514+ padding: 6px 10px;
515+ border: 1px solid var(--border);
516+}
517+
518+.btn-nav:hover, .btn-active {
519+ border-color: var(--visited);
520+ text-decoration: none;
521+ color: var(--text-color);
522+}
523+
524+@media only screen and (max-width: 900px) {
525+ body {
526+ padding: 0 0.5rem;
527+ }
528+
529+ header {
530+ margin: 0;
531+ }
532+
533+ .flex-collapse {
534+ flex-direction: column;
535+ }
536+
537+ .tree-commit {
538+ display: none;
539+ }
540+
541+ .home-grid {
542+ grid-template-columns: 1fr;
543+ }
544+
545+ .root-header-shell {
546+ flex-direction: column;
547+ gap: 0.5rem;
548+ }
549+
550+ .root-nav-tabs {
551+ width: 100%;
552+ }
553+
554+ .user-layout {
555+ grid-template-columns: 1fr;
556+ }
557+
558+ .user-profile-head {
559+ grid-template-columns: 4.75rem minmax(0, 1fr);
560+ }
561+
562+ .user-avatar-square {
563+ width: 4.75rem;
564+ }
565+}
566+
567+/* index tables ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂâÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂàflat index, user index, user repo list */
568+.index-table {
569+ width: 100%;
570+ border-collapse: collapse;
571+ margin-top: var(--grid-height);
572+}
573+
574+.index-table thead th {
575+ text-align: left;
576+ font-weight: normal;
577+ font-style: italic;
578+ padding: var(--grid-height) 0.5rem var(--grid-height) 0;
579+ border-bottom: 1px solid var(--border);
580+ white-space: nowrap;
581+}
582+
583+.index-table tbody tr {
584+ border-bottom: 1px solid var(--border);
585+}
586+
587+.index-table tbody tr:last-child {
588+ border-bottom: 0;
589+}
590+
591+.index-table td {
592+ padding: var(--grid-height) 0.5rem var(--grid-height) 0;
593+ vertical-align: baseline;
594+}
595+
596+.index-col-name {
597+ font-weight: bold;
598+ white-space: nowrap;
599+ min-width: 8rem;
600+}
601+
602+.index-col-desc {
603+ width: 100%;
604+ overflow: hidden;
605+ text-overflow: ellipsis;
606+ white-space: nowrap;
607+ max-width: 0;
608+}
609+
610+.index-col-when {
611+ white-space: nowrap;
612+ text-align: right;
613+ padding-left: 1rem;
614+}
615+
616+.index-col-msg {
617+ white-space: nowrap;
618+ text-align: right;
619+ padding-left: 0.5rem;
620+ font-size: 0.8rem;
621+ max-width: 18rem;
622+ overflow: hidden;
623+ text-overflow: ellipsis;
624+}
625+
626+.muted {
627+ opacity: 0.55;
628+}
629+
630+/* user blocks in the root index */
631+.index-user-block {
632+ margin-bottom: calc(var(--grid-height) * 3);
633+}
634+
635+.index-user-block:last-child {
636+ margin-bottom: 0;
637+}
638+
639+.index-user-header {
640+ display: flex;
641+ align-items: baseline;
642+ gap: 1rem;
643+ padding: var(--grid-height) 0;
644+ border-bottom: 1px solid var(--border);
645+}
646+
647+.index-user-name {
648+ font-weight: bold;
649+ font-size: 1rem;
650+}
651+
652+.index-table-repos {
653+ margin-top: 0;
654+}
655+
656+.index-table-repos td:first-child {
657+ padding-left: 1rem;
658+}
659+
660+.index-user-empty {
661+ padding-left: 1rem;
662+ margin: var(--grid-height) 0;
663+}
664+
665+
666+.user-meta-row {
667+ display: flex;
668+ gap: 0.75rem;
669+ flex-wrap: wrap;
670+ margin-top: 0.45rem;
671+ font-size: 0.88rem;
672+ opacity: 0.88;
673+}
674+
+6,
-0
1@@ -0,0 +1,6 @@
2+srcdump.css
3+--==--==--
4+
5+This repo contains my silly, messy, redesign of https://srcdump.net/
6+
7+Beware! These are extremely messy and subject to change, feel completely free to poke at me on the derive irc or anywhere else if you think it's ass, or if something doesn't work. I'm totes open to suggestions.
A
vars.css
+10,
-0
1@@ -0,0 +1,10 @@
2+:root {
3+ --bg-color: #ffffff;
4+ --text-color: #ffffff; /*1a2a44*/
5+ --code-text: #1a2a44;
6+ --box: #7689b3;
7+ --border: #ffffff; /*7689b3*/
8+ --link-color: #7689b3;
9+ --hover: #1a2a44; /*62739a*/
10+ --visited: #1a2a44; /*7689b3*/
11+}