CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <title>omg.lol - A lovable web page and email address, just for you</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 - A lovable web page and email address, just for you"> <meta property="og:url" content="https://home.omg.lol//"> <meta property="og:description" content="Treat yourself to an awesome web address, a devastatingly gorgeous profile page, a stellar email address, and tons more"> <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 - A lovable web page and email address, just for you"> <meta name="twitter:description" content="Treat yourself to an awesome web address, a devastatingly gorgeous profile page, a stellar email address, and tons more"> <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> <style> h1 { font-size: 3em; } #content { font-size: .75em; line-height: 1.6em !important; } .features { justify-content: center; gap: 1em 2em; margin: 2em 0 0 0; font-size: 1.2em; } .feature:nth-child(1) { color: var(--pink-5); } .feature:nth-child(2) { color: var(--red-5); } .feature:nth-child(3) { color: var(--orange-5); } .feature:nth-child(4) { color: var(--yellow-5); } .feature:nth-child(5) { color: var(--green-5); } .feature:nth-child(6) { color: var(--blue-3); } .feature:nth-child(7) { color: var(--indigo-3); } .feature:nth-child(8) { color: var(--violet-3); } .feature:nth-child(9) { color: var(--violet-3); } #result { font-size: 120%; } .fastmail-logo { width: 7em; } @media only screen and (max-width: 400px) { .fastmail-logo { width: 3.5em; } } @media only screen and (max-width: 800px) { #lookup .flare { display: none; } } /* From address/web */ #preview_one::-webkit-scrollbar, #preview_two::-webkit-scrollbar, #content::-webkit-scrollbar { width: .2em; } #preview_one::-webkit-scrollbar-track, #preview_two::-webkit-scrollbar-track, #content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px #343a40; } #preview_one::-webkit-scrollbar-thumb, #preview_two::-webkit-scrollbar-thumb, #content::-webkit-scrollbar-thumb { border-radius: 1em; background-color: #495057; } .no_pointer_events { pointer-events: none; } .tab { font-family: Lato; font-size: 15px; position: absolute; top: 0; left: 50%; margin-left: -3em; width: 6em; padding: 5px; text-align: center; background: var(--lime-4); color: var(--gray-9); border-bottom-left-radius: var(--small-radius); border-bottom-right-radius: var(--small-radius); } .needs-publishing { margin-left: -6em; width: 12em; background: var(--yellow-3); } iframe { background: var(--white); /* pointer-events: none; */ } input[type="file"] { display: none; } </style> <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> .dark-mode .special-text, .dark-mode .special-text { color: var(--yellow-3) !important; } .light-mode .special-text, .light-mode .special-text { color: var(--blue-8) !important; } .dark-mode .accent, .dark-mode .accent { color: var(--violet-2) !important; } .light-mode .accent, .light-mode .accent { color: var(--violet-6) !important; } </style> <div class="container centered transparent"> <h1 class="special-text">Get the best internet address<br>that you’ve ever had.</h1> <div class="flex features"> <span class="feature">Domain</span> <span class="feature">DNS</span> <span class="feature">Profile/Web Page</span> <span class="feature">Email</span> <span class="feature">Fediverse</span> <span class="feature">Pastebin</span> <span class="feature">PURLs</span> <span class="feature">Statuslog</span> </div> </div> <div class="container bubble cyan-4-bg violet-9-fg centered" style="margin: 2em auto; max-width: 50em;"> <h2>It starts with <span class="blue-8-fg">your name</span>. See if yours is available:</h2> <div id="namecheck"> <div id="lookup" class="centered"> <p><i class="blue-8-fg flare fa-solid fa-fw fa-2x fa-sparkles" style="vertical-align: middle; padding: 0 0 .1em 0;"></i> <input id="namefield" style="font-size: 1.2em; max-width: 20em; text-align: center;" type="text" placeholder="ayyy type your name here" spellcheck="false" autocapitalize="none"> <i class="blue-8-fg flare fa-solid fa-fw fa-2x fa-flip-horizontal fa-sparkles" style="vertical-align: middle; padding: 0 0 .1em 0;"></i></p> <div id="result"><p>(Type something above and we’ll see if it’s available.)</p></div> </div> </div> </div> <div id="web-stuff" class="container centered special-text unpadded transparent"> <h2 style="font-size: 240%; margin: 0 0 1.25em 0;">Then, make yourself a <span class="pink-5-fg">profile page</span> that you’ll love.</h2> <form action="https://home.omg.lol" method="post" id="editor"> <div class="flex" style="font-size: 130%;"> <div class="box basis" style="--basis: calc(20em - 2em); background: inherit;"> <p class="accent">Try editing this Markdown...</p> <div id="advanced_editor" class="gray-9-bg" style="position: relative; padding: 0; box-shadow: 0 8px 6px -6px black;">  <label for="content" style="display: none;">Content Editor</label> <span id="saving" class="lime-5-fg" style="display: none; position: absolute; top: 10px; left: 10px;"><i class="fa-duotone fa-floppy-disk"></i></span> <span class="tab" id="editor-tab">Editor</span> <textarea name="content" id="content" class="gray-9-bg mono" style="margin: 0; min-height: 60vh; padding: 1em; resize: none;" placeholder="Add your markup (or Markdown) here!"> // Edit this and take our editor for a spin! {profile-picture} # Foo Bar | Pronouns: they/them | Occupation: Seed Preservationist | Location: Svalbard --- Bio --- I once spilled coffee on a production server. I kept my job because I’m *that good*. --- Profile Items --- - [Twitter](https://twitter.com/foobar) - [Instagram](https://instagram.com/foobar) - [Mastodon](https://social.lol/@foobar) - [micro.blog](https://micro.blog/foobar) - [Buy Me a Coffee](https://buymeacoffee.com) <small>(just don’t tell the server)</small> </textarea> </div> </div> <div class="box basis" style="--basis: 20em; background: inherit;"> <p class="accent">...and see what it produces!</p> <div id="preview_container" style="display: none; position: relative; margin: 0; padding: 0;">  <span class="tab" id="preview-tab">Preview</span> <iframe id="preview_one" frameborder="0" style="display: block; background: inherit; width: 100%; box-shadow: 0 8px 6px -6px black;" src=""></iframe> <iframe id="preview_two" frameborder="0" style="display: block; background: inherit; width: 100%; box-shadow: 0 8px 6px -6px black;" src=""></iframe> </div> </div> </div> </form> <p style="margin: 1em 0 1.5em 0; font-size: 130%;" class="accent">There’s a <a href="#web-stuff" style="text-decoration: none; background: var(--red-8); color: white; text-transform: uppercase; border-radius: .3em; font-size: 70%; padding: .3em;">live</a> demo above if you want to play with it! Learn more about our <a href="https://home.omg.lol/info/info/advanced-editor">awesome editor</a>.</p> </div> <h2 style="font-size: 240%; margin: -.5em 0 1.25em 0;" class="centered special-text">Want more than just a web page? <span class="pink-5-fg">Read on</span>.</h1> <div class="container indigo-2-bg gray-9-fg"> <h2>Share your status on your <span class="violet-9-fg">Statuslog</span>.</h2> <div class="flex"> <div class="box basis transparent" style="--basis: 20em;"> <p>Share your mood, your food, or whatever else you feel like saying on <a href="https://status.lol">status.lol</a>, our insanely fun Statuslog service.</p> <p>What’s a Statuslog? Nothing fancy—just your current status, for all to see. You can treat it as a tiny blog of sorts, or as an ephemeral glimpse into whatever’s happening in your life right now.</p> </div> <div class="box basis transparent" style="--basis: 20em;"> <script src="https://melanie.status.lol/6609c96136772.js?time&link&fluent&pretty&author" crossorigin="anonymous"></script> <p class="centered"><small class="indigo-9-fg">This Statuslog entry uses our easy-peasy JS embed.</small></p> </div> </div> </div> <div class="container violet-2-bg gray-9-fg"> <h2>Hop onto the <span class="violet-9-fg">Fediverse</span> and socialize.</h2> <div class="flex"> <div class="box basis transparent" style="--basis: 20em;"> <blockquote class="mastodon-embed" data-embed-url="https://social.lol/@bw/111558066381890869/embed" style="background: #FCF8FF; border-radius: 8px; border: 1px solid #C9C4DA; margin: 0; max-width: 540px; min-width: 270px; overflow: hidden; padding: 0;"> <a href="https://social.lol/@bw/111558066381890869" target="_blank" style="align-items: center; color: #1C1A25; display: flex; flex-direction: column; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Roboto, sans-serif; font-size: 14px; justify-content: center; letter-spacing: 0.25px; line-height: 20px; padding: 24px; text-decoration: none;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 79 75"><path d="M74.7135 16.6043C73.6199 8.54587 66.5351 2.19527 58.1366 0.964691C56.7196 0.756754 51.351 0 38.9148 0H38.822C26.3824 0 23.7135 0.756754 22.2966 0.964691C14.1319 2.16118 6.67571 7.86752 4.86669 16.0214C3.99657 20.0369 3.90371 24.4888 4.06535 28.5726C4.29578 34.4289 4.34049 40.275 4.877 46.1075C5.24791 49.9817 5.89495 53.8251 6.81328 57.6088C8.53288 64.5968 15.4938 70.4122 22.3138 72.7848C29.6155 75.259 37.468 75.6697 44.9919 73.971C45.8196 73.7801 46.6381 73.5586 47.4475 73.3063C49.2737 72.7302 51.4164 72.086 52.9915 70.9542C53.0131 70.9384 53.0308 70.9178 53.0433 70.8942C53.0558 70.8706 53.0628 70.8445 53.0637 70.8179V65.1661C53.0634 65.1412 53.0574 65.1167 53.0462 65.0944C53.035 65.0721 53.0189 65.0525 52.9992 65.0371C52.9794 65.0218 52.9564 65.011 52.9318 65.0056C52.9073 65.0002 52.8819 65.0003 52.8574 65.0059C48.0369 66.1472 43.0971 66.7193 38.141 66.7103C29.6118 66.7103 27.3178 62.6981 26.6609 61.0278C26.1329 59.5842 25.7976 58.0784 25.6636 56.5486C25.6622 56.5229 25.667 56.4973 25.6775 56.4738C25.688 56.4502 25.7039 56.4295 25.724 56.4132C25.7441 56.397 25.7678 56.3856 25.7931 56.3801C25.8185 56.3746 25.8448 56.3751 25.8699 56.3816C30.6101 57.5151 35.4693 58.0873 40.3455 58.086C41.5183 58.086 42.6876 58.086 43.8604 58.0553C48.7647 57.919 53.9339 57.6701 58.7591 56.7361C58.8794 56.7123 58.9998 56.6918 59.103 56.6611C66.7139 55.2124 73.9569 50.665 74.6929 39.1501C74.7204 38.6967 74.7892 34.4016 74.7892 33.9312C74.7926 32.3325 75.3085 22.5901 74.7135 16.6043ZM62.9996 45.3371H54.9966V25.9069C54.9966 21.8163 53.277 19.7302 49.7793 19.7302C45.9343 19.7302 44.0083 22.1981 44.0083 27.0727V37.7082H36.0534V27.0727C36.0534 22.1981 34.124 19.7302 30.279 19.7302C26.8019 19.7302 25.0651 21.8163 25.0617 25.9069V45.3371H17.0656V25.3172C17.0656 21.2266 18.1191 17.9769 20.2262 15.568C22.3998 13.1648 25.2509 11.9308 28.7898 11.9308C32.8859 11.9308 35.9812 13.492 38.0447 16.6111L40.036 19.9245L42.0308 16.6111C44.0943 13.492 47.1896 11.9308 51.2788 11.9308C54.8143 11.9308 57.6654 13.1648 59.8459 15.568C61.9529 17.9746 63.0065 21.2243 63.0065 25.3172L62.9996 45.3371Z" fill="currentColor"/></svg> <div style="color: #787588; margin-top: 16px;">Post by @bw@social.lol</div> <div style="font-weight: 500;">View on Mastodon</div> </a> </blockquote> <script data-allowed-prefixes="https://social.lol/" async src="https://social.lol/embed.js"></script> </div> <div class="box basis transparent" style="--basis: 20em;"> <p>Our <a href="https://social.lol">social.lol</a> Mastodon instance is a fun, light-hearted community full of friendly, smart, creative people. Take a break from the mud-slinging and perpetual unrest of other platforms and enjoy the relative peace and tranquility of our little slice of the Fediverse.</p> <p>(Not even kidding — it really is nicer here.)</p> </div> </div> </div> <div class="container green-3-bg gray-9-fg"> <h2>Set up your <span class="green-9-fg">email forwarding</span>.</h2> <div class="flex"> <div class="box basis transparent" style="--basis: 20em;"> <div style="font-size: 90%; color: var(--green-2); background: var(--green-9); padding: 1.5em 2em; border-radius: .25em;"> <p style="margin: 0 0 1em 0;"><span style="font-size: 120%; font-weight: bold;"><i class="fa-regular fa-envelopes-bulk"></i> Electronic Mail</span></p> <p style="margin: 0;"><span style="display: inline-block; width: 5em; text-align: right; margin-right: 1em; color: var(--green-3);">From:</span><span>adam@neatnik.llc</span></p> <p style="margin: 0;"><span style="display: inline-block; width: 5em; text-align: right; margin-right: 1em; color: var(--green-3);">To:</span><span>penelope@omg.lol</span></p> <p style="margin: 0;"><span style="display: inline-block; width: 5em; text-align: right; margin-right: 1em; color: var(--green-3);">Subject:</span><span>Joke!</span></p> <p style="margin: 1em 0 0 0; padding: .7em 0 0 0; border-top: 1px solid var(--green-5);">Where do bad rainbows go? Prism! (It’s a light sentence.)</p> </div> </div> <div class="box basis transparent" style="--basis: 12em;"> <p><strong>Email ain’t dead yet.</strong> Dazzle your friends, family, or total strangers with your jealousy-inducing omg.lol email address featuring swift forwarding to your existing mail service.</p> <p>Our email forwarding is fast, reliable, and privacy-focused. But the best part is the look on peoples’ faces when you give out an <em>omg.lol</em> email address.</p> </div> </div> </div> <div class="container blue-2-bg gray-9-fg"> <aside class="right"><img class="fastmail-logo" alt="The beautiful Fastmail logo" src="https://cdn.cache.lol/img/fastmail.svg"></aside> <div> <h2>Send email with <span class="blue-9-fg">Fastmail</span>.</h2> <p>Email forwarding is fun, but sometimes you need a little more. For sending email, we’ve partnered with Fastmail for those who are looking for a complete email solution. If you’re already a Fastmail customer, it’s easy to connect your omg.lol address to send email. If you’re not, we can hook you up with with a nice deal on the best email service out there.</p> </div> </div> <div class="container gray-9-bg gray-1-fg"> <h2 class="green-2-fg">Take control with <span class="nowrap green-7-fg">DNS</span>.</h2> <div class="flex"> <div class="box basis green-4-fg mono transparent" style="--basis: 28em;"> <p>$ dig +nocmd penelope.omg.lol any +multiline +noall +answer<br> penelope.omg.lol. 300 IN A 159.89.247.131<br> penelope.omg.lol. 300 IN TXT "v=spf1 include:example.com -all"<br> penelope.omg.lol. 300 IN MX 10 mx1.example.com.<br> penelope.omg.lol. 300 IN MX 20 mx2.example.com.<br><br> $ ./hackerman.sh</p> </div> <div class="box basis transparent" style="--basis: 23em;"> <p>We’re an eTLD on the <a href="https://wiki.mozilla.org/Public_Suffix_List">Public Suffix List</a>. You get full control over your DNS settings for your address, so you can add records and point them wherever you’d like.</p> <p>You can think of your omg.lol address first and foremost as a domain name, and our DNS controls let you treat it as such.</p> </div> </div> </div> <div class="flex"> <div class="box yellow-3-bg black-fg basis" style="--basis: 20em;"> <h2>Make awesome URLs with <span class="nowrap orange-8-fg">PURLs</span></h2> <p>Make <strong>P</strong>ermanent <strong>URL</strong>s with our <a href="https://url.lol">url.lol</a> PURL service. Direct them anywhere! Makes a lovely URL shortener, too.</p> </div> <div class="box grape-2-bg black-fg basis" style="--basis: 20em;"> <h2>Share stuff using your <span class="nowrap grape-9-fg">Pastebin</span>.</h2> <p>Our astounding <a href="https://paste.lol">paste.lol</a> service lets you share information with anyone using your very own pastebin.</p> </div> </div> <div class="container centered transparent"> <h2 class="centered special-text" style="margin: 0;">And a few more things:</h2> </div> <div class="container centered transparent"> <div class="flex gap" style="--gap: 1em 5em;"> <div class="box basis transparent" style="--basis: 15em;"> <p><i class="fa-3x fa-solid fa-user-secret red-5-fg"></i></p> <p>Privacy matters here. There are no trackers, no gratuitous data logging, and no intrusive BS.</p> </div> <div class="box basis transparent" style="--basis: 15em;"> <p><i class="fa-3x fa-solid fa-laptop-code orange-5-fg"></i></p> <p>A <a href="https://api.omg.lol">powerful API</a> lies at the heart of our service, and you can do <em>everything</em> with it.</p> </div> <div class="box basis transparent" style="--basis: 15em;"> <p><i class="fa-3x fa-solid fa-hands-holding-heart yellow-5-fg"></i></p> <p>Get help from a real person who actually cares about your experience.</p> </div> <div class="box basis transparent" style="--basis: 15em;"> <p><i class="fa-3x fa-solid fa-right-from-line green-5-fg"></i></p> <p>Point your address anywhere you’d like with super-simple URL redirection.</p> </div> <div class="box basis transparent" style="--basis: 15em;"> <p><i class="fa-3x fa-solid fa-family-pants blue-5-fg"></i></p> <p>Join our fun and extremely chill community on <a href="https://home.omg.lol/info/irc">IRC</a> and hang out with cool people.</p> </div> <div class="box basis transparent" style="--basis: 15em;"> <p><i class="fa-3x fa-solid fa-wand-magic-sparkles violet-5-fg"></i></p> <p>Enjoy routine enhancements, continuous improvement, and fun surprises.</p> </div> </div> </div>  <div class="flex"> <div class="box green-3-bg black-fg basis" style="--basis: 20em;"> <h2 class="green-9-fg">All of this is just $20 per year.</h2> <p>Yep—<strong>$20 for a whole year</strong>. No monthly fees here. And we don’t auto-renew, store your payment info, or pull any other financial shenanigans. Just like with any other domain name, you can buy one year or several years. Add time whenever you want. You’re the boss.</p> <p class="centered"><a class="button green-8-bg" style="--button-shadow: var(--teal-9);" href="/sign-up"><i class="fa-solid fa-hands-holding-dollar"></i> Buy an address</a></p> </div> <div class="box pink-2-bg pink-9-fg basis" style="--basis: 20em;"> <h2>That’s the end of our sales pitch.</h2> <p>Thanks for checking us out. Even if you’re not interested, we still think you’re cool. But if you <em>are</em> interested, go on ahead and sign up—we’d love to have you! And we think you’ll love being here.</p> <p class="centered"><img style="width: 8em; transform: scaleX(-1);" src="https://cdn.cache.lol/img/pigeonpose6.svg" alt="Penelope the Pigeon"></p> <p class="centered"><a class="button pink-7-bg" style="--button-shadow: var(--pink-9);" href="/sign-up">Join us!</a></p> </div> </div> <script src="https://cdn.cache.lol/js/editor-home.js" integrity="sha384-M3OmBlvciIuj/Yrd7eXuGUSk1qkw/bPNYOCaffzc7dOuw52yBM9RZVsIwq/XnGzi" crossorigin="anonymous"></script> <div style="display: none;"><a rel="me" href="https://social.lol/@omgdotlol">Mastodon</a></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’re 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?v=20230101" integrity="sha384-zsebvFqf/buhn3Voog+MTlbZ+a4Dv9y/pqAeVzOyfGIPmajwJz+8uL3WtKOj6DMP" crossorigin="anonymous"></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’t 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>