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