@krystal.io on Bluesky

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"> <meta name="referrer" content="origin-when-cross-origin">  <link rel="preconnect" href="https://bsky.social"> <link rel="preconnect" href="https://bsky.network"> <title>@krystal.io on Bluesky</title>  <link rel="preload" as="font" type="font/ttf" href="/static/media/InterVariable.c9f788f6e7ebaec75d7c.ttf"> <link rel="preload" as="font" type="font/ttf" href="/static/media/InterVariable-Italic.55d6a3f35e9b605ba6f4.ttf"> <style> /** * Minimum styles required to render splash. * * ALL OTHER STYLES BELONG IN `src/style.css` * * THIS NEEDS TO BE DUPLICATED IN `bskyweb/templates/base.html` */ @font-face { font-family: 'InterVariable'; src: url("/static/media/InterVariable.c9f788f6e7ebaec75d7c.ttf") format('truetype'); font-weight: 300 1000; font-style: normal; font-display: swap; } @font-face { font-family: 'InterVariableItalic'; src: url("/static/media/InterVariable-Italic.55d6a3f35e9b605ba6f4.ttf") format('truetype'); font-weight: 300 1000; font-style: italic; font-display: swap; } html { background-color: white; scrollbar-gutter: stable both-edges; } @media (prefers-color-scheme: dark) { html { background-color: black; } } html, body { margin: 0px; padding: 0px; font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; /* Platform-specific reset */ -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; font-synthesis-weight: none; } html, body, #root { display: flex; flex: 1 0 auto; min-height: 100%; width: 100%; } #splash { position: fixed; width: 100px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) translateY(-50px); } /* We need this style to prevent web dropdowns from shifting the display when opening */ body { width: 100%; } </style> <script defer="defer" src="/static/js/391.1fa9f003.js"></script> <link rel="stylesheet" href="/static/css/main.91124a5b.css"> <script defer="defer" src="/static/js/main.d1fb63af.js"></script> <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png"> <link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#1185fe"> <meta name="theme-color"> <meta name="application-name" content="Bluesky"> <meta name="generator" content="bskyweb"> <meta property="og:site_name" content="Bluesky Social" /> <link type="application/activity+json" href="" /> <meta property="og:site_name" content="Bluesky Social"> <meta property="og:type" content="profile"> <meta property="profile:username" content="krystal.io"> <meta property="og:url" content="https://bsky.app/profile/krystal.io"> <meta property="og:title" content="Krystal Hosting (@krystal.io)"> <meta name="description" content="Award-winning 100% eco-friendly web hosting. Climate positive. Certified B Corp. Exists to make the world a better place. Find us at https://www.krystal.uk"> <meta property="og:description" content="Award-winning 100% eco-friendly web hosting. Climate positive. Certified B Corp. Exists to make the world a better place. Find us at https://www.krystal.uk"> <meta property="og:image" content="https://cdn.bsky.app/img/banner/plain/did:plc:kcf4n4bjmclxriu7k3envhth/bafkreiccq6aun7jluocaqvrnuh5fmuv37yy64xf7y2wc4ptkbdcgrydrmq@jpeg"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:label1" content="Account DID"> <meta name="twitter:value1" content="did:plc:kcf4n4bjmclxriu7k3envhth"> <link rel="alternate" type="application/rss+xml" href="https://bsky.app/profile/did:plc:kcf4n4bjmclxriu7k3envhth/rss"> <link rel="alternate" href="at://did:plc:kcf4n4bjmclxriu7k3envhth/app.bsky.actor.profile/self" /> </head> <body> <div id="root"> <div id="splash">  <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> </div> </div> <noscript> <h1 lang="en">JavaScript Required</h1> <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. <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>. <div id="bsky_profile_summary"> <h3>Profile</h3> <p id="bsky_display_name">Krystal Hosting</p> <p id="bsky_handle">krystal.io</p> <p id="bsky_did">did:plc:kcf4n4bjmclxriu7k3envhth</p> <p id="bsky_profile_description">Award-winning 100% eco-friendly web hosting. Climate positive. Certified B Corp. Exists to make the world a better place. Find us at https://www.krystal.uk</p> </div> </noscript> </body> </html>

CINXE.COM

@krystal.io on Bluesky