HTML Section of Website


<head>
  <script type="text/javascript">
// <![CDATA[
var colour="#00baff";
var sparkles=120;

/****************************
*  Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
  var i, rats, rlef, rdow;
  for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
  }
  set_width();
  sparkle();
}}

function sparkle() {
  var c;
  if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
      star[c].style.left=(starx[c]=x)+"px";
      star[c].style.top=(stary[c]=y)+"px";
      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
      star[c].style.visibility="visible";
      starv[c]=50;
      break;
    }
  }
  for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
  }
  setTimeout("sparkle()", 40);
}

function update_star(i) {
  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
      star[i].style.top=stary[i]+"px";
      starx[i]+=(i%5-2)/5;
      star[i].style.left=starx[i]+"px";
    }
    else {
      star[i].style.visibility="hidden";
      starv[i]=0;
      return;
    }
  }
  else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
  }
}

function update_tiny(i) {
  if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
  }
  if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
      tiny[i].style.top=tinyy[i]+"px";
      tinyx[i]+=(i%5-2)/5;
      tiny[i].style.left=tinyx[i]+"px";
    }
    else {
      tiny[i].style.visibility="hidden";
      tinyv[i]=0;
      return;
    }
  }
  else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}

window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}

function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  div.style.backgroundColor=colour;
  return (div);
}
// ]]>
</script>

  <font size="+4"> <H1>~ ✨ MK8 Tournament ✨ ~</H1> </font>
  <font size="+1"> <H2>CHS Grand Prix and Battle Tournament</H2> </font>

<!-- Tab links -->
<body>
  <div class="tab">
  <button class="tablinks" onclick="openCity(event, 'About')">About</button>
  <button class="tablinks" onclick="openCity(event, 'Grand Prix Tourney')">Grand Prix Tourney</button>
  <button class="tablinks" onclick="openCity(event, 'Battle Tourney')">Battle Tourney</button>
    <button class="tablinks" onclick="openCity(event, 'Sign up')">Sign Up!</button>
    <button class="tablinks" onclick="openCity(event, 'About the Organiser')">About the Organiser</button>

</div>

  </body>

<!-- Tab content -->
<body>
  <div id="About" class="tabcontent">
  <h3>About</h3>
 <h4> <p>This Semester a senior student Ella has decided to run a Mario Kart 8 Tournament. You may either choose to challenge solo or join up with a few of your friends and form a team. The competition is going to mainly focused on Mario Kart 8 Deluxe on the Switch, but if there's enough popularity we will consider running the Wii U version as well. If we do run a Wii U Tournament we will only be having a Grand Prix Tournament due to the games not as fleshed out battle mode. You will also not require the DLC the game has.
 To create the best experience possible we will not split anyone based on their year group and there won't be any handicaps given. If you have any question feel free to ask questions on the sign up page! </p> </h4>
  <h4>  <iframe width="1120" height="630" src="https://www.youtube.com/embed/tKlRN2YpxRE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </h4>

</div>

<div id="Grand Prix Tourney" class="tabcontent">
  <h3>Grand Prix Tourney</h3>
 <h4> <p>Each match of the Grand Prix Tourney will four preselected tracks. The system we use will be a knockout system, after the four races the bottom two scoring player will be knocked out. Computers will be turned off and it will be standard 150cc.</p>
   <hr>
   <p> The track sets are listed below:</p>
   <p>  Set 1 - Mario Stadium, Toad Harbour, Sunshine Airport, Shy Guy Falls</p>
 <p>  Set 2 - Toad's Turnpike, Yoshi Valley, Cloudtop Cruise, Pirhana Plant Pipeway </p>
  <p>  Set 3 - Baby Park, Melody Motorway, Electrodrome, N64 Rainbow Road </p>
 <p>   If we need more sets of courses those will be decided on the day. And they will be selected from the remaining courses. </p>
   <p> <img src="https://gbatemp.net/attachments/screenshot-from-2015-08-31-20-32-17-png.24260/" alt="All of the tracks from Mario Kart 8 excluding the DLC tracks" style="width:75%;" border="8"> </p> </h4>
</div>
<div id="Battle Tourney" class="tabcontent">
  <h3>Battle Tourney</h3>
  <h4> <p>Each set of battle will be teamed randomly, this may mean your team is split up. If your team is split with a majority the the smaller side will be given 1 or 2 handicap points to help you guys stay together for the next round. Each round will consisted of three random modes. The winning will have immunity from ellimination and the bottom two placing from the round will be elliminated.</p> </h4>
 <h4> <iframe width="1120" height="630" src="https://www.youtube.com/embed/nKqzvVjrKOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </h4>
</div>
  <div id="Sign up" class="tabcontent">
  <h3>Sign Up!</h3>
     <h4> <p>So seeing that you're here on this page I can only assume that you want to sign up. Right below is the Google Forums sheet you can use to sign up at the bottom of the sheet is a questions section which will be answered later on.</p> </h4>
      <h4> <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfp_iFhIYLNtae-G3ymryRD1jupVI5z4JkneeAYIgwzcTlQyg/viewform?embedded=true" width="1250" height="450" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> </h4>
</div>
  <div id="About the Organiser" class="tabcontent">
  <h3>About the Organiser</h3>
     <h4> <p>Wow I'm actually surprised that you actually wanted to read about my Mario Kart Experience. I started playing Mario Kart back in 2010 when Nintendo was doing that promotion when they gave out free Wiis and a few games with every TV. My first main was Daisy and it was pretty good up until I got Rosalina and she became my permanent main. I wasn't that good on online with the Wii as I stayed a fairly unstable 1000VR, I was young and not that good and then the servers shut down. Nor was I any good at time trials. I recently revisited MKWii and I can see my improvement, I can actually get good placings and beat the staff ghosts. </p>
       <p>Then came the Wii U, it was ok, but it was overly marketed at children and there we only a few good games and Nintendo Land is a cash grab. But the Wii U was really where I started upping my game, I discovered how to build a good vehicle and now I main a bike with through the roof acceleration and handling. I also improved greatly in online matches with my VR sitting at around 5500VR. After I bought DLC Rosalina stopped being my main in MK8 and it quickly changed to female villager and now she is the only character I can play confidently. Everything's pretty much the same on the switch. </p>
       <p> Also I played the Mario Kart at a Japanese arcade machine like one time, it was great I think I placed first although I honestly have no idea. If you're Japan and are in Akihabara go to the basement level of the Taito Games Station and play it (while you're at you can also play Love Live After School activity).</p>
    <img src="http://i67.tinypic.com/atvy21.jpg" alt="Female Villager and Rosalina from Mario Kart" style="width:60%;" border="8" color="white"></h4>
</div>
   </body>
  <div class="container">
 <H2> <img src="https://i2.wp.com/www.nerdunion.us/wp-content/uploads/2017/11/Switch_MarioKart8Deluxe_artwork_hero.jpg?ssl=1" alt="Promotional Art for Mario Kart 8 Deluxe" style="width:75%;" border="8"> <H2>
   <p><font size="+0.5"><small>*We are in no way affiliated with Nintendo or any of it's IP's. Nor are we being paid by them. This is a small scale fan run competition.</small> </p>