static, scriptless homepage for my pds (pds.jeanmachine.dev)
small update; removed scripts & added attribution.
+18
-24
+3
-16
index.css
+3
-16
index.css
···
54
54
margin: 0;
55
55
}
56
56
57
-
.stats {
58
-
font-size: 12px;
59
-
color: var(--subtext);
60
-
margin: 0.5rem 0 1rem;
61
-
}
62
-
63
-
.stats-value {
64
-
color: var(--accent);
65
-
}
66
-
67
-
.stats-sep {
68
-
margin: 0 0.5ch;
69
-
}
70
-
71
57
.body-text {
72
58
color: var(--text);
73
59
opacity: 0.9;
···
85
71
86
72
.link-label {
87
73
color: var(--subtext);
74
+
font-style: italic;
88
75
min-width: 11ch;
89
76
text-align: right;
90
77
padding-right: 1ch;
91
78
flex-shrink: 0;
92
79
}
93
80
94
-
.link-row a {
81
+
a {
95
82
color: var(--accent);
96
83
text-decoration: none;
97
84
transition: text-shadow 0.2s;
98
85
}
99
86
100
-
.link-row a:hover {
87
+
a:hover {
101
88
text-decoration: underline;
102
89
}
+15
-8
index.html
+15
-8
index.html
···
51
51
<span class="link-label">Protocol:</span>
52
52
<a href="https://atproto.com">https://atproto.com</a>
53
53
</div>
54
+
<div class="link-row">
55
+
<span class="link-label">Browse:</span>
56
+
<a href="https://pds.ls/pds.jeanmachine.dev"
57
+
>https://pds.ls/pds.jeanmachine.dev</a
58
+
>
59
+
</div>
54
60
</div>
55
61
56
-
<script>
57
-
window.pdsStats.then(({ repos, records }) => {
58
-
document.getElementById("stat-repos").textContent =
59
-
repos.toLocaleString();
60
-
document.getElementById("stat-records").textContent =
61
-
records.toLocaleString();
62
-
});
63
-
</script>
62
+
<div class="body-text">
63
+
<p style="font-style: italic">
64
+
Run by
65
+
<a
66
+
href="https://bsky.app/profile/did:plc:6vxtya3serxcwvcdk5e7psvv"
67
+
>@jeanmachine.dev</a
68
+
>.
69
+
</p>
70
+
</div>
64
71
</body>
65
72
</html>