ligo.at
decentralized and customizable links page on top of atproto
ligo.at
atproto
link-in-bio
python
uv
tweak styles
nauta.one
+2
-1
src/main.py
+2
-1
src/main.py
+6
src/static/editor.css
+6
src/static/editor.css
···
4
margin-left: -0.25em;
5
margin-right: -0.25em;
6
padding: 0.25em;
7
+
background: var(--color-background);
8
border: 1px solid var(--color-border-secondary);
9
border-radius: 2px;
10
}
···
23
line-height: 100%;
24
font-size: 1.5em;
25
align-items: center;
26
+
cursor: grab;
27
+
}
28
+
29
+
link-editor-drag-handle:active {
30
+
cursor: grabbing;
31
}
32
33
link-editor-buttons {
src/static/favicon-16.png
src/static/favicon-16.png
This is a binary file and will not be displayed.
src/static/favicon-32.png
src/static/favicon-32.png
This is a binary file and will not be displayed.
src/static/favicon-48.png
src/static/favicon-48.png
This is a binary file and will not be displayed.
+6
-3
src/static/style.css
+6
-3
src/static/style.css
+11
-8
src/templates/editor.html
+11
-8
src/templates/editor.html
···
38
</label>
39
{% if profile_from_bluesky %}
40
<p>
41
-
<span class="caption">Profile was fetched from Bluesky. On save it will use an independent, ligo.at only copy.</span>
42
</p>
43
{% endif %}
44
<label>
···
47
</form>
48
<!-- /editor/profile -->
49
50
-
<h2>links</h2>
51
-
<template x-if="linksChanged">
52
-
<p>
53
<span class="alert">You have unsaved changes!</span>
54
-
</p>
55
-
</template>
56
<noscript>
57
JavaScript is needed for a better experience configuring the links.
58
</noscript>
59
<form action="/editor/links" method="post" @change="linksChanged = true">
60
<input type="submit" value="save links" />
61
···
92
<span>Background color</span>
93
<input type="color" name="link-background" x-model="link.background" required />
94
</label>
95
-
<button type="button" @click="editing = false">ok</button>
96
</div>
97
</link-editor-item>
98
</template>
···
100
101
<label style="display: block; margin-top: 1em;">
102
<button type="button" @click="links.push({ background: '#fa0' })">add link</button>
103
-
<span class="caption">
104
It will be added to the bottom. You can then drag and drop it to reorder.
105
</span>
106
</label>
···
108
<input type="submit" value="save links" />
109
</form>
110
<!-- /editor/links -->
111
<footer>
112
<a href="/">home</a>
113
</footer>
···
38
</label>
39
{% if profile_from_bluesky %}
40
<p>
41
+
<span class="faded caption">Profile was fetched from Bluesky. On save it will use an independent, ligo.at only copy.</span>
42
</p>
43
{% endif %}
44
<label>
···
47
</form>
48
<!-- /editor/profile -->
49
50
+
<div>
51
+
<h2 style="display: inline-block;">links</h2>
52
+
<template x-if="linksChanged">
53
<span class="alert">You have unsaved changes!</span>
54
+
</template>
55
+
</div>
56
+
57
<noscript>
58
JavaScript is needed for a better experience configuring the links.
59
</noscript>
60
+
61
<form action="/editor/links" method="post" @change="linksChanged = true">
62
<input type="submit" value="save links" />
63
···
94
<span>Background color</span>
95
<input type="color" name="link-background" x-model="link.background" required />
96
</label>
97
+
<button type="button" @click="editing = false" style="margin-top: 1em;">close</button>
98
</div>
99
</link-editor-item>
100
</template>
···
102
103
<label style="display: block; margin-top: 1em;">
104
<button type="button" @click="links.push({ background: '#fa0' })">add link</button>
105
+
<span class="faded caption">
106
It will be added to the bottom. You can then drag and drop it to reorder.
107
</span>
108
</label>
···
110
<input type="submit" value="save links" />
111
</form>
112
<!-- /editor/links -->
113
+
114
<footer>
115
<a href="/">home</a>
116
</footer>
+1
-1
src/templates/login.html
+1
-1
src/templates/login.html
···
21
<span>Handle</span>
22
<input type="text" name="username" placeholder="username.example.com" autocapitalize="off" spellcheck="false" required />
23
</label>
24
-
<span class="caption">
25
Use your AT Protocol handle to log in.
26
If you're unsure you can <a href="{{ url_for('oauth.oauth_start', authserver='https://bsky.social') }}">log in with Bluesky</a>.
27
</span>
···
21
<span>Handle</span>
22
<input type="text" name="username" placeholder="username.example.com" autocapitalize="off" spellcheck="false" required />
23
</label>
24
+
<span class="faded caption">
25
Use your AT Protocol handle to log in.
26
If you're unsure you can <a href="{{ url_for('oauth.oauth_start', authserver='https://bsky.social') }}">log in with Bluesky</a>.
27
</span>
+1
src/templates/profile.html
+1
src/templates/profile.html
···
10
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16.png') }}" />
11
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32.png') }}" />
12
<link rel="icon" type="image/png" sizes="48x48" href="{{ url_for('static', filename='favicon-48.png') }}" />
13
</head>
14
<body>
15
<div class="wrapper profile">
···
10
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16.png') }}" />
11
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32.png') }}" />
12
<link rel="icon" type="image/png" sizes="48x48" href="{{ url_for('static', filename='favicon-48.png') }}" />
13
+
<link rel="alternate" href="{{ athref }}" />
14
</head>
15
<body>
16
<div class="wrapper profile">