CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <title>omg.lol - Sign up</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta property="og:type" content="website"> <meta property="og:title" content="omg.lol - Sign up"> <meta property="og:url" content="https://home.omg.lol/sign-up"> <meta property="og:description" content="Welcome to the best internet address you鈥檝e ever had"> <meta property="og:image" content="https://cdn.cache.lol/img/social_card_2022-06-23.png"> <meta name="twitter:profile" content="summary_large_image"> <meta name="twitter:site" content="@omgdotlol"> <meta name="twitter:creator" content="@omgdotlol"> <meta name="twitter:title" content="omg.lol - Sign up"> <meta name="twitter:description" content="Welcome to the best internet address you鈥檝e ever had"> <meta name="twitter:image" content="https://cdn.cache.lol/img/social_card_2022-06-23.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.cache.lol/favicons/omg.lol/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.cache.lol/favicons/omg.lol/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.cache.lol/favicons/omg.lol/favicon-16x16.png"> <link rel="manifest" href="https://cdn.cache.lol/favicons/omg.lol/site.webmanifest"> <link rel="mask-icon" href="https://cdn.cache.lol/favicons/omg.lol/safari-pinned-tab.svg" color="#ff69ad"> <link rel="shortcut icon" href="https://cdn.cache.lol/favicons/omg.lol/favicon.ico"> <meta name="apple-mobile-web-app-title" content="omg.lol"> <meta name="application-name" content="omg.lol"> <meta name="msapplication-TileColor" content="#343a40"> <meta name="msapplication-config" content="https://cdn.cache.lol/favicons/omg.lol/browserconfig.xml"> <meta name="theme-color" content="#343a40"> <link rel="stylesheet" href="https://cdn.cache.lol/css/style.css?v=2024-08-04a"> <script> // Function to set a cookie function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + value + expires + "; path=/"; } // Function to get a cookie value function getCookie(name) { var nameEQ = name + "="; var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; while (cookie.charAt(0) === ' ') { cookie = cookie.substring(1, cookie.length); } if (cookie.indexOf(nameEQ) === 0) { return cookie.substring(nameEQ.length, cookie.length); } } return null; } // Check if the notice should be displayed function checkNoticeDisplay() { var noticeDiv = document.getElementById("notice_004"); // Read the cookie value var noticeDismissed = getCookie("notice_004"); //console.log('result = ' + noticeDismissed); if (noticeDismissed === "true") { // Hide the notice if the cookie value is set to true noticeDiv.style.display = "none"; } else { // Show the notice if the cookie value is not set or set to false noticeDiv.style.display = "block"; } } // Function to dismiss the notice and set the cookie function dismissNotice() { var noticeDiv = document.getElementById("notice_004"); // Hide the notice noticeDiv.style.display = "none"; // Set the cookie to remember the dismissal setCookie("notice_004", "true", 90); // Cookie will expire in 90 days } // Call the checkNoticeDisplay function when the page loads window.addEventListener("load", checkNoticeDisplay); </script> <script src="https://js.stripe.com/v3/"></script><script src="https://cdn.cache.lol/js/main.js" integrity="sha384-LfVyp53sQ2unlxhfV1meh0uoJAa4+M4ufxSxXrsx+K1rAfdA5z96NtzHluvzOHzF" crossorigin="anonymous"></script> <meta name="proof" content="proven.lol/d5a32f"> </head> <body> <script> const theme = localStorage.getItem('color_scheme') || 'dark-mode'; document.body.className = theme; </script> <div class="fixed" style="--width: 70em;"> <header> <div class="flex"> <div class="box logotype space basis" style="--basis: 3em;"> <p><a href="https://home.omg.lol/">omg<span class="pink-5-fg">.</span>lol <img src="https://cdn.cache.lol/img/prami.svg?v=20230701" alt="Prami"></a></p> </div> <div class="box space right basis" style="--basis: 9em;"> <nav class="horizontal"> <ul> <li><span name="color_mode_button" id="color_mode_button" onclick="toggle_color_scheme(true)" title="Toggle dark/light mode"></span></li> <li><a class="help" href="/info"><i class="fa-solid fa-block-question"></i><span class="dashboard-label"> Help</span></a></li> <li><a href="/sign-up">Sign up</a></li> <li><a href="/sign-in">Sign in</a></li> </ul> </nav> </div> </div> </header> <main> <style> #result { font-size: 120%; text-align: center; } #result .success { font-size: 130%; } #result .button { margin: 1em auto 0 auto; display: table; } .penelope-info { float: right; width: 20vw; min-width: 5em; max-width: 6em; padding: .5em 0 .5em .5em; } </style> <h1 class="yellow-6-fg"><i class="fa-solid fa-fw fa-rabbit-running"></i> Let鈥檚 goooo!</h1> <div class="flex"> <div class="box cyan-2-bg violet-9-fg basis" style="--basis: 20em;"> <h2>Choose your address</h2> <p><i class="fa-solid fa-fw fa-circle-info"></i> First names, initials, 1337 h4x0r handles, and pseudonyms all work well. Emoji can be fun too. Do your thing and we鈥檒l cheer you on.</p> <div id="namecheck"> <div id="lookup"> <p><label for="namefield">Your address</label> <input class="violet-9-bg gray-1-fg" name="namefield" id="namefield" type="text" placeholder="type here!" spellcheck="false" autocapitalize="none"></p> </div> <div class="centered" id="result"><p>Search for a name and we鈥檒l gaze into our crystal ball.<br><br><i class="fa-solid fa-5x fa-crystal-ball"></i></p></div> </div> </div> </div>  </main> <footer> <div class="area"> <div class="box basis" style="--basis: 15em;"> <ul class="fa-ul"> <li><a href="https://omglol.news"><span class="fa-li"><i class="fa-solid fa-fw fa-newspaper"></i></span>News & Updates</a></li> <li><a href="https://broke.lol"><span class="fa-li"><i class="fa-solid fa-fw fa-wave-pulse"></i></span>System Status</a></li> <li><a href="https://api.omg.lol"><span class="fa-li"><i class="fa-solid fa-fw fa-brackets-curly"></i></span>API</a></li> <li><a href="/info"><span class="fa-li"><i class="fa-solid fa-fw fa-handshake-angle"></i></span>Info & Help</a></li> <li><a href="/sponsors"><span class="fa-li"><i class="fa-solid fa-fw fa-trophy"></i></span>Sponsors</a></li> <li><a href="/tip-jar"><span class="fa-li"><i class="fa-solid fa-fw fa-jar"></i></span>Tip Jar</a></li> <li><a href="/info/legal"><span class="fa-li"><i class="fa-solid fa-fw fa-scale-balanced"></i></span>Legal</a></li> </ul> </div> <div class="box basis centered" style="--basis: 20em;"> <p><span class="logotype"><a href="https://home.omg.lol">omg<span class="pink-5-fg">.</span>lol</a></span> is made by <a href="https://neatnik.net/">Neatnik</a> in Louisville, KY.</p> <p>We hope you鈥檙e having a great day.</p> <p><img src="https://cdn.cache.lol/img/prami_content.svg" alt="Prami looking rather contented" style="width: 3.5em;"></p> </div> <div class="box basis centered" style="--basis: 15em;"> <ul class="horizontal"> <li><a rel="me" href="https://social.lol/@prami"><i class="fa-brands fa-fw fa-2x fa-mastodon"></i></a></li> <li><a href="https://discourse.lol"><i class="fa-brands fa-fw fa-2x fa-discourse"></i></a></li> <li><a href="http://youtube.com/@omgdotlol"><i class="fa-brands fa-fw fa-2x fa-youtube"></i></a></li> </ul> </div> </div> </footer> </div> <script src="https://cdn.cache.lol/js/address_check.js"></script> <script> const dark_class = 'gray-6-fg fa-duotone fa-fw fa-moon'; const light_class = 'yellow-3-fg fa-duotone fa-fw fa-sun'; // set the color scheme based on the browser/OS preference, if any if(window.matchMedia('(prefers-color-scheme)').media !== 'not all') { // the browser is indicating that it supports prefers-color-scheme if(window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // the browser prefers dark mode var body = document.body; body.classList.add('dark-mode'); document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>'; } else { // the browser doesn鈥檛 prefer dark mode var body = document.body; body.classList.add('light-mode'); document.getElementById('color_mode_button').innerHTML = '<i class="'+dark_class+'"></i>'; } // add an event listener to toggle the color scheme as changes are made, as long as the user hasn't already set their mode with the button window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { if(!localStorage.getItem('color_scheme')) { const new_color_scheme = event.matches ? "dark" : "light"; toggle_color_scheme(); } }); } else { // browser does not support prefers-color-scheme var body = document.body; body.classList.add('dark-mode'); document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>'; } if(localStorage.getItem('color_scheme')) { var body = document.body; body.className = localStorage.getItem('color_scheme'); if(localStorage.getItem('color_scheme') == 'light-mode') document.getElementById('color_mode_button').innerHTML = '<i class="'+dark_class+'"></i>'; else document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>'; } function toggle_color_scheme(clicked = false) { var body = document.body; var color_scheme = body.className; body.className = color_scheme == "dark-mode" ? "light-mode" : "dark-mode"; color_scheme = body.className; if(clicked) localStorage.setItem('color_scheme', color_scheme); if(color_scheme == 'light-mode') document.getElementById('color_mode_button').innerHTML = '<i class="'+dark_class+'"></i>'; else document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>'; } </script> </body> </html>