decentralized and customizable links page on top of atproto
ligo.at
atproto
link-in-bio
python
uv
1<!doctype html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <!-- metadata and open graph -->
6 <meta property=og:type content=profile>
7 <title>Links for {{ profile.displayName }}</title>
8 <meta property=og:title content="{{ profile.displayName }}">
9 {% if profile.description %}
10 <meta name=description content="{{ profile.description }}">
11 <meta property=og:description content="{{ profile.description }}">
12 {% endif %}
13 <meta property=og:image content="https://{{ request.host }}{{ url_for('static', filename='favicon-48.png') }}">
14 <link rel=canonical href="https://{{ request.host }}/{{ did }}">
15 {% if profile.handle %}
16 <meta property=og:url content="https://{{ request.host }}/@{{ profile.handle }}">
17 <meta property=profile:username content="{{ profile.handle }}">
18 {% else %}
19 <meta property=og:url content="https://{{ request.host }}/{{ did }}">
20 {% endif %}
21 {% if athref %}<link rel=alternate href="{{ athref }}">{% endif %}
22 <base target=_blank>
23 <!-- styles and favicons -->
24 <meta name=viewport content="width=device-width, initial-scale=1">
25 <link rel=stylesheet href="{{ url_for('static', filename='worksans.css') }}">
26 <link rel=stylesheet href="{{ url_for('static', filename='profile/default.css') }}">
27 <link rel=icon type=image/png sizes=16x16 href="{{ url_for('static', filename='favicon-16.png') }}">
28 <link rel=icon type=image/png sizes=32x32 href="{{ url_for('static', filename='favicon-32.png') }}">
29 <link rel=icon type=image/png sizes=48x48 href="{{ url_for('static', filename='favicon-48.png') }}">
30 </head>
31 <body>
32 <div class="wrapper profile">
33 <header class="links-header">
34 <h1>{{ profile.displayName }}</h1>
35 {% if profile.description %}
36 <span class="tagline">{{ profile.description }}</span>
37 {% endif %}
38 </header>
39 <div class="links-container">
40 {% for section in sections %}
41 <ul class="link-section">
42 {% for link in section.links %}
43 <li style="color: {{ link.backgroundColor }}">
44 <a href="{{ link.href }}">
45 <div class="link-item">
46 <span class="link-item-title">{{ link.title }}</span>
47 {% if link.subtitle %}
48 <span class="link-item-detail">{{ link.subtitle }}</span>
49 {% endif %}
50 </div><!-- .link-item -->
51 </a>
52 </li>
53 {% endfor %}
54 </ul>
55 {% endfor %}
56 </div>
57 <footer>
58 made with <a href="https://ligo.at" target="_self">ligo.at</a>
59 </footer>
60 </div>
61 <!-- .wrapper -->
62 </body>
63</html>