nasso.dev
my fork of the bluesky client
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover">
6 <meta name="referrer" content="origin-when-cross-origin">
7 <!--
8 Preconnect to essential domains
9 -->
10 <link rel="preconnect" href="https://bsky.social">
11 <link rel="preconnect" href="https://bsky.network">
12 <title>{%- block head_title -%}Bluesky{%- endblock -%}</title>
13
14 <!-- Hello Humans! API docs at https://atproto.com -->
15
16 <link rel="preload" as="font" type="font/ttf" href="{{ staticCDNHost }}/static/media/InterVariable.c9f788f6e7ebaec75d7c.ttf">
17 <link rel="preload" as="font" type="font/ttf" href="{{ staticCDNHost }}/static/media/InterVariable-Italic.55d6a3f35e9b605ba6f4.ttf">
18
19 <style>
20 /**
21 * Minimum styles required to render splash.
22 *
23 * ALL OTHER STYLES BELONG IN `src/style.css`
24 *
25 * THIS NEEDS TO BE DUPLICATED IN `bskyweb/templates/base.html`
26 */
27 @font-face {
28 font-family: 'InterVariable';
29 src: url("{{ staticCDNHost }}/static/media/InterVariable.c9f788f6e7ebaec75d7c.ttf") format('truetype');
30 font-weight: 300 1000;
31 font-style: normal;
32 font-display: swap;
33 }
34 @font-face {
35 font-family: 'InterVariableItalic';
36 src: url("{{ staticCDNHost }}/static/media/InterVariable-Italic.55d6a3f35e9b605ba6f4.ttf") format('truetype');
37 font-weight: 300 1000;
38 font-style: italic;
39 font-display: swap;
40 }
41 html {
42 background-color: white;
43 scrollbar-gutter: stable both-edges;
44 }
45 @media (prefers-color-scheme: dark) {
46 html {
47 background-color: black;
48 }
49 }
50 html,
51 body {
52 margin: 0px;
53 padding: 0px;
54 font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', Helvetica, Arial, sans-serif;
55 text-rendering: optimizeLegibility;
56 /* Platform-specific reset */
57 -webkit-overflow-scrolling: touch;
58 -webkit-text-size-adjust: 100%;
59 -webkit-font-smoothing: antialiased;
60 -moz-osx-font-smoothing: grayscale;
61 -ms-overflow-style: scrollbar;
62 font-synthesis-weight: none;
63 }
64 html,
65 body,
66 #root {
67 display: flex;
68 flex: 1 0 auto;
69 min-height: 100%;
70 width: 100%;
71 }
72 #splash {
73 position: fixed;
74 width: 100px;
75 left: 50%;
76 top: 50%;
77 transform: translateX(-50%) translateY(-50%) translateY(-50px);
78 }
79 /* We need this style to prevent web dropdowns from shifting the display when opening */
80 body {
81 width: 100%;
82 }
83 </style>
84
85 {% include "scripts.html" %}
86 <link rel="apple-touch-icon" sizes="180x180" href="{{ staticCDNHost }}/static/apple-touch-icon.png">
87 <link rel="icon" type="image/png" sizes="32x32" href="{{ staticCDNHost }}/static/favicon-32x32.png">
88 <link rel="icon" type="image/png" sizes="16x16" href="{{ staticCDNHost }}/static/favicon-16x16.png">
89 <link rel="mask-icon" href="{{ staticCDNHost }}/static/safari-pinned-tab.svg" color="#1185fe">
90 <meta name="theme-color">
91 <meta name="application-name" content="Bluesky">
92 <meta name="generator" content="bskyweb">
93 <meta property="og:site_name" content="Bluesky Social" />
94 <link type="application/activity+json" href="" />
95
96 {% block html_head_extra -%}{%- endblock %}
97</head>
98<body>
99{%- block body_all %}
100 <div id="root">
101 <div id="splash">
102 <!-- Bluesky SVG -->
103 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 320"><path fill="#0085ff" d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.5-5.9 23.4-1 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.4 5.7 84.8 9.4 97.2 12.2 41 55.7 55 95.7 50.5-58.7 8.6-110.8 30-42.4 106.1 75.1 77.9 103-16.7 117.3-64.6 14.3 48 30.8 139 116 64.6 64-64.6 17.6-97.5-41.1-106.1 40 4.4 83.5-9.5 95.7-50.5 3.7-12.4 9.4-86.8 9.4-97.2 0-10.3-2-27.9-13.5-33C336.5-1 321.5-6 282 22c-41.3 29.2-85.7 88.3-102 120Z"/></svg>
104 </div>
105 </div>
106
107 <noscript>
108 <h1 lang="en">JavaScript Required</h1>
109 <p lang="en">This is a heavily interactive web application, and JavaScript is required. Simple HTML interfaces are possible, but that is not what this is.
110 <p lang="en">Learn more about Bluesky at <a href="https://bsky.social">bsky.social</a> and <a href="https://atproto.com">atproto.com</a>.
111 {% block noscript_extra %}{% endblock %}
112 </noscript>
113{% endblock -%}
114</body>
115</html>