VOL. 01 // 2026 EDITION
OMNIVOTE
.IO
Explore Lists
+ Create Tournament
Login
Entity Dossier
Shawn Mendes – Treat You Better (2016)
YOUTUBE
0 global matches
</div> </div> </div> </div> <div class="p-6 md:p-8 space-y-8"> <div class="flex flex-wrap items-center gap-2"> <span class="bg-black text-limepop text-micro font-bold uppercase px-2 py-1">YOUTUBE</span> <a href="https://www.youtube.com/watch?v=lY2yjADojNk" target="_blank" rel="noopener noreferrer" class="sa-btn sa-btn-ghost px-3 py-1.5 text-micro"> Watch on YouTube → </a> <a href="https://www.youtube.com/watch?v=lY2yjADojNk" target="_blank" rel="noopener noreferrer" class="sa-btn sa-btn-ghost px-3 py-1.5 text-micro"> Open source → </a> </div> <p class="text-sm text-neutral-700 sa-item-description leading-relaxed border-l-4 border-black pl-4">The classic modern 'friend zone' anthem about watching someone you love stay in an unappreciative or toxic relationship with someone else while you wait on the sidelines.</p> <div class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="border-4 border-black p-4 text-center brutal-shadow-sm bg-white"> <span class="block text-micro font-bold uppercase tracking-widest text-neutral-500 mb-1">Global Elo</span> <span class="block text-3xl font-display font-black">1200</span> </div> <div class="border-4 border-black p-4 text-center brutal-shadow-sm bg-limepop"> <span class="block text-micro font-bold uppercase tracking-widest mb-1">Wins</span> <span class="block text-3xl font-display font-black">0</span> </div> <div class="border-4 border-black p-4 text-center brutal-shadow-sm bg-white"> <span class="block text-micro font-bold uppercase tracking-widest text-neutral-500 mb-1">Losses</span> <span class="block text-3xl font-display font-black">0</span> </div> </div> <div> <div class="border-b-2 border-black pb-2 mb-4"> <h2 class="font-header font-black text-sm uppercase tracking-widest">Appears in these lists</h2> </div> <div class="space-y-3"> <a href="/l/best-unrequited-love-songs-by-male-singers-8ECDFF" class="flex items-center justify-between gap-3 p-4 border-4 border-black bg-white brutal-shadow-sm brutal-lift transition-all"> <span class="font-display font-black text-sm uppercase leading-tight">Best Unrequited Love Songs by Male Singers</span> <span class="shrink-0 bg-black text-limepop text-micro font-bold uppercase px-2 py-1">Elo 1200</span> </a> </div> </div> <div class="pt-2"> <a href="#r_home#" class="sa-btn sa-btn-ghost inline-block px-4 py-2 text-xs">← Back to home</a> </div> </div> </div> </section> </main> <div class="sa-footer-wrap"> <div class="sa-footer-saw pointer-events-none select-none" aria-hidden="true"> <svg class="sa-saw-svg" viewBox="0 0 1200 64" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" focusable="false"> <path class="sa-footer-saw-fill" d="M0,64 L0,36 L24,26 L49,62 L68,29 L88,39 L105,26 L123,62 L150,22 L178,55 L199,26 L220,49 L236,27 L253,40 L272,25 L291,45 L318,17 L346,59 L371,28 L396,39 L424,28 L452,47 L470,22 L488,59 L508,25 L529,42 L551,30 L574,40 L592,22 L611,43 L625,18 L640,53 L663,23 L686,46 L705,28 L724,50 L745,16 L766,62 L781,16 L796,40 L810,30 L825,60 L851,18 L878,61 L896,22 L915,43 L932,28 L950,38 L964,18 L978,46 L1003,26 L1029,41 L1046,30 L1064,50 L1092,19 L1120,58 L1136,25 L1152,41 L1172,21 L1193,49 L1196,27 L1200,48 L1200,64 Z" /> <path class="sa-saw-stroke" d="M0,64 L0,36 L24,26 L49,62 L68,29 L88,39 L105,26 L123,62 L150,22 L178,55 L199,26 L220,49 L236,27 L253,40 L272,25 L291,45 L318,17 L346,59 L371,28 L396,39 L424,28 L452,47 L470,22 L488,59 L508,25 L529,42 L551,30 L574,40 L592,22 L611,43 L625,18 L640,53 L663,23 L686,46 L705,28 L724,50 L745,16 L766,62 L781,16 L796,40 L810,30 L825,60 L851,18 L878,61 L896,22 L915,43 L932,28 L950,38 L964,18 L978,46 L1003,26 L1029,41 L1046,30 L1064,50 L1092,19 L1120,58 L1136,25 L1152,41 L1172,21 L1193,49 L1196,27 L1200,48 L1200,64 Z" fill="none" stroke-width="4" vector-effect="non-scaling-stroke" /> <path class="sa-saw-lime" d=" M932,7 L939,14 L925,14 Z M1196,6 L1203,13 L1189,13 Z" /> </svg> </div> <footer class="bg-black text-white px-4 md:px-8 pt-6 pb-10 border-b-4 border-black"> <div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> <div class="lg:col-span-1"> <p class="font-display text-2xl font-black uppercase tracking-tighter"> OMNIVOTE<span class="text-limepop">.IO</span> </p> <p class="text-xs text-neutral-400 mt-3 leading-relaxed max-w-xs uppercase tracking-wide"> Rank anything embeddable. Face-offs, lists, and continuous media playback. </p> </div> <div> <h3 class="text-micro font-bold uppercase tracking-widest text-limepop mb-4">Company</h3> <ul class="space-y-2 text-xs font-bold uppercase"> <li><a href="/about" class="hover:text-limepop transition">About</a></li> <li><a href="/privacy" class="hover:text-limepop transition">Privacy</a></li> <li><a href="#" data-sa-cookie-settings class="hover:text-limepop transition">Cookie Settings</a></li> <li><a href="#" class="hover:text-limepop transition">Terms</a></li> <li><a href="/create" class="hover:text-limepop transition">Create a List</a></li> </ul> </div> <div> <h3 class="text-micro font-bold uppercase tracking-widest text-limepop mb-4">Explore</h3> <ul class="space-y-2 text-xs font-bold uppercase"> <li><a href="/" class="hover:text-limepop transition">Trending Lists</a></li> <li><a href="/create" class="hover:text-limepop transition">Start a Topic</a></li> <li><a href="/profile" class="hover:text-limepop transition">Profile</a></li> <li><a href="/login" class="hover:text-limepop transition">Login</a></li> </ul> </div> <div> <h3 class="text-micro font-bold uppercase tracking-widest text-limepop mb-4">Signal</h3> <div class="flex items-center gap-2 mb-4" aria-hidden="true"> <svg class="sa-motif border border-white" width="48" height="48" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> <rect width="100" height="100" fill="#000000"/> <g fill="#ccff00"> <rect x="12" y="14" width="10" height="10"/><rect x="26" y="14" width="10" height="10"/><rect x="54" y="14" width="10" height="10"/> <rect x="12" y="28" width="10" height="10"/><rect x="40" y="28" width="24" height="10"/><rect x="78" y="28" width="10" height="10"/> <rect x="26" y="42" width="10" height="10"/><rect x="40" y="42" width="10" height="10"/><rect x="54" y="42" width="10" height="10"/><rect x="68" y="42" width="10" height="10"/> <rect x="12" y="56" width="24" height="10"/><rect x="54" y="56" width="10" height="10"/><rect x="78" y="56" width="10" height="10"/> <rect x="26" y="70" width="10" height="10"/><rect x="40" y="70" width="10" height="10"/><rect x="68" y="70" width="24" height="10"/> <rect x="12" y="84" width="10" height="10"/><rect x="40" y="84" width="10" height="10"/><rect x="54" y="84" width="10" height="10"/> </g> </svg> </div> <div class="flex items-center gap-2"> <a href="#" class="border-2 border-white px-3 py-2 text-xs font-bold uppercase hover:bg-limepop hover:text-black hover:border-limepop transition" aria-label="Facebook">FB</a> <a href="#" class="border-2 border-white px-3 py-2 text-xs font-bold uppercase hover:bg-limepop hover:text-black hover:border-limepop transition" aria-label="X">X</a> <a href="#" class="border-2 border-white px-3 py-2 text-xs font-bold uppercase hover:bg-limepop hover:text-black hover:border-limepop transition" aria-label="LinkedIn">IN</a> </div> <p class="text-micro text-neutral-500 mt-4 uppercase tracking-widest">Vol. 01 // 2026</p> </div> </div> <div class="max-w-7xl mx-auto border-t-2 border-neutral-800 mt-8 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3 text-micro font-bold uppercase tracking-widest text-neutral-500"> <p>© 2026 OMNIVOTE.IO</p> <p>Brutal ranking for embeddable media</p> </div> </footer> </div> <div id="sa-cookie-root" class="fixed inset-x-0 bottom-0 z-50 p-4 pointer-events-none" data-analytics-enabled="0" data-analytics-provider="" data-analytics-domain="" data-analytics-script-url=""> <div id="sa-cookie-banner" class="sa-cookie-panel is-hidden pointer-events-auto max-w-3xl mx-auto p-5 md:p-6" role="dialog" aria-labelledby="sa-cookie-banner-title" aria-describedby="sa-cookie-banner-desc"> <div class="flex flex-wrap items-start justify-between gap-4"> <div class="min-w-0 flex-1"> <p id="sa-cookie-banner-title" class="inline-block bg-black text-limepop font-header text-sm font-black uppercase tracking-widest px-2 py-1 border border-black">Cookies on OMNIVOTE.IO</p> <p id="sa-cookie-banner-desc" class="text-xs text-black mt-3 font-bold uppercase tracking-wide leading-relaxed max-w-xl"> We use essential cookies for sessions, voting integrity, and login. With your consent we also load privacy-friendly analytics to understand how Omnivote.io is used. See our <a href="#r_privacy#" class="underline decoration-2 underline-offset-2 hover:bg-black hover:text-limepop px-0.5 transition">Privacy Policy</a>. </p> </div> <div class="flex flex-wrap gap-2 w-full sm:w-auto"> <button type="button" id="sa-cookie-reject" class="sa-btn sa-btn-ghost px-4 py-2 text-micro bg-white">Reject analytics</button> <button type="button" id="sa-cookie-manage" class="sa-btn sa-btn-ghost px-4 py-2 text-micro bg-white">Manage</button> <button type="button" id="sa-cookie-accept" class="sa-btn sa-btn-primary px-4 py-2 text-micro">Accept all</button> </div> </div> </div> <div id="sa-cookie-preferences" class="sa-cookie-panel is-hidden pointer-events-auto max-w-lg mx-auto p-5 md:p-6 mt-3" role="dialog" aria-labelledby="sa-cookie-prefs-title"> <div class="flex items-start justify-between gap-3 border-b-2 border-black pb-3 mb-4"> <p id="sa-cookie-prefs-title" class="inline-block bg-black text-limepop font-header text-sm font-black uppercase tracking-widest px-2 py-1 border border-black">Cookie preferences</p> <button type="button" id="sa-cookie-prefs-close" class="sa-btn sa-btn-primary text-micro px-3 py-1.5" aria-label="Close preferences">Close</button> </div> <div class="space-y-4"> <div class="sa-cookie-inset p-4"> <div class="flex items-start justify-between gap-3"> <div> <p class="text-xs font-bold uppercase">Essential</p> <p class="text-mini mt-1 uppercase tracking-wide opacity-90">Required for sessions, list creation, voting, and fraud prevention. Always active.</p> </div> <input type="checkbox" class="sa-cookie-toggle" checked disabled aria-label="Essential cookies always enabled" /> </div> </div> <div class="sa-cookie-inset-light p-4"> <div class="flex items-start justify-between gap-3"> <div> <p class="text-xs font-bold uppercase">Analytics</p> <p class="text-mini text-neutral-700 mt-1 uppercase tracking-wide">Aggregated usage stats. No ad tracking. Loaded only if you opt in.</p> </div> <input type="checkbox" id="sa-cookie-analytics-toggle" class="sa-cookie-toggle" aria-label="Enable analytics cookies" /> </div> </div> </div> <div class="flex flex-wrap gap-2 mt-5"> <button type="button" id="sa-cookie-save" class="sa-btn sa-btn-primary px-4 py-2 text-micro">Save preferences</button> <button type="button" id="sa-cookie-prefs-reject" class="sa-btn sa-btn-ghost px-4 py-2 text-micro bg-white">Reject analytics</button> </div> </div> </div> <script> (function () { var STORAGE_KEY = 'sa_cookie_consent_v1'; var root = document.getElementById('sa-cookie-root'); var banner = document.getElementById('sa-cookie-banner'); var prefs = document.getElementById('sa-cookie-preferences'); var analyticsToggle = document.getElementById('sa-cookie-analytics-toggle'); if (!root || !banner || !prefs) { return; } var analyticsConfig = { enabled: root.getAttribute('data-analytics-enabled') === '1', provider: root.getAttribute('data-analytics-provider') || '', domain: root.getAttribute('data-analytics-domain') || '', scriptUrl: root.getAttribute('data-analytics-script-url') || '' }; function readConsent() { try { var raw = localStorage.getItem(STORAGE_KEY); if (!raw) { return null; } return JSON.parse(raw); } catch (e) { return null; } } function writeConsent(choice) { var payload = { v: 1, essential: true, analytics: !!choice.analytics, ts: new Date().toISOString() }; localStorage.setItem(STORAGE_KEY, JSON.stringify(payload)); document.cookie = 'sa_consent=' + encodeURIComponent(JSON.stringify({ a: payload.analytics ? 1 : 0 })) + '; path=/; max-age=31536000; SameSite=Lax'; return payload; } function analyticsAllowed(consent) { return !!(consent && consent.analytics); } function loadAnalytics() { if (!analyticsConfig.enabled || window.__saAnalyticsLoaded) { return; } var provider = analyticsConfig.provider; var script = document.createElement('script'); script.defer = true; if (provider === 'plausible' && analyticsConfig.domain) { script.setAttribute('data-domain', analyticsConfig.domain); script.src = 'https://plausible.io/js/script.js'; } else if (provider === 'matomo' && analyticsConfig.scriptUrl) { script.src = analyticsConfig.scriptUrl; } else if (provider === 'ga' && analyticsConfig.scriptUrl) { script.src = analyticsConfig.scriptUrl; } else if (analyticsConfig.scriptUrl) { script.src = analyticsConfig.scriptUrl; } else { return; } script.onload = function () { window.__saAnalyticsLoaded = true; }; document.head.appendChild(script); window.__saAnalyticsLoaded = true; } function applyConsent(consent) { if (analyticsAllowed(consent)) { loadAnalytics(); } } function hideBanner() { banner.classList.add('is-hidden'); } function hidePrefs() { prefs.classList.add('is-hidden'); } function showBanner() { hidePrefs(); banner.classList.remove('is-hidden'); } function showPrefs() { hideBanner(); prefs.classList.remove('is-hidden'); var current = readConsent(); if (analyticsToggle) { analyticsToggle.checked = !!(current && current.analytics); } } function saveChoice(analytics) { var consent = writeConsent({ analytics: analytics }); applyConsent(consent); hideBanner(); hidePrefs(); } window.SAConsent = { openPreferences: showPrefs, getConsent: readConsent, revokeAnalytics: function () { saveChoice(false); }, acceptAll: function () { saveChoice(true); } }; document.getElementById('sa-cookie-accept').addEventListener('click', function () { saveChoice(true); }); document.getElementById('sa-cookie-reject').addEventListener('click', function () { saveChoice(false); }); document.getElementById('sa-cookie-manage').addEventListener('click', showPrefs); document.getElementById('sa-cookie-save').addEventListener('click', function () { saveChoice(analyticsToggle && analyticsToggle.checked); }); document.getElementById('sa-cookie-prefs-reject').addEventListener('click', function () { saveChoice(false); }); document.getElementById('sa-cookie-prefs-close').addEventListener('click', function () { hidePrefs(); if (!readConsent()) { showBanner(); } }); document.querySelectorAll('[data-sa-cookie-settings]').forEach(function (el) { el.addEventListener('click', function (evt) { evt.preventDefault(); showPrefs(); }); }); var existing = readConsent(); if (existing) { applyConsent(existing); } else { showBanner(); } })(); </script> </body> </html>