Differences

This shows you the differences between two versions of the page.

--- playground:playground [2023/11/25 21:39] – kisu_odd
+++ playground:playground [2024/04/28 08:19] (current) – kisu_odd
@@ Line 1: / Line 1: @@
-  * Unordered List Item
+<!DOCTYPE html>
+<script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=66ac555bc5745ebe20abdae7cbc40704"></script>
+<!doctype HTML>
+<link rel="shortcut icon" href="http://sv.tinypic.com?ref=qq68e9">
 <html>
-<head>
-  <style>
+<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
-    /* Hide the content by default */
-    .lyricsContent {
+<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
-      display: none;
-    }
+<meta http-equiv="Content-Style-Type" content="text/css">
-  </style>
-</head>
+<meta http-equiv="Content-Script-Type" content="text/javascript">
-<body>
+<script type="text/javascript">
+<!--
+var namMember = new Array(
+      "Initiative",
-<h1>Sample Header 1</h1>
+      "Self-Hanging Monster (Kubikukuri Monster)",
-<button onclick="toggleLyrics('lyricsContent1')">Toggle Lyrics 1</button>
+      "Poster Girl's Prank (Kanbanmusume No Warufuzake)",
-<div id="lyricsContent1" class="lyricsContent">
+      "Rumors (Uwagoto)",
-  <h2>====== Lyrics Set 1 ======</h2>
-  <p>
+      "SYSTEMATIC IROMONO HARDCORE",
-    Here are the lyrics for set 1...
-    <!-- Your lyrics content for set 1 goes here -->
+      "I Thought I Was An Angel (Tenshi Da To Omotte Ita Noni)",
-  </p>
+      "Cold (Kaze)",
+      "Suicide Prototype",
+      "MIMIZU IN THE DANCEFLOOR",
+      "House VS. Thief (Ie VS. Dorobo)",
+      "Double Lariat [Double Bass Drum Remix]",
+      "Satori",
+      "Nothing Pretending To Be Nothing (Nai To Misekaketenai)",
+      "◯◯◯◯◯ (En Maru En Maru En)",
+      "Knocking On Hell's Door",
+      "ALGORITHMIC KABUKICHO",
+      "P.O.R.N.O.",
+      "Gorgeous Big Conversation (Gorgeous Big Taidan)",
+      "I",
+      "Sleepwalk",
+      "March 9, 2000",
+      "Sky Burial (Chousou)",
+      "Peter Peter",
+      "Flower (Hana)",
+      "HIKIZURI",
+      "Self-Destruct (Jibaku)",
+      "Before It Becomes Easy (Yasashikunaru Mae Ni)",
+      "Drawing (E)",
+      "ATARI FRONT PROGRAM",
+      "dope disco",
+      "Living Ghost Is Alive (Ikiteru Obake Wa Ikiteiru)",
+      "Executioner",
+      "Introduction To Sleep Studies (Suimin Gaku Gairon)",
+      "Imperfect Animals",
+      "EAT (Shokuji)",
+      "Welcome To The Love Hospital (Youkoso Renai Byouin He)",
+      "Cheeky (Sharekusai)",
+      "Is It Love? (Rabu Ka?) (Hiiragi Kirai Remix)",
+      "Striped Melody (Shimashima Melody)",
+      "natural born B",
+      "Monkey Doesn't Know (Saru Wa Shiranai)",
+      "There Is No Disorder In The Train Schedule (Daiya Ni Midare Wa Arimasen)",
+      "TRAUMATIC",
+      "Children's World (Kodomo No Sekai)",
+      "Fear! The Speaker People (Kyoufu! Speaker Ningen)",
+      "Ritual (Gishiki)",
+      "Doll",
+      "Harakiri (Seppuku)",
+      "Adult's Toy (Otona No Omocha)",
+      "Copyright Bitch (Kenri Kaitori Sumi Shoujo)",
+      "RENAISSANCE",
+      "Not Photogenic (Haenai)",
+      "Poison☆Apple",
+      "Null",
+      "Sometimes Shining (Tokidoki Hikaru)",
+      "Black Hole Artist",
+      "CALCIUM",
+      "Paper Delinquency Airplane (Kami Hikouki)",
+      "Hell Pops (Jigoku Pops)",
+      "OGRE",
+      "Passive Motions (Judo Motion)",
+      "Farewell, My Dear Sorrows (Saraba, Itoshiki Kanashimi-Tachi Yo) (Vocaloid Mix) (Momoiro Clover Z Cover)",
+      "Plant's Big Laugh (Shokubutsu Dai Bakushou)",
+      "Frog's Song (Kaeru-Tachi No Uta)",
+      "MOKSHA (Gedatsu)",
+      "MiKUSABBATH",
+      "Endless Amusement (Owaranai Goraku)",
+      "Do It Seriously (Majime Ni Yaru)",
+      "CR Peculiar Worldview (CR Dokutokuna Sekai-Kan)",
+      "Hidden Boss (Urabosu)",
+      "Messenger From The Irregular (Irregular Yori No Shisha)",
+      "PEE PEE PRINCESS",
+      "Welcome To Utopia (Risoukyou He Oidemasu)",
+      "Vermin (Gaichuu)",
+      "Dark Amusement Park (Kurai Yuuenchi)",
+      "Unknown, Unknown",
+      "Fighting Type (Kakutou Type)",
+      "Yokai Temari Song (Yokai Temari Uta)",
+      "It's Not Warm (Attakakunai)",
+      "Constipation Of Death",
+      "Summer Vacation In The Future (Mirai No Natsuyasumi)",
+      "Candy And Ignorance",
+      "Root Rot (Negusare)",
+      "Brainwashing Techniques Of The Monkey Dance (Monkey Dance No Sennou Jutsu)",
+      "An Alien's I Love You (Uchuujin No I Love You)",
+      "Ghost Under The Umbrella",
+      "I Want To Become A Stuffed Animal (Nuigurumi Ni Naritai)",
+      "#ffffff",
+      "Toxicity (Utsu-P Bass Cover)",
+      "Crimson Of Sadness",
+      "neighborhood song",
+      "Drama",
+      "Amazing (Sugoi)",
+      "Team Zsasz",
+      "Junk Item Dancer (Junk Hinzu Dancer)",
+      "The Sun Goddess And Rat (Otentou-Sama To Dobunezumi)",
+      "OK! (Rica Matsumoto Cover)",
+      "Evil Thoughts-Kun's Theme (Janen-Kun No Theme)",
+      "RED OCEAN",
+      "Dark Hero",
+      "Super-Normal (Goku Futsu)",
+      "Absolute Music Dance (Zettai Ongaku De Odore)",
+      "Life Select Button ~'M~ (Jinsei Select Button ~Anedepami~)",
+      "Delusional Imperial Phonograph (Mousou Teikoku Chikuonki)",
+      "Going Through Life (Jinsei O Yarisugosu)",
+      "Go Go Ghost Ship (Go Go Yuureisen) (Kenshi Yonezu Cover)",
+      "Cockroach (Aburamushi) (Nashimoto Ui Cover)",
+      "Alice In Milkland",
+      "Setting Sun (Shayou)",
+      "The Truth (Arinomama)",
+      "Ramen Shop GROTESQUE (Menya GROTESQUE)",
+      "Venomous Spider Daughter (Dokukumo No Musume)",
+      "Apprentice Hades (Minarai Hades)",
+      "stuPid people",
+      "DIARRHEA",
+      "Science Fiction Old Man and Young Girl (SF Ojisan To Onnanoko)",
+      "Q",
+      "No Swimming (Yuuei Kinshi)",
+      "The Joining of No. 14 Kubozono Chiyoko of Class 3-C",
+      "Human Error",
+      "Shoegaze Life",
+      "Doushite-Chan's Theme (Pinocchio-P Cover)",
+      "Fools Are Attracted To Anomaly (Baka Wa Anomaly Ni Akogareru)",
+      "It's Huge! (Dekkai!)",
+      "Summer Festival (Natsu Matsuri)",
+      "The Customer Is God! (Okyakusama Wa Kamisamadesu!)",
+      "Dream (Yume) (The Blue Hearts Cover)",
+      "A Song Made Only With The Cry Of Gastrodon -Loud Remix- (Toritodon No Nakigoe Dake De Tsukutta Kyoku) (Kurokawa Masakichi Cover)",
+      "This Is Love Song",
+      "BARKING CODE",
+      "Mockumentary Of Tokyo",
+      "The Beautiful Puke",
+      "Riot (Boudou)",
+      "Ghost Rule -Battamon Remix- (Deco*27 Cover)",
+      "Living Dutch Wife (Seimei Tsuki Dutch Wife)",
+      "CUTE, KINDA NICE (KAWAII NANKAII)",
+      "Is It Bad To Have GALAPAGOS Syndrome? (Galapagos De Warui Ka)",
+      "Psychokinesis",
+      "Amazing (Sugoi)",
+      "Corpse Attack!! (Mukuro Attack!!)",
+      "Pure White Poison (Masshiro Na Doku)",
+      "B-Class Heroes",
+      "The Sound Of Encroaching Rain (Otokui Ame)",
+      "Monster Grow",
+      "Death Of The Law",
+      "B.G.M",
+      "Montage",
+      "Hibana (DECO*27 Cover)",
+      "Wait And See ~Risk~ (Utada Hikaru Cover)",
+      "Anti-Digitalism",
+      "Corona",
+      "Kill, Carry On (Police Piccadilly Cover)",
+      "Hypocritical Courtesy (Ingin Burei)",
+      "SHIRONOIR",
+      "TENGU'S WORK",
+      "IDOLATRY",
+      "Demands (Juyou)",
+      "Magic Of The Massacre (Minagoroshi No Magic)",
+      "VILLAIN",
+      "dull",
+      "UFO And Hina Dolls (UFO To Hinaningyou)",
+      "CANDiES",
+      "My Roar",
+      "Heavy Rain Melancholy (Melancholy Gouu)",
+      "Song Of Destruction (Horobi No Uta)",
+      "ECHO (Crusher Cover)",
+      "Super Kazuya's Theme",
+      "Song Of The Double Suicide (Joushi No Uta)",
+      "Abusive Words (Waruguchi)",
+      "World Without Design (Design No Nai Sekai)",
+      "Rolling Girl (Wowaka Cover)",
+      "Stupid Pop (Obakana Pop)",
+      "Hello Builder",
+      "Bizarre Food (Getemono)",
+      "Delusion Tax -Battamon Remix- (Mousou Zei) (DECO*27 Cover)",
+      "potato-head in wonderland",
+      "Let's Ride The Happiness Train (Koufuku Ressha Ni Norou)",
+      "Chocolate Girl",
+      "Hyper Reality Show",
+      "Classroom Demon (Kyoushitsu No Akuma)",
+      "Nurikabe",
+      "Allegra",
+      "Impli-Meow Understanding (Nyanmoku No Ryoukai)",
+      "AIUEO",
+      "Rebirth Theory (Saisei Ron)",
+      "Common World Domination (Arifureta Sekai Seifuku) (Pinocchio-P Cover)",
+      "vivid",
+      "Baby Death Match",
+      "Safety (Bunan)",
+      "Maeda",
+      "Baki",
+      "Terror Storyteller",
+      "GLAMOROUS SKY (Mika Nakashima / HYDE Cover)",
+      "THE DYING MESSAGE",
+      "UNTOUCHABLE GIRL",
+      "JIGOKU STATION CENTRAL GATE",
+      "Ganesh-Ish (God-ish) (Pinocchio-P Cover)",
+      "Shit (Daiben)",
+      "Tokyo Teddy Bear (Neru Cover)",
+      "Final Fantasy (Owari No Fantasy)",
+      "Right Now (Utsu-P's Bass Cover)",
+      "Dearest (Ayumi Hamasaki Cover)",
+      "Compared To The Back Of The Anonymous (Nanashi-San No Seikurabe)",
+      "Minor Task Girl (Yaboyo Girl)",
+      "Unique Parade",
+      "MASSIVE EMOJI",
+      "Bread Song (Pan No Uta)",
+      "My P-Name Shone (P-Mei Hikatteita)",
+      "Please, Do Your Best (Ganbatte Kudasai)",
+      "Disparity Society (Kakusa Shakai)",
+      "Wraith (Ikiryou)",
+      "No-Nonsense",
+      "Uncensored Planet (Wakusei Mushuusei)",
+      "Corner Of The Public Toilet (Koshuu Benjo No Sumi)",
+      "Even If Everyone Around The World Laughed (Sekaijuu Ni Warawarete Mo)",
+      "Black Showtime",
+      "Loud Sound (Ookina Oto)",
+      "The Red Me (Akai Boku)",
+      "Rebirth (Saisei)",
+      "Otaku's Song (Otaku No Uta)",
+      "Stage-Name (Geimei)",
+      "Tissue Paper",
+      "Sugarcoat Of Love",
+      "Heart Sutra Hardcore",
+      "Human Bud (Ningen No Tsubomi)",
+      "Reaper's Holiday (Shinigami Holiday)",
+      "It Seems Like The Daruma Doll Fell Over (Daruma-San Ga Koronda Kigasuru)",
+      "Fuckin' Santa Claus",
+      "Mob",
+      "Okame-P - My Way (Utsu-P's Guitar Cover)",
+      "6:59 Travel (Siinamota Cover)",
+      "#money_anthem",
+      "Recommendation of Landmines (Jirai No Susume)",
+      "Nobody Makes Sense (Nu Metal Remix) (Bokura Wa Minna Imi Fumei) (Pinocchio-P Cover)",
+	  "Collage (Harie)",
+	  "Vita (Hiiragi Kirai Cover)",
+	  "Udon (Kenichi Maeyamada Cover)",
+	  "RRRRafflesia",
+	  "Ultra Heroine",
+	  "Tokyo Tulip (Toukyou Ukonkou)",
+	  "Serious Breach Of Contract (Juudai Keiyakuihan)"
+);
+//*********************************************************
+var lstMember = new Array();
+var parent = new Array();
+var equal = new Array();
+var rec = new Array();
+var cmp1,cmp2;
+var head1,head2;
+var nrec;
+var numQuestion;
+var totalSize;
+var finishSize;
+var finishFlag;
+//The initialization of the variable+++++++++++++++++++++++++++++++++++++++++++++
+function initList(){
+var n = 0;
+var mid;
+var i;
+//The sequence that you should sort
+lstMember[n] = new Array();
+for (i=0; i<namMember.length; i++) {
+lstMember[n][i] = i;
+}
+parent[n] = -1;
+totalSize = 0;
+n++;
+for (i=0; i<lstMember.length; i++) {
+//And element divides it in two/more than two
+//Increase divided sequence of last in first member
+if(lstMember[i].length>=2) {
+mid = Math.ceil(lstMember[i].length/2);
+lstMember[n] = new Array();
+lstMember[n] = lstMember[i].slice(0,mid);
+totalSize += lstMember[n].length;
+parent[n] = i;
+n++;
+lstMember[n] = new Array();
+lstMember[n] = lstMember[i].slice(mid,lstMember[i].length);
+totalSize += lstMember[n].length;
+parent[n] = i;
+n++;
+}
+}
+//Preserve this sequence
+for (i=0; i<namMember.length; i++) {
+rec[i] = 0;
+}
+nrec = 0;
+//List that keeps your results
+//Value of link initial
+// Value of link initial
+for (i=0; i<=namMember.length; i++) {
+equal[i] = -1;
+}
+cmp1 = lstMember.length-2;
+cmp2 = lstMember.length-1;
+head1 = 0;
+head2 = 0;
+numQuestion = 1;
+finishSize = 0;
+finishFlag = 0;
+}
+//&#12522;&#12473;&#12488;&#12398;&#12477;&#12540;&#12488;+++++++++++++++++++++++++++++++++++++++++++
+//flag&#65306;Don't know characters
+// -1&#65306;Chose the left
+// 0&#65306;Tie
+// 1&#65306;Chose the right
+function sortList(flag){
+var i;
+var str;
+//rec preservation
+if (flag<0) {
+rec[nrec] = lstMember[cmp1][head1];
+head1++;
+nrec++;
+finishSize++;
+while (equal[rec[nrec-1]]!=-1) {
+rec[nrec] = lstMember[cmp1][head1];
+head1++;
+nrec++;
+finishSize++;
+}
+}
+else if (flag>0) {
+rec[nrec] = lstMember[cmp2][head2];
+head2++;
+nrec++;
+finishSize++;
+while (equal[rec[nrec-1]]!=-1) {
+rec[nrec] = lstMember[cmp2][head2];
+head2++;
+nrec++;
+finishSize++;
+}
+}
+else {
+rec[nrec] = lstMember[cmp1][head1];
+head1++;
+nrec++;
+finishSize++;
+while (equal[rec[nrec-1]]!=-1) {
+rec[nrec] = lstMember[cmp1][head1];
+head1++;
+nrec++;
+finishSize++;
+}
+equal[rec[nrec-1]] = lstMember[cmp2][head2];
+rec[nrec] = lstMember[cmp2][head2];
+head2++;
+nrec++;
+finishSize++;
+while (equal[rec[nrec-1]]!=-1) {
+rec[nrec] = lstMember[cmp2][head2];
+head2++;
+nrec++;
+finishSize++;
+}
+}
+//Processing after finishing with one list
+if (head1<lstMember[cmp1].length && head2==lstMember[cmp2].length) {
+//List the remainder of cmp2 copies, list cmp1 copies when finished scanning
+while (head1<lstMember[cmp1].length){
+rec[nrec] = lstMember[cmp1][head1];
+head1++;
+nrec++;
+finishSize++;
+}
+}
+else if (head1==lstMember[cmp1].length && head2<lstMember[cmp2].length) {
+//List the remainder of cmp1 copies, list cmp2 copies when finished scanning
+while (head2<lstMember[cmp2].length){
+rec[nrec] = lstMember[cmp2][head2];
+head2++;
+nrec++;
+finishSize++;
+}
+}
+//When it arrives at the end of both lists
+//Update a pro list
+if (head1==lstMember[cmp1].length && head2==lstMember[cmp2].length) {
+for (i=0; i<lstMember[cmp1].length+lstMember[cmp2].length; i++) {
+lstMember[parent[cmp1]][i] = rec[i];
+}
+lstMember.pop();
+lstMember.pop();
+cmp1 = cmp1-2;
+cmp2 = cmp2-2;
+head1 = 0;
+head2 = 0;
+//Initialize the rec before performing the new comparison
+if (head1==0 && head2==0) {
+for (i=0; i<namMember.length; i++) {
+rec[i] = 0;
+}
+nrec = 0;
+}
+}
+if (cmp1<0) {
+str = "battle #"+(numQuestion-1)+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
+document.getElementById("battleNumber").innerHTML = str;
+showResult();
+finishFlag = 1;
+}
+else {
+showImage();
+}
+}
+ option
+//The results+++++++++++++++++++++++++++++++++++++++++++++++
+//&#38918;&#20301;=Rank/Grade/Position/Standing/Status
+//&#21517;&#21069;=Identification term
+function showResult() {
+var ranking = 1;
+var sameRank = 1;
+var str = "";
+var i;
+str += "<table style=\"width:200px; font-size:18px; line-height:120%; margin-left:auto; margin-right:auto; border:1px solid #000; border-collapse:collapse\" align=\"center\">";
+str += "<tr><td style=\"color:#ffffff; background-color:#e097d9; text-align:center;\">rank<\/td><td style=\"color:#ffffff; background-color:#e097d9; text-align:center;\">options<\/td><\/tr>";
+for (i=0; i<namMember.length; i++) {
+str += "<tr><td style=\"border:1px solid #000; text-align:center; padding-right:5px;\">"+ranking+"<\/td><td style=\"border:1px solid #000; padding-left:5px;\">"+namMember[lstMember[0][i]]+"<\/td><\/tr>";
+if (i<namMember.length-1) {
+if (equal[lstMember[0][i]]==lstMember[0][i+1]) {
+sameRank++;
+} else {
+ranking += sameRank;
+sameRank = 1;
+}
+}
+}
+str += "<\/table>";
+document.getElementById("resultField").innerHTML = str;
+}
+//Indicates two elements to compare+++++++++++++++++++++++++++++++++++
+function showImage() {
+var str0 = "battle #"+numQuestion+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
+var str1 = ""+toNameFace(lstMember[cmp1][head1]);
+var str2 = ""+toNameFace(lstMember[cmp2][head2]);
+document.getElementById("battleNumber").innerHTML = str0;
+document.getElementById("leftField").innerHTML = str1;
+document.getElementById("rightField").innerHTML = str2;
+numQuestion++;
+}
+//Convert numeric value into a name (emoticon)+++++++++++++++++++++++++++++++
+function toNameFace(n){
+var str = namMember[n];
+/*
+str += '<br />';
+switch(n) {
+//case -1 Because it is a sample, delete it
+case -1: str+=""; break;
+}*/
+return str;
+}
+//-->
+</script>
+<style type="text/css">
+<!--
+#mainTable{
+font-size: 19px;
+font-family: 'Times New Roman', serif;
+text-align: center;
+vertical-align: middle;
+width: 410px;
+margin-left: auto;
+margin-right: auto;
+border-collapse: separate;
+border-spacing: 10px 5px;
+}
+#leftField{
+width: 120px;
+height: 150px;
+border: 1px solid #000;
+cursor: pointer;
+}
+#rightField{
+width: 120px;
+height: 150px;
+border: 1px solid #000;
+cursor: pointer;
+}
+.middleField{
+width: 120px;
+height: 70px;
+border: 1px solid #000;
+cursor: pointer;
+}
+a{
+color: #e097d9;
+text-decoration : none;
+}
+a:hover{
+color: #8f8f8f;
+}
+body {
+width: 600px;
+margin: 0 auto;
+font-family: 'Times New Roman', erif;
+}
+-->
+</style>
+<!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. --><!-- Read more: http://ogp.me/ --><meta property="fb:app_id" content="48119224995" /><meta property="og:site_name" content="" /><meta property="og:title" content="Not Found" /><meta property="og:url" content="" /><meta property="og:description" content="The URL you requested could not be found." /><meta property="og:determiner" content="a" /><meta property="og:type" content="tumblr-feed:entry" /><meta property="og:image" content="http://assets.tumblr.com/images/og/text_200.png" /><!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
+<!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:card" content="summary" /><meta name="twitter:description" content="The URL you requested could not be found." /><meta name="twitter:title" content="Not Found" /><meta name="twitter:url" content="" /><meta name="twitter:site" content="tumblr" /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=roosterteethcs&amp;postID=&amp;referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=roosterteethcs&amp;postID=&amp;referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=roosterteethcs&amp;postID=&amp;referrer=twitter-cards" />
+<script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=a9e2d0b0ade5958a1a2a936adf448061"></script>
+<meta http-equiv="x-dns-prefetch-control" content="off"/>
+</head>
+<link href='http://fonts.googleapis.com/css?family=Josefin+Slab:600' rel='stylesheet' type='text/css'>
+<body text="#000000" bgcolor="#ffffff" link="#e097d9" vlink="#e097d9" alink="#79a2c9">
+<p class="instructions">
+<center><br /><br />
+<b>UTSU-P SONG SORTER</b><br /><br>pick what you like better in each battle to get an accurate list of your<br />favorites.<br />note: hitting 'no opinion' or 'I like both' frequently will negatively affect your results.<br /><br /></center>
+</p>
+<table id="mainTable" align="center">
+<tbody><tr>
+<td id="battleNumber" colspan="3" style="padding-bottom: 10px;" style="text-align:center;"><b>battle #1<br>0% sorted.</b></td>
+</tr>
+<tr>
+<td id="leftField" onclick="if(finishFlag==0) sortList(-1);" rowspan="2" style="text-align:center;"></td>
+<td class="middleField" onclick="if(finishFlag==0) sortList(0);" style="text-align:center;">
+I like both
+</td>
+<td id="rightField" onclick="if(finishFlag==0) sortList(1);" rowspan="2"style="text-align:center;"></td>
+</tr>
+<tr>
+<td class="middleField" onclick="if(finishFlag==0) sortList(0);"style="text-align:center;">
+no opinion
+</td>
+</tr>
+</tbody></table>
+<br><br>
+<div id="resultField" style="text-align: center;">
+<br>
 </div>
+<script type="text/javascript">
+<!--
+initList();
+showImage();
+//-->
+</script>
+<p class="other">
+<center><small><br /><br />used without permission.<br /><br/><a href="http://biasorter.tumblr.com/">created by biasorter</a>.
+</small></center></small>
+</p>
+<!-- BEGIN TUMBLR CODE --><iframe id="tumblr_controls" width="1" height="1" frameborder="0" scrolling="no" style="position:absolute; z-index:2147483647; top:0; right:0; border:0; background-color:transparent; overflow:hidden; " src="http://assets.tumblr.com/assets/html/iframe/o.html?_v=dddebe193046ef922006b33d60687b05#src=http%3A%2F%2Froosterteethcs.tumblr.com%2Fask&amp;lang=en_US&amp;name=roosterteethcs&amp;avatar=http%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar%2Fpyramid_open_64.png&amp;title=rt+character+sorter&amp;url=http%3A%2F%2Froosterteethcs.tumblr.com%2F&amp;page_slide=slide"></iframe><div id="teaser_iframe_container" style="display:none;"><iframe scrolling="no" frameborder="0" src="http://www.tumblr.com/assets/html/iframe/teaser.html?_v=0334cdd0135fa4ea13587cd37c2dcf98#src=http%3A%2F%2Froosterteethcs.tumblr.com%2Fask&amp;lang=en_US&amp;name=roosterteethcs&amp;avatar=http%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar%2Fpyramid_open_64.png&amp;title=rt+character+sorter&amp;url=http%3A%2F%2Froosterteethcs.tumblr.com%2F&amp;page_slide=slide" id="teaser_iframe" width="1" height="1"></iframe></div><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><iframe onload="javascript:this.contentWindow.postMessage(['tick_google_analytics', '/ask?route=404_page'].join(';'), this.src.split('/analytics.html')[0]);  COMSCORE = true;this.contentWindow.postMessage('enable_comscore;' + window.location, this.src.split('/analytics.html')[0]);" src="http://assets.tumblr.com/analytics.html?9bbb9e7732da937858cd0531689c20b1" scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0 z-index:9999;" id="ga_target"></iframe><script type="text/javascript">
+      var _qevents = _qevents || [];
+      (function() {
+       var elem = document.createElement('script');
+       elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
+       elem.async = true;
+       elem.type = "text/javascript";
+       var scpt = document.getElementsByTagName('script')[0];
+       scpt.parentNode.insertBefore(elem, scpt);
+      })();
+    </script><script type="text/javascript">
+        _qevents.push( { qacct: 'p-19UtqE8ngoZbM' } );
+    </script><noscript><div style="display: none;"><img src="//pixel.quantserve.com/pixel/'p-19UtqE8ngoZbM'.gif" height="1" width="1" alt="Quantcast"/></div></noscript><script type="text/javascript">!function(s){s.src='http://www.tumblr.com/impixu?T=1389854658&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvcm9vc3RlcnRlZXRoY3MudHVtYmxyLmNvbVwvYXNrIiwicmVxdHlwZSI6MCwicm91dGUiOiI0MDRfcGFnZSJ9&U=GJPMNFPHIN&K=745811f0e9615242e744b26218c2e56a6c6b184a1315e6c9e9e871a0c242e3ab&R=http%3A%2F%2Froosterteethcs.tumblr.com%2F'.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1389854658&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvcm9vc3RlcnRlZXRoY3MudHVtYmxyLmNvbVwvYXNrIiwicmVxdHlwZSI6MCwicm91dGUiOiI0MDRfcGFnZSIsIm5vc2NyaXB0IjoxfQ==&U=GJPMNFPHIN&K=c7a8ec33be24dcae3b08d0ffc26af0508ef65362a18101b8963123d054b7f79e&R=http%3A%2F%2Froosterteethcs.tumblr.com%2F"></noscript><script type="text/javascript" src="http://l.yimg.com/ss/rapid-3.9.js"></script><script>
+                    (function(YAHOO) {
+                        if (YAHOO) {
+                            YAHOO.i13n.beacon_server = 'nol.yahoo.com';
+                            var keys = { pd:'404_page', _li:0, i_rad:0, i_strm:0 };
+                            YAHOO.rapid = new YAHOO.i13n.Rapid({spaceid:1197719233, oo:1, client_only:1, yql_enabled:false, keys:keys});
+                        }
+                    })(window.YAHOO);
+                </script><!-- END TUMBLR CODE -->
+</body>
+</html>
-<button onclick="toggleLyrics('lyricsContent2')">Toggle Lyrics 2</button>
+ ~~ORPHANSWANTED:all~~
-<div id="lyricsContent2" class="lyricsContent">
+kiko loureiro
-(Color coded to each singer's solo lines. <fc #90ee90>Ikura</fc>, <fc #edc2d1>Yakko</fc>, <fc #e15467>MANAKO</fc>, <fc #f5c253>Maam</fc>, and <fc #f1f849>Yuzuki</fc>)\\
-\\
+penis ((yeah boyyy))
-<fc #f5c253>意味のないことに思えたんだ\\
-「昨日」を今日も重ねるのは</fc>\\
+<html><div id="hiddenText" style="display: none;">
-<fc #f1f849>飽々していたんだ　同じ僕に\\
+  <div>Here is some text with <span style="color: #90ee90;">colored text</span>.</div>
-理想は今日も　色を変えて</fc>\\
+  <div>This is another line with a line break.<br/>And a new line.</div>
-\\
-<fc #90ee90>煙る倦怠感　陰る最上段\\
-あれやこれが火を奪っていく</fc>\\
-<fc #e15467>止まることは許されないよ\\
-僕にはもうこれしかないの\\
-\\
-だから</fc>\\
-\\
-再生論　理想を理想にしないで\\
-散散だって言ってないで　困難だって愛しちゃって\\
-どうせ僕が終わるならば\\
-曖昧なんて信じらんない　体内外削って叶えろ\\
-\\
-<fc #edc2d1>あ、流れ星！じゃあ私が全員分まとめて言うね\\
-夢が叶いますように夢が叶いますように夢が@^#%!#&^*&….\\
-悲しみ喜び怒りも全部　今日の日を生き抜くためのパートナー\\
-逸れぬように繋ぎ合う手と手　いつだって一緒だって</fc>\\
-\\
-回る照明が　照らす存在は\\
-苦しみ抱いて　輝きを増すの\\
-藻掻くほどに僕を知るんだ\\
-他の誰にも真似できない\\
-\\
-僕を\\
-\\
-再生論　過剰で多情になれよ\\
-ヤイヤイ言って尻尾巻いて　わんわん泣いてどうしたんだい\\
-上限イッパイの理想で吠えろ\\
-Hi-Fiハートビート for you　限界だって突破しようぜ\\
-\\
-戻れない　鍵穴はまだ見えない\\
-探そうか　ここからまた僕を始めよう\\
-\\
-<fc #f5c253>再生論　理想を理想にしないで</fc>\\
-<fc #90ee90>散散だって言ってないで</fc>　<fc #f1f849>困難だって愛しちゃって</fc>\\
-<fc #f5c253>どうせ僕が終わるならば</fc>\\
-<fc #e15467>曖昧なんて信じらんない</fc>　<fc #edc2d1>体内外削っていこうぜ</fc>\\
-\\
-再生論　過剰で多情になれよ\\
-ヤイヤイ言って尻尾巻いて　わんわん泣いてどうしたんだい\\
-上限イッパイの理想で吠えろ\\
-Hi-Fiハートビート for you　限界だって突破しようぜ\\
-\\
-戻れない　鍵穴はまだ見えない\\
-探そうか　ここからまた僕を始めよう\\
-\\
-    <!-- Your lyrics content for set 2 goes here -->
-  </p>
 </div>
-<h1>Another Header</h1>
+<button onclick="toggleText(this)">Show Hidden Text</button>
 <script>
-  function toggleLyrics(id) {
+  function toggleText(button) {
-    var lyricsContent = document.getElementById(id);
+    var hiddenText = document.getElementById("hiddenText");
-    // Toggle the display style
+    if (hiddenText.style.display === "none") {
-    if (lyricsContent.style.display === "none") {
+      hiddenText.style.display = "block";
-      lyricsContent.style.display = "block";
+      button.innerText = "Hide Hidden Text";
     } else {
-      lyricsContent.style.display = "none";
+      hiddenText.style.display = "none";
+      button.innerText = "Show Hidden Text";
     }
   }
 </script>
-</body>
 </html>