From 942bc96b59e2d1395c4b196144e88e91d3f02b68 Mon Sep 17 00:00:00 2001
From: Mario Nachbaur <noreply@nauta.one>
Date: Mon, 13 Oct 2025 19:32:29 +0200
Subject: [PATCH] tweak styles

---
 src/main.py                |   3 ++-
 src/static/editor.css      |   6 ++++++
 src/static/favicon-16.png  | Bin 323 -> 358 bytes
 src/static/favicon-32.png  | Bin 517 -> 572 bytes
 src/static/favicon-48.png  | Bin 663 -> 716 bytes
 src/static/style.css       |   9 ++++++---
 src/templates/editor.html  |  19 +++++++++++--------
 src/templates/login.html   |   2 +-
 src/templates/profile.html |   1 +
 9 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/main.py b/src/main.py
index b4bf1d5..f5c3c4f 100644
--- a/src/main.py
+++ b/src/main.py
@@ -75,7 +75,8 @@ async def page_profile(atid: str):
         # remove the ?reload parameter
         return redirect(request.path)
 
-    return render_template("profile.html", profile=profile, links=links)
+    athref = f"at://{did}/at.ligo.actor.links/self"
+    return render_template("profile.html", profile=profile, links=links, athref=athref)
 
 
 @app.get("/login")
diff --git a/src/static/editor.css b/src/static/editor.css
index 39e7090..2bd025d 100644
--- a/src/static/editor.css
+++ b/src/static/editor.css
@@ -4,6 +4,7 @@ link-editor-item {
     margin-left: -0.25em;
     margin-right: -0.25em;
     padding: 0.25em;
+    background: var(--color-background);
     border: 1px solid var(--color-border-secondary);
     border-radius: 2px;
 }
@@ -22,6 +23,11 @@ link-editor-drag-handle {
     line-height: 100%;
     font-size: 1.5em;
     align-items: center;
+    cursor: grab;
+}
+
+link-editor-drag-handle:active {
+    cursor: grabbing;
 }
 
 link-editor-buttons {
diff --git a/src/static/favicon-16.png b/src/static/favicon-16.png
index 28b0de46c6f9c1786d07be3f52a663f67248d949..cadf7edd4a66d8906840dd036c72d736e12caf6f 100644
GIT binary patch
delta 281
zcmX@i^o(gjSp9EL7srqa#=Dd4UpEGd9N)h`zKeBZ*P<x`M<*Xlt}+U8%Rg}Y15=OL
zZ2Rtmd5I|s&5b-&Q=B?gn6Dq&8=m*VFyT@3^5XMv@0|Z$^6KAIx0}Lt7wqk>OlO$Z
zZMtpt-Rg#q0j`GeuB&f8G-ci@9h>X0{;IoT__99j!u0Z+3MU=wJuW_AwV1KM`}ev_
zwpNq=3RX48U3s%cCF#&yU!{|bxeha|HeR?CGIw!Y_MsG0r#|<2{spTKHzrudFZPXH
z{)*?{1a>c@vg^tWtud|Xn~!Q7Q>{Lv$hWJ#MD6J3#Vih<C+_rKVApx$C+#Eh?3-oc
qj+-Zg8*aaT^l??)1N}LSCE`M%|1(#XTxDQjVDNPHb6Mw<&;$US@P|kM

delta 245
zcmaFHbeL&ESp5x87srqa#;23)xtkm$j?GtEv2abAqX&o5BG;%%Vwqjn_W8*#$iE=5
z_N=ezEg`d(W@if#)i3QE#OA&cvNGDLu>3`%_`7@G-+lieBQBj0%PuJ5?(&!8fKB|}
zUs4MG&jLhy-yL6^X|dqGbW;8to4sM~O*hu;%yx}y(%$fpVWn<f)5+z6Dy0i2YN%;B
zb$%0C-`<saul(YsoHHIg2Nc<O&-XCN@lQRQ{-R)QexX5MUcA8S2Nl=Y>zQIUTr7_e
zG@mUpIoV?h&nuN`t*I_EG#>cz7yVdL|MS%Q5@!8er+q5lnfe$Q7#KWV{an^LB{Ts5
DA-iiy

diff --git a/src/static/favicon-32.png b/src/static/favicon-32.png
index 03ec8d7af2c1d4050d475175984afd0ac23794da..884bd8718829ddd1ac804293bc396355a22c8fe8 100644
GIT binary patch
delta 496
zcmZo=*~2m+tp1{>i(^Oy<J)N){SP^a9JB8clo2sK;$o;K(8(4ke9?7I!KEDrGb|*`
zAJ;#4VgD$lq`)B2a6`l7*dvoP6jU@+gd}=6gV-;+{+_jE;TBa_?_FP_tM=ae`uE-4
z^7UKiiuKheEc%tONr!>^0F#020(rJh&t(U$TAuk~`{C!_UC$-!CpGFsGfdv$+P2^A
z{G$xB{UXU-{i!Ce<o7aGXkJbEJ~jQP?PQOS35GFqTtthl^A3K!%KL6cb&vlpft$CR
zic367V-zg9bFB2YWb*V*XPmnFP^d2REQT#wTz*w+_clJg{qSw+)s2_q%=!Ai{j?1I
z@yxcs;>{&vF0a3jEbcNml-J99M*Vau@Vh8)+wb}Iz@|?-m$7%0sczBO+PqM;Wc7{I
zpc8VP+f)}YWxPK6pJ6W3C;qv7LaFKB6&AfxJp8Ib<CEW<_{!$>oGPE1!wQ@kH46I9
zDo@t)sGS>@$H8FvM>E{bFn-b;y{=UcpZP_UDU~p8nOFP##0H1_{7TO6=NA6V{MpMT
zAF%e(#Kh}nVWItV^cXH$Jc+w_u<A-~f-i%Y^l2N8m!iE_^t@IV_pGlF*7K>n)Ai`H
zKEtiu*Vac?|J=gQ_s4REUPD=F(FVay|2jb7T+$F<pSUXcWU*H<0|Nttr>mdKI;Vst
E031E$>Hq)$

delta 441
zcmdnP(#kR+tbUfKi(^Oy<J)Qe-b{`X$K;ixtXD{0R5T0_P+9Ek+P<WFUJsuf*RG15
zeU8WN9PTejzOvW*f~)mTxj({RjvMuevhezJyt;7f=(AWZo$|RR*^18^6Q|Fueg5~X
z^?B~(o7y?%iHq10HnB7?2r&HTcJND?(3QTc>!tL8w^Nxc=egAzO>{Gi&zgPz?oIc|
zm0N1%UFJXew(CK`t((!pkA;)xKa-Q6ceCPB?_;JpGO81&p5L%X>e!b#_dnR5)JiPY
zUS>T#X=<TG?u?WP@kec&PRBS_PxBW2vM6e6U-xCEriZL|EAv>DvK7nrsp?4ST<{F}
zb+|eC$Fe<bS06J481&}3TGuasa_Pf_ZJf$q&$g^Rb@F+X`vl3w8#&gTk*{Y82wUZ`
z(QHZCZ2of!TQ(i({b|^+%51{<dkZSoW^|r>`C2+K_IN#aLyz<B4gEK^3VFSMy4Wmh
z#ri1w)%v`5?q3Z|Zk`m>`SO0AkTg?`!-Ypi%ol}KOL}fS__jk}#@EB*A4+VV`x$Ne
zptqFevQ|;)`jcOdd}WyW&s_B#Gm`@Y2g7B?dkm_J+on}Er0if|U|{fc^>bP0l+XkK
DWBk#^

diff --git a/src/static/favicon-48.png b/src/static/favicon-48.png
index 877777a13554f1f09b245ebb023b01c6509d1336..d018c5401fe306da3a48700e43d653faf606312b 100644
GIT binary patch
delta 641
zcmbQvdWLmESbd_Wi(^Oy<J%dhy$(BwwDl`((_6!(RpA&Qa8x^@G_fS{wOheMr-R}j
zOl!oi>xJIQ2w%&+wW(sYhA4~ny%lS_)$&UGRF?Xt&+@#S7Bz$4>rzV4Is4D^jhC;y
z-Ix2<i8q+vv`<7qO4Gq4s3Bts!$l9qMH87^E;Hx}Sz5Jb{HS-bm;cP~oRBIv=h3W&
z3vm+Xl*DhouXy*d${}(VqxufD2U=3vJKB^YnAV+37P!URynN-vo|&y1S0=vNvFdE&
ziHDjiR<W&oVlE@7sFSm{L74ydRL@U;JnwBS{4Y>kqc!u~ylfW^?mR|6+n&cJp{ilK
zF7N+6mGiEY$(gd(Z?e+=)$46%*e$nAFe37Teb@u9=a+7t6$>b}Y&iJ*7JFdR<})Af
zFkLvD)>XMf<X!$FmCDbbS&G*#T|4t9&-T_g6+1-k3CS015I(iLtx<e-?UHp;_qZiZ
z<4r?n_nr-XA^k%0*P7L9S$K;}jRTsDryW#2#IhjO>33p9m%aF%!w)LozTCx7zvZOi
z&D6}zeGi^l_-ab%#0Y;7@jp=dMNIE}@|E8+Hk{6O)Vuv8$dJ+Ea(<_Og~HO0|DJ7J
zu<f~#g%QK)*Nh(~&AqGV!|0akP@sN9^3&E|2i*JasrBD;laM&L)bsJwe_n@QpKgCw
zsO>ekRFBckyyJq<Sx&dw<G!afeHf$Mnv1HMz8#o4=dn)z9s^dLNm&IxFTLMfxb#f<
zV3~7%JwH$1x9Lv`wROsqz8FQloU5WDckyx7GxhcE$7?=Js`smS^WxWe@i}k3SaObS
y;*wmOV>x~AoD<)jKryV$+Tq3}&<lzB`Zkf5eG7I@a%W&*VDNPHb6Mw<&;$UFcr2p;

delta 588
zcmX@ZI-PYwSiO#?i(^Oy<J%d&-cF7Zt@o8KiA6fHh_bjkx(I&RdcrJm_5xSOZZqBA
z(tjKNIc|BCd{IxaVCvc}y^;}aP6-n-Ql?eLuE@<g*Ps;i{ocpNe1~ibW(K-dp07T4
zX78;snY;fNiY=QPC8O$K=GBlhh2f?K<EB8Sl*KG3mNo0B)ri+GeeErObC=c0o!eY4
z7f%l1pJx4FKUcuQfF(I<?r~}^{fC=_%jUjVxA9J6(!Pj!w`X!!r5H;|ChlZjEv<d!
z@^gjVcisH1U)ujVF3Ho5kLTO#y7?QJzou2B)lG_bvtd)NnKMJ`a;*BB29LIERhgbk
z%-JFS@#enL9in0ilO9Gn)F=PB$1wkJY{v!Xh=!Xy*O}(*wfOwuthJHZ8Re{&4{`>x
z69WVO{G2#D=%mT}U%$4UzVckh-t9lrM#tygN8i86m2_L)Qo?AVcXzqmyM~O94zn0U
zY7YBtiLUS1@Ak~R{QA#(LI;Z&HEdq&U%o*9$a9T~%G`-!b2f)?Pvi7ZwSS>mFQhHb
zccC;VY~qQK%OQ*>%Kun8evD{3EBy3(;Ezq&6Z^j|(q`~)-ciWQ^YycyWtHrcgvEPL
zyKU=QBNpk-oiq2CpYU7n#oMo&WX|7Nw48BK)9zP4u4FiKnX57^=s5MRvqAbEi?)R8
zV$Ma<S9o&W>eo9noO@nAE%D67hfe=ym+y6DxpN@d^`zpCt81E88<sG*9{A*T>z>Dz
s{whRFxp7YD6;hB^buiP_e;|H(*`>7mqL&017#J8lUHx3vIVCg!0GB`!%K!iX

diff --git a/src/static/style.css b/src/static/style.css
index f1639e5..0c56ae8 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -1,5 +1,5 @@
 :root {
-    --color-alert: #aa0000;
+    --color-alert: #ee0000;
     --color-background: #fff;
     --color-background-secondary: #eee;
     --color-border: #bbb;
@@ -128,8 +128,11 @@ li a {
 }
 
 .caption {
-    font-size: 14px;
-    line-height: 12px;
+    font-size: 0.8em;
+    line-height: 86%;
+}
+
+.faded {
     color: var(--color-text-secondary);
 }
 
diff --git a/src/templates/editor.html b/src/templates/editor.html
index e1e884d..a3a07bf 100644
--- a/src/templates/editor.html
+++ b/src/templates/editor.html
@@ -38,7 +38,7 @@
         </label>
         {% if profile_from_bluesky %}
         <p>
-          <span class="caption">Profile was fetched from Bluesky. On save it will use an independent, ligo.at only copy.</span>
+          <span class="faded caption">Profile was fetched from Bluesky. On save it will use an independent, ligo.at only copy.</span>
         </p>
         {% endif %}
         <label>
@@ -47,15 +47,17 @@
       </form>
       <!-- /editor/profile -->
 
-      <h2>links</h2>
-      <template x-if="linksChanged">
-        <p>
+      <div>
+        <h2 style="display: inline-block;">links</h2>
+        <template x-if="linksChanged">
           <span class="alert">You have unsaved changes!</span>
-        </p>
-      </template>
+        </template>
+      </div>
+
       <noscript>
         JavaScript is needed for a better experience configuring the links.
       </noscript>
+
       <form action="/editor/links" method="post" @change="linksChanged = true">
         <input type="submit" value="save links" />
 
@@ -92,7 +94,7 @@
                   <span>Background color</span>
                   <input type="color" name="link-background" x-model="link.background" required />
                 </label>
-                <button type="button" @click="editing = false">ok</button>
+                <button type="button" @click="editing = false" style="margin-top: 1em;">close</button>
               </div>
             </link-editor-item>
           </template>
@@ -100,7 +102,7 @@
 
         <label style="display: block; margin-top: 1em;">
           <button type="button" @click="links.push({ background: '#fa0' })">add link</button>
-          <span class="caption">
+          <span class="faded caption">
             It will be added to the bottom. You can then drag and drop it to reorder.
           </span>
         </label>
@@ -108,6 +110,7 @@
         <input type="submit" value="save links" />
       </form>
       <!-- /editor/links -->
+
       <footer>
         <a href="/">home</a>
       </footer>
diff --git a/src/templates/login.html b/src/templates/login.html
index 8c64f0d..a798056 100644
--- a/src/templates/login.html
+++ b/src/templates/login.html
@@ -21,7 +21,7 @@
           <span>Handle</span>
           <input type="text" name="username" placeholder="username.example.com" autocapitalize="off" spellcheck="false" required />
         </label>
-        <span class="caption">
+        <span class="faded caption">
           Use your AT Protocol handle to log in.
           If you're unsure you can <a href="{{ url_for('oauth.oauth_start', authserver='https://bsky.social') }}">log in with Bluesky</a>.
         </span>
diff --git a/src/templates/profile.html b/src/templates/profile.html
index 0767c17..b323795 100644
--- a/src/templates/profile.html
+++ b/src/templates/profile.html
@@ -10,6 +10,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16.png') }}" />
     <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32.png') }}" />
     <link rel="icon" type="image/png" sizes="48x48" href="{{ url_for('static', filename='favicon-48.png') }}" />
+    <link rel="alternate" href="{{ athref }}" />
   </head>
   <body>
     <div class="wrapper profile">
-- 
2.51.2