CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <title>omg.lol - Tip Jar</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 - Tip Jar"> <meta property="og:url" content="https://home.omg.lol/tip-jar"> <meta property="og:description" content="Put a little something in the Tip Jar and make the universe a better place"> <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 - Tip Jar"> <meta name="twitter:description" content="Put a little something in the Tip Jar and make the universe a better place"> <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_006"); // Read the cookie value var noticeDismissed = getCookie("notice_006"); //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_006"); // Hide the notice noticeDiv.style.display = "none"; // Set the cookie to remember the dismissal setCookie("notice_006", "true", 90); // Cookie will expire in 90 days } // Call the checkNoticeDisplay function when the page loads window.addEventListener("load", checkNoticeDisplay); </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> <form method="post" action="/tip-jar"> <div class="container" style="font-size: 1.2em;"> <h1 class="green-7-fg"><i class="fa-solid fa-fw fa-jar"></i> Tip Jar</h1> <p>If you鈥檙e looking for ways to support omg.lol above and beyond your existing patronage, consider tossing a few bucks into the tip jar.</p> <p>omg.lol is a tiny independent operation, and your support means a lot! <i class="fa-solid fa-fw fa-face-smile-hearts"></i></p> <a href="https://buy.stripe.com/5kA9DOglR3Ps7q85ko" class="button green-8-bg"><i class="fa-solid fa-hands-holding-dollar"></i> Drop a tip in the jar</a> </div> </form> </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://status.neatnik.net"><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> <a href="https://people.pledge.party"><img width="100" height="100" src="https://cdn.cache.lol/img/people_pledge_badge_seal_pink_cream_150x150.png" alt="The People Pledge"></a> </div> </div> </footer> </div> <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>