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://go.bsky.app"> 12 <title>Bluesky</title> 13 14 <!-- Hello Humans! API docs at https://atproto.com --> 15 16 <link rel="preload" as="font" type="font/woff2" href="https://web-cdn.bsky.app/static/assets/assets/fonts/inter/InterVariable.2bf3d951bf9d6109437ea0874bbf12fb.woff2" crossorigin> 17<style> 18 @font-face { 19 font-family: 'InterVariable'; 20 src: url("https://web-cdn.bsky.app/static/assets/assets/fonts/inter/InterVariable.2bf3d951bf9d6109437ea0874bbf12fb.woff2") format('woff2'); 21 font-weight: 300 1000; 22 font-style: normal; 23 font-display: swap; 24 } 25 @font-face { 26 font-family: 'InterVariableItalic'; 27 src: url("https://web-cdn.bsky.app/static/assets/assets/fonts/inter/InterVariable-Italic.8d1dc86da25893737b6bb8a9c64b790e.w
27off2") format('woff2'); 28 font-weight: 300 1000; 29 font-style: italic; 30 font-display: swap; 31 } 32</style> 33 34 35 <style> 36 /** 37 * Minimum styles required to render splash. 38 * 39 * ALL OTHER STYLES BELONG IN `src/style.css` 40 * 41 * THIS NEEDS TO BE DUPLICATED IN `bskyweb/templates/base.html` 42 */ 43 html, 44 body { 45 margin: 0px; 46 padding: 0px; 47 font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', Helvetica, Arial, sans-serif; 48 text-rendering: optimizeLegibility; 49 /* Platform-specific reset */ 50 -webkit-overflow-scrolling: touch; 51 -webkit-text-size-adjust: 100%; 52 -webkit-font-smoothing: antialiased; 53 -moz-osx-font-smoothing: grayscale; 54 -ms-overflow-style: scrollbar; 55 font-synthesis-weight: none; 56 } 57 :root { 58 --text: black; 59 --background: white; 60 --backgroundLight: #e2e7ee; 61 } 62 @media (prefers-color-scheme: dark) { 63 :root { 64 color-scheme: dark; 65 --text: white; 66 --background: black; 67 --backgroundLight: #232e3e; 68 } 69 } 70 html, 71 body, 72 #root { 73 display: flex; 74 flex: 1 0 auto; 75 min-height: 100%; 76 width: 100%; 77 } 78 html.theme--light, 79 html.theme--light body, 80 html.theme--light #root { 81 background-color: white; 82 --text: black; 83 --background: white; 84 --backgroundLight: #DCE2EA; 85 } 86 html.theme--dark, 87 html.theme--dark body, 88 html.theme--dark #root { 89 color-scheme: dark; 90 background-color: black; 91 --text: white; 92 --background: black; 93 --backgroundLight: #232E3E; 94 } 95 html.theme--dim, 96 html.theme--dim body, 97 html.theme--dim #root { 98 color-scheme: dark; 99 background-color: #151D28; 100 --text: white; 101 --background: #151D28; 102 --backgroundLight: #2C3A4E; 103 } 104 #splash { 105 display: flex; 106 position: fixed; 107 top: 0; 108 bottom: 0; 109 left: 0; 110 right: 0; 111 align-items: center; 112 justify-content: center; 113 } 114 #splash svg { 115 position: relative; 116 top: -50px; 117 width: 100px; 118 } 119 /** 120 * We need these styles to prevent shifting due to scrollbar show/hide on 121 * OSs that have them enabled by default. This also handles cases where the 122 * screen wouldn't otherwise scroll, and therefore hide the scrollbar and 123 * shift the content, by forcing the page to show a scrollbar. 124 */ 125 body { 126 width: 100%; 127 overflow-y: scroll; 128 } 129 </style> 130
130<script> 131 const theme = localStorage.getItem('ALF_THEME') 132 if (theme) { 133 document.documentElement.classList.add(`theme--${theme}`) 134 } 135 </script>
135 136 137 <link rel="stylesheet" href="https://web-cdn.bsky.app/static/_expo/static/css/style-fadc1055a81214964006643c14e1586e.css"> 138<link rel="stylesheet" href="https://web-cdn.bsky.app/static/_expo/static/css/ReactCrop-718bc6539c6403aeb01b0d6a1cd7748f.css">
139<script defer="defer" src="https://web-cdn.bsky.app/static/_expo/static/js/web/__expo-metro-runtime-3959ce7b26b61ab4053a4b8b218e528d.js"></script>
vendor: 1 bytes, line 139
139
140<script defer="defer" src="https://web-cdn.bsky.app/static/_expo/static/js/web/__common-2551af360850d335421fe11720ec7f3f.js"></script>
vendor: 1 bytes, line 140
140
141<script defer="defer" src="https://web-cdn.bsky.app/static/_expo/static/js/web/index-96291e4895f3fb01d33bfa76fd3bd063.js"></script>
141 142 <link rel="apple-touch-icon" sizes="180x180" href="https://web-cdn.bsky.app/static/apple-touch-icon.png"> 143 <link rel="icon" type="image/png" sizes="32x32" href="https://web-cdn.bsky.app/static/favicon-32x32.png"> 144 <link rel="icon" type="image/png" sizes="16x16" href="https://web-cdn.bsky.app/static/favicon-16x16.png"> 145 <link rel="mask-icon" href="https://web-cdn.bsky.app/static/safari-pinned-tab.svg" color="#1185fe"> 146 <meta name="theme-color"> 147 <meta name="application-name" content="Bluesky"> 148 <meta name="generator" content="bskyweb"> 149 150 <meta property="og:site_name" content="Bluesky Social"> 151 <meta property="og:logo" content="https://web-cdn.bsky.app/static/favicon.png"> 152 <meta name="twitter:site" content="@bluesky" /> 153 <link type="application/activity+json" href="" /> 154 155 <meta property="og:title" content="Bluesky" /> 156 <meta property="og:type" content="website" /> 157 <meta name="twitter:title" content="Bluesky" /> 158 159 <meta name="description" content="Social media as it should be. Find your community among millions of users, unleash your creativity, and have some fun again." /> 160 <meta property="og:description" content="Social media as it should be. Find your community among millions of users, unleash your creativity, and have some fun again." /> 161 <meta name="twitter:description" content="Social media as it should be. Find your community among millions of users, unleash your creativity, and have some fun again." /> 162 163 <meta property="og:url" content="https://bsky.app" /> 164 <meta name="twitter:url" content="https://bsky.app" /> 165 <link rel="canonical" href="https://bsky.app" /> 166 167 <meta property="og:image" content="https://bsky.app/static/social-card-default-gradient.png" /> 168 <meta property="twitter:image" content="https://bsky.app/static/social-card-default-gradient.png" /> 169 170 <meta name="twitter:card" content="summary_large_image" /> 171</head> 172<body> 173 <div id="splash"> 174 <!-- Bluesky SVG --> 175 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 57"><path fill="#006AFF" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"/></svg> 176 </div> 177 <div id="root"> 178 </div> 179 180 <noscript> 181 182<h1 lang="en">Bluesky</h1> 183<p lang="en">Social media as it should be. Find your community among millions of users, unleash your creativity, and have some fun again.</p> 184 185 <div data-nosnippet> 186 <p lang="en">Enable JavaScript to use Bluesky.</p> 187 <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>.</p> 188 </div> 189 </noscript> 190</body> 191</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.