Monorepo for Aesthetic.Computer
aesthetic.computer
Add youandme.at QR code to PDS index page header
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+36
+36
at/index.html
+36
at/index.html
···
37
37
a:hover { text-decoration: underline; }
38
38
39
39
header {
40
+
position: relative;
40
41
text-align: center;
41
42
padding: 1em 0;
42
43
border-bottom: 2px solid rgb(205, 92, 155);
43
44
margin-bottom: 1em;
45
+
}
46
+
47
+
.qr-link {
48
+
position: absolute;
49
+
top: 0.8em;
50
+
right: 0;
51
+
display: flex;
52
+
flex-direction: column;
53
+
align-items: center;
54
+
text-decoration: none;
55
+
opacity: 0.6;
56
+
transition: opacity 0.3s;
57
+
}
58
+
59
+
.qr-link:hover { opacity: 1; text-decoration: none; }
60
+
61
+
.qr-link svg {
62
+
width: 64px;
63
+
height: 64px;
64
+
border-radius: 4px;
65
+
}
66
+
67
+
.qr-label {
68
+
font-size: 0.55em;
69
+
margin-top: 0.3em;
70
+
color: rgb(205, 92, 155);
71
+
}
72
+
73
+
@media (max-width: 600px) {
74
+
.qr-link { position: static; margin: 0.5em auto; }
44
75
}
45
76
46
77
#pals-beacon {
···
374
405
<body>
375
406
<div class="container">
376
407
<header>
408
+
<a class="qr-link" href="https://youandme.at/" target="_blank" aria-label="youandme.at">
409
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" shape-rendering="crispEdges" width="64" height="64"><path fill="#fff" d="M0 0h27v27H0z"/><path stroke="#cd5c9b" d="M1 1.5h7m1 0h1m4 0h4m1 0h7M1 2.5h1m5 0h1m1 0h1m2 0h4m3 0h1m5 0h1M1 3.5h1m1 0h3m1 0h1m1 0h2m2 0h1m1 0h1m3 0h1m1 0h3m1 0h1M1 4.5h1m1 0h3m1 0h1m1 0h3m1 0h3m1 0h1m1 0h1m1 0h3m1 0h1M1 5.5h1m1 0h3m1 0h1m2 0h2m1 0h2m1 0h1m2 0h1m1 0h3m1 0h1M1 6.5h1m5 0h1m1 0h3m2 0h1m2 0h1m1 0h1m5 0h1M1 7.5h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7M11 8.5h2m3 0h1M1 9.5h2m2 0h3m3 0h1m1 0h1m1 0h1m4 0h1m1 0h4M1 10.5h1m1 0h1m1 0h1m2 0h1m6 0h3m3 0h2m1 0h1M1 11.5h2m1 0h1m2 0h1m2 0h2m2 0h3m2 0h2m1 0h2M8 12.5h3m2 0h1m1 0h2m2 0h1m1 0h1m1 0h2M5 13.5h1m1 0h1m1 0h1m2 0h1m1 0h3m1 0h2m2 0h4M1 14.5h4m3 0h1m2 0h1m1 0h1m1 0h4m2 0h1m2 0h1M5 15.5h6m1 0h6m2 0h4M3 16.5h3m3 0h2m1 0h1m1 0h1m1 0h1m3 0h2m1 0h2M1 17.5h2m1 0h4m3 0h1m1 0h2m2 0h7M9 18.5h1m4 0h2m1 0h1m3 0h1M1 19.5h7m2 0h2m5 0h1m1 0h1m1 0h1M1 20.5h1m5 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m3 0h4M1 21.5h1m1 0h3m1 0h1m1 0h4m1 0h2m1 0h9M1 22.5h1m1 0h3m1 0h1m2 0h1m2 0h1m3 0h4m2 0h3M1 23.5h1m1 0h3m1 0h1m2 0h1m1 0h4m2 0h2m2 0h1m1 0h1M1 24.5h1m5 0h1m1 0h1m1 0h2m1 0h1m1 0h1m1 0h1m1 0h5M1 25.5h7m1 0h1m3 0h2m1 0h1m1 0h2m3 0h3"/></svg>
410
+
<span class="qr-label">youandme.at</span>
411
+
</a>
377
412
<a id="pals-beacon" href="https://at.aesthetic.computer" aria-label="at.aesthetic.computer">
378
413
<div class="pals-logo-container">
379
414
<img src="https://aesthetic.computer/purple-pals.svg" alt="" class="pals-logo">
···
830
865
fetchUsers().finally(() => {
831
866
if (!feedLoaded) loadFeed();
832
867
});
868
+
833
869
</script>
834
870
</body>
835
871
</html>