polcompballvalues.github.io/results.html at master · Polcompballvalues/polcompballvalues.github.io · GitHub

1
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>PolcompballValues</title><link rel="icon" type="x-icon" href="./assets/icon.png"><link rel="shortcut icon" type="x-icon" href="./assets/icon.png"><meta name="theme-color" content="#000000" data-react-helmet="true"><meta property="og:ttl" content="600"><meta property="og:type" content="website"><meta property="og:site_name" content="polcompballvalues.github.io"><meta property="og:url" content="https://polcompballvalues.github.io/"><meta property="og:title" content="PolcompballValues (Archive)"><meta property="og:description" content="PolcompballValues a quiz aimed at members of the Polcompball community."><meta property="og:image" content="https://polcompballvalues.github.io/assets/previcon.png"><meta property="og:image:width" content="1024"><meta property="og:image:height" content="1024"><link href="./dist/style.css" rel="stylesheet" type="text/css"></head><body><h1>PolcompballValues</h1><h2>Results</h2><div class="results"><h2>Seriousposting Axis: <span class="axis-labels" id="seriousposting-label"></span></h2><div class="axis"><img class="value" id="img-sincerity" src="./assets/values/sincerity.svg"><div class="bar sincerity" id="bar-sincerity"><div class="text-wrapper" id="span-sincerity"></div></div><div class="bar irony" id="bar-irony"><div class="text-wrapper" id="span-irony"></div></div><img class="value" id="img-irony" src="./assets/values/irony.svg"></div><h2>Allegiance Axis: <span class="axis-labels" id="allegiance-label"></span></h2><div class="axis"><img class="value" id="img-jannyphobe" src="./assets/values/jannyphobe.svg"><div class="bar jannyphobe" id="bar-jannyphobe"><div class="text-wrapper" id="span-jannyphobe"></div></div><div class="bar jannyphile" id="bar-jannyphile"><div class="text-wrapper-white" id="span-jannyphile"></div></div><img class="value" id="img-jannyphile" src="./assets/values/jannyphile.svg"></div><h2>Experience Axis: <span class="axis-labels" id="experience-label"></span></h2><div class="axis"><img class="value" id="img-veteran" src="./assets/values/veteran.svg"><div class="bar veteran" id="bar-veteran"><div class="text-wrapper" id="span-veteran"></div></div><div class="bar newbie" id="bar-newbie"><div class="text-wrapper" id="span-newbie"></div></div><img class="value" id="img-newbie" src="./assets/values/newbie.svg"></div><h2>Personality Axis: <span class="axis-labels" id="personality-label"></span></h2><div class="axis"><img class="value" id="img-wholesome" src="./assets/values/wholesome.svg"><div class="bar wholesome" id="bar-wholesome"><div class="text-wrapper" id="span-wholesome"></div></div><div class="bar edgy" id="bar-edgy"><div class="text-wrapper" id="span-edgy"></div></div><img class="value" id="img-edgy" src="./assets/values/edgy.svg"></div><h2>Hornyposting Axis: <span class="axis-labels" id="hornyposting-label"></span></h2><div class="axis"><img class="value" id="img-horny" src="./assets/values/horny.svg"><div class="bar horny" id="bar-horny"><div class="text-wrapper-white" id="span-horny"></div></div><div class="bar antihorny" id="bar-antihorny"><div class="text-wrapper" id="span-antihorny"></div></div><img class="value" id="img-antihorny" src="./assets/values/antihorny.svg"></div><h2>Fame Axis: <span class="axis-labels" id="fame-label"></span></h2><div class="axis"><img class="value" id="img-active" src="./assets/values/active.svg"><div class="bar active" id="bar-active"><div class="text-wrapper" id="span-active"></div></div><div class="bar lurker" id="bar-lurker"><div class="text-wrapper" id="span-lurker"></div></div><img class="value" id="img-lurker" src="./assets/values/lurker.svg"></div><h2>Shower Axis: <span class="axis-labels" id="shower-label"></span></h2><div class="axis"><img class="value" id="img-standard" src="./assets/values/standard.svg"><div class="bar standard" id="bar-standard"><div class="text-wrapper-white" id="span-standard"></div></div><div class="bar wacky" id="bar-wacky"><div class="text-wrapper" id="span-wacky"></div></div><img class="value" id="img-wacky" src="./assets/values/wacky.svg"></div><h2>Sanity Axis: <span class="axis-labels" id="sanity-label"></span></h2><div class="axis"><img class="value" id="img-boring" src="./assets/values/boring.svg"><div class="bar boring" id="bar-boring"><div class="text-wrapper" id="span-boring"></div></div><div class="bar schizo" id="bar-schizo"><div class="text-wrapper" id="span-schizo"></div></div><img class="value" id="img-schizo" src="./assets/values/schizo.svg"></div><h2>Relationships Axis: <span class="axis-labels" id="relationships-label"></span></h2><div class="axis"><img class="value" id="img-liked" src="./assets/values/liked.svg"><div class="bar liked" id="bar-liked"><div class="text-wrapper" id="span-liked"></div></div><div class="bar disliked" id="bar-disliked"><div class="text-wrapper" id="span-disliked"></div></div><img class="value" id="img-disliked" src="./assets/values/disliked.svg"></div><h2>Fedposting Axis: <span class="axis-labels" id="fedposting-label"></span></h2><div class="axis"><img class="value" id="img-discriminatory" src="./assets/values/discriminatory.svg"><div class="bar discriminatory" id="bar-discriminatory"><div class="text-wrapper" id="span-discriminatory"></div></div><div class="bar inclusive" id="bar-inclusive"><div class="text-wrapper" id="span-inclusive"></div></div><img class="value" id="img-inclusive" src="./assets/values/inclusive.svg"></div><h2>Actions Axis: <span class="axis-labels" id="actions-label"></span></h2><div class="axis"><img class="value" id="img-behaving" src="./assets/values/behaving.svg"><div class="bar behaving" id="bar-behaving"><div class="text-wrapper" id="span-behaving"></div></div><div class="bar misbehaving" id="bar-misbehaving"><div class="text-wrapper" id="span-misbehaving"></div></div><img class="value" id="img-misbehaving" src="./assets/values/misbehaving.svg"></div><h2>Purpose Axis: <span class="axis-labels" id="purpose-label"></span></h2><div class="axis"><img class="value" id="img-artist" src="./assets/values/artist.svg"><div class="bar artist" id="bar-artist"><div class="text-wrapper" id="span-artist"></div></div><div class="bar community" id="bar-community"><div class="text-wrapper-white" id="span-community"></div></div><img class="value" id="img-community" src="./assets/values/community.svg"></div><h2>Perception Axis: <span class="axis-labels" id="perception-label"></span></h2><div class="axis"><img class="value" id="img-pleasant" src="./assets/values/pleasant.svg"><div class="bar pleasant" id="bar-pleasant"><div class="text-wrapper" id="span-pleasant"></div></div><div class="bar annoying" id="bar-annoying"><div class="text-wrapper-white" id="span-annoying"></div></div><img class="value" id="img-annoying" src="./assets/values/annoying.svg"></div><h2>Comedy Axis: <span class="axis-labels" id="comedy-label"></span></h2><div class="axis"><img class="value" id="img-funny" src="./assets/values/funny.svg"><div class="bar funny" id="bar-funny"><div class="text-wrapper" id="span-funny"></div></div><div class="bar unfunny" id="bar-unfunny"><div class="text-wrapper" id="span-unfunny"></div></div><img class="value" id="img-unfunny" src="./assets/values/unfunny.svg"></div></div><h2>Closest Match: <span id="cmatch"></span></h2><div id="other-matches">Next matches:</div><canvas id="banner"></canvas><button class="button" id="download-button">Download</button><button class="button" id="gallery-button" onclick="location.href='gallery.html'">User Gallery</button><button class="button" id="credits-button" onclick="location.href='credits.html'">Credits</button><button class="button" id="back-button" onclick="location.href='index.html'">Return To Index</button><script type="application/javascript">globalThis.VERSION = "2.3.0 (Archive)"</script><script type="module">var e,t,n,r,a,o,l,d,s,c,m,i,h,u,g,E,w,v,y,b,p,f,k,I,B,j,x,O,F,L,S,C,M,R;import{getJson as T,Canvas as V}from"./dist/common.min.js";if(C=!0,O=(e,t)=>{var n;return n=document.getElementById("span-"+e),document.getElementById("bar-"+e).style.width=t.toFixed(1)+"%",n.innerHTML=t.toFixed(1)+"%",n.style.display=t<20?"none":"block"},y=(e,t,n)=>{var r,a,o,l,d,s,c,m,i,h,u;for(r=[],a=o=0,d=n.length;o<d;a=++o){for(u=n[a],h=0,a=l=0,s=(m=Object.keys(e)).length;l<s;a=++l)i=m[a],c=Math.abs(e[i]-u.stats[a]),h+=t[a]*Math.pow(c/100,3);r.push({name:u.name,score:h/t.length})}return r.sort(((e,t)=>e.score-t.score))},c=e=>Object.keys(e).length===M.length&&(!Object.values(e).some((e=>void 0===e))&&!!Object.values(e).every((e=>e>=0&&e<=100))),j=(F=new URLSearchParams(document.location.search)).get("score")||"",r=F.get("edition"),R=Array((M=await T("values")).length).fill(2),B=j.split(",").reduce(((e,t,n)=>({...e,[M[n].key]:parseFloat(t)})),{}),!c(B))throw C=!1,o="Invalid scores",alert(o),Error(o);for(L=y(B,R,await T("users")),document.getElementById("cmatch").textContent=L[0].name+": "+(100*(1-L[0].score)).toFixed(1)+"%",b=document.getElementById("other-matches"),d=m=1;m<=5;d=++m)(e=>{var t;(t=document.createElement("p")).textContent=L[e].name+": "+(100*(1-L[e].score)).toFixed(1)+"%",b.appendChild(t)})(d);for(p={edition:"s"===r?"Short test":"Full test",user:L[0].name,version:globalThis.VERSION},n=document.getElementById("banner"),[e,l]=window.matchMedia("(prefers-color-scheme: dark)").matches?["#333","#EEE"]:["#EEE","#333"],t=new V(n,1860,800,l,e),s=i=0,u=M.length;i<u;s=++i)for(S=M[s],t.drawValues(S,s),t.drawValueBg(s),a=document.getElementById(S.name+"-label"),I=B[S.key],a.textContent=S.tiers[V.findTier(I)],f=S.labels,s=h=0,g=f.length;h<g;s=++h)O(f[s],s?100-I:I);for(s=w=0,E=(k=Object.keys(B)).length;w<E;s=++w)x=k[s],t.drawScoreRect(B,M,x,s);document.getElementById("download-button").addEventListener("click",(()=>{var e;return(e=document.createElement("a")).download="polcompballvalues.png",e.href=t.element.toDataURL("image/png"),e.click()})),v=()=>{var e,n,r;if(C){for(s=n=0,e=(r=Object.keys(B)).length;n<e;s=++n)x=r[s],t.drawScoreLabel(B[x],M,s);return t.drawHeader(p)}},setTimeout((()=>{var e;return e=new Event("load"),window.dispatchEvent(e),v()}),300);</script></body></html>