Advertisement
someone_

RenneArchive.html

Nov 22nd, 2012
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta content="width=device-width" name="viewport" />
  5.         <title>Renne Quest Archive</title>
  6.         <meta name="description" content="Love Craft Meets Pony aka LK's Renne Quest" />
  7.         <meta name="author" content="LowKey" />
  8.         <meta name="keywords" content="MLP,ponies,pony,MLPG,My Little Pony,MLP General,My Little Pony General,LK,LowKey,Renne,Quest,Renne Quest,Archive,archive anon,anon,anonymous,4chan,thread,sentenal,spooky,scary,audio,sound,sounds,audios,speculation,html,flash,log,logs,presentation,presentations,boop,golem,translator,tools,helpful,helpful tools" />
  9.         <style type="text/css">
  10.         /*<![CDATA[*/
  11.             html {
  12.                 background-color: rgb(0,0,0);
  13.                 font-family: Helvetica, Verdana, Arial, sans-serif;
  14.                 margin-bottom: 40px;
  15.             }
  16.             body {
  17.                 color: rgb(255,255,255);
  18.             }
  19.             h1, br + a {
  20.                 margin-bottom: 15px;
  21.             }
  22.             div#container {
  23.                 text-align: center;
  24.                 width: 400px;
  25.                 margin: 0 auto;
  26.             }
  27.             table {
  28.                 border: none;
  29.                 width: 99%;
  30.             }
  31.             td {
  32.                 width: 33%;
  33.             }
  34.             div#container td > div {
  35.                 margin-top: 5px;
  36.             }
  37.             img {
  38.                 max-width: 400px;
  39.             }
  40.             a {
  41.                 color: rgb(128,0,0);
  42.             }
  43.             audio {
  44.                 margin: 25px 0 20px;
  45.             }
  46.         /*]]>*/
  47.         </style>
  48.         <script type="text/javascript">
  49.         //<![CDATA[
  50.             var d = document, $ = function(a){ return d.querySelector(a); }, o,
  51.                 audios = ["htmlfiles/Log4/Audio Files/1339041384627.png.audio02.ogg",
  52.                 "htmlfiles/Log4/Audio Files/1339039129463.png.audio01.ogg",
  53.                 "htmlfiles/Log5/Audio Files/s05_08.png.audio01.ogg",
  54.                 "htmlfiles/Log6/Audio files/s06_19.png.audio01.ogg",
  55.                 "htmlfiles/Log7P1/Audio Files/s07_01.png.audio01.ogg",
  56.                 "htmlfiles/Log10/Audio files/1343286991927.png.audio01.ogg",
  57.                 "htmlfiles/Log10/Audio files/1343293678793.gif.audio02.ogg",
  58.                 "AudioFiles/1343888663849.png.audio02.ogg",
  59.                 "AudioFiles/1345719774310.png.audio01.ogg",
  60.                 "AudioFiles/1346311163394.png.audio02.ogg",
  61.                 "AudioFiles/1346919244950.png.audio02.ogg",
  62.                 "AudioFiles/1347509276756.png.audio01.ogg",
  63.                 "AudioFiles/1347515470408.png.audio02.ogg",
  64.                 "AudioFiles/1348079866537.png.audio01.ogg",
  65.                 "AudioFiles/1349419913717.png.audio01.ogg",
  66.                 "AudioFiles/1350030423418.png.audio01.ogg",
  67.                 "AudioFiles/1350033736151.png.audio02.ogg",
  68.                 "AudioFiles/1351231673165.png.audio01.ogg",
  69.                 "AudioFiles/1343870457212.png.audio01.ogg"];
  70.         //]]>
  71.         </script>
  72.     </head>
  73.     <body>
  74.         <div id="container">
  75.             <header>
  76.                 <h1>LK's "Renne Quest"</h1>
  77.                 <h3>
  78.                     <a href="http://mlpg.co/q/res/54251.html">Speculation thread</a>
  79.                 </h3>
  80.                 <h3>
  81.                     <a href="Misc/RenneHelperTool.html">Helpful Tools</a>
  82.                 </h3>
  83.                 <h3>
  84.                     <a href="#">Flash Version</a>
  85.                 </h3>
  86.             </header>
  87.  
  88.             <img src="RenneQuest2.png" alt="banner" />
  89.  
  90.             <div>
  91.                 You can listen to sounds here with
  92.                 <a href="Misc/RenneSounds.user.js">this</a>
  93.                 <span> &mdash; *UPDATED*</span>
  94.             </div>
  95.             <div>
  96.                 Firefox is the recommended browser to be used in this archive. Enjoy your stay!
  97.             </div>
  98.  
  99.             <table>
  100.                 <tr>
  101.                     <td>
  102.                         <div>
  103.                             <a href="htmlfiles/Log1/mlp_1972761.html">Log 1</a>
  104.                         </div>
  105.                         <div>
  106.                             <a href="htmlfiles/Log2/mlp_2110594.html">Log 2</a>
  107.                         </div>
  108.                         <div>
  109.                             <a href="htmlfiles/Log3/mlp_2238511.html">Log 3</a>
  110.                         </div>
  111.                         <div>
  112.                             <a href="htmlfiles/Log4/mlp_2410712.html">Log 4</a>
  113.                         </div>
  114.                         <div>
  115.                             <a href="htmlfiles/Log5/mlp_2552716.html">Log 5</a>
  116.                         </div>
  117.                         <div>
  118.                             <a href="htmlfiles/Log6/mlp_2694440.html">Log 6</a>
  119.                         </div>
  120.                         <div>
  121.                             <a href="htmlfiles/Log7P1/mlp_2849928.html">Log 7, Part 1</a>
  122.                         </div>
  123.                         <div>
  124.                             <a href="htmlfiles/Log7P2/25188.htm">Log 7, Part 2</a>
  125.                         </div>
  126.                         <div>
  127.                             <a href="htmlfiles/Log8/mlp_3161056.html">Log 8</a>
  128.                         </div>
  129.                         <div>
  130.                             <a href="htmlfiles/Log9/mlp_3329174.html">Log 9</a>
  131.                         </div>
  132.                         <div>
  133.                             <a href="htmlfiles/Log10/mlp_3468317.html">Log 10</a>
  134.                         </div>
  135.                         <div>
  136.                             <a href="htmlfiles/Log11/mlp_3612637.html">Log 11</a>
  137.                         </div>
  138.                     </td>
  139.                     <td>
  140.                         <div>
  141.                             <a href="htmlfiles/Log12/3766778.html">Log 12</a>
  142.                         </div>
  143.                         <div>
  144.                             <a href="htmlfiles/Log13/3924458.html">Log 13</a>
  145.                         </div>
  146.                         <div>
  147.                             <a href="htmlfiles/Log14/4075352.html">Log 14</a>
  148.                         </div>
  149.                         <div>
  150.                             <a href="htmlfiles/Log15/4215347.html">Log 15</a>
  151.                         </div>
  152.                         <div>
  153.                             <a href="htmlfiles/Log16/4344651.html">Log 16</a>
  154.                         </div>
  155.                         <div>
  156.                             <a href="htmlfiles/Log17/4454328.html">Log 17</a>
  157.                         </div>
  158.                         <div>
  159.                             <a href="htmlfiles/Log18/4567768.html">Log 18</a>
  160.                         </div>
  161.                         <div>
  162.                             <a href="htmlfiles/Log19/4725939.html">Log 19</a>
  163.                         </div>
  164.                         <div>
  165.                             <a href="htmlfiles/Log20/mlp_4843335.html">Log 20</a>
  166.                         </div>
  167.                         <div>
  168.                             <a href="htmlfiles/Log21/mlp_4982386.html">Log 21</a>
  169.                         </div>
  170.                         <div>
  171.                             <a href="htmlfiles/Log22/mlp_5131310.html">Log 22</a>
  172.                         </div>
  173.                         <div>
  174.                             <a href="htmlfiles/Log23/mlp_5274907.html">Log 23</a>
  175.                         </div>
  176.                     </td>
  177.                     <td>
  178.                         <div>
  179.                             <a href="htmlfiles/Log24/mlp_5418339.html">Log 24</a>
  180.                         </div>
  181.                         <div>
  182.                             <a href="htmlfiles/Log25/mlp_5569275.html">Log 25</a>
  183.                         </div>
  184.                         <div>
  185.                             <a href="htmlfiles/Log26/mlp_5753448.html">Log 26</a>
  186.                         </div>
  187.                         <div>
  188.                             <a href="htmlfiles/Log27/mlp_5778069.html">Log 27</a>
  189.                         </div>
  190.                         <div>
  191.                             <a href="htmlfiles/Log28/mlp_6134824.html">Log 28</a>
  192.                         </div>
  193.                         <div>
  194.                             <a href="htmlfiles/Log29/mlp_6327246.html">Log 29</a>
  195.                         </div>
  196.                         <div>
  197.                             <a href="htmlfiles/Log30/mlp_6515954.html">Log 30</a>
  198.                         </div>
  199.                         <div>
  200.                             <a href="htmlfiles/Log31/mlp_6544652.html">Log 31</a>
  201.                         </div>
  202.                         <div>
  203.                             <a href="htmlfiles/Log32/mlp_6707379.html">Log 32</a>
  204.                         </div>
  205.                     </td>
  206.                 </tr>
  207.             </table>
  208.  
  209.             <table hidden="hidden">
  210.                 <tr>
  211.                     <th>LK's Renne Quest put into flash presentations made by Anonymous</th>
  212.                 </tr>
  213.                 <tr>
  214.                     <td>
  215.                         <div>
  216.                             <a href="Flash/Log1Final.swf">Log 1</a>
  217.                         </div>
  218.                         <div>
  219.                             <a href="Flash/Log2Final.swf">Log 2</a>
  220.                         </div>
  221.                         <div>
  222.                             <a href="Flash/Log3Final.swf">Log 3</a>
  223.                         </div>
  224.                     </td>
  225.                 </tr>
  226.             </table>
  227.  
  228.             <br />
  229.             <a href="#">Turn loop off</a>
  230.             <span style="display: block">Archive made and maintained by ArchiveAnon</span>
  231.         </div>
  232.         <script type="text/javascript">
  233.         //<![CDATA[
  234.             window.opera && (o = $('div:not([id])')).parentNode.removeChild(o);
  235.             var audio = d.createElement("audio"), source = d.createElement("source");
  236.             audio.autoplay = audio.controls = audio.loop = true;
  237.             source.type = "audio/ogg";
  238.             audio.src = source.src = audios[Math.floor(Math.random() * audios.length)];
  239.             audio.appendChild(source);
  240.             audio.appendChild(d.createTextNode("Your browser does not support the audio element."));
  241.             $("div#container").insertBefore(audio, $("div#container > br:last-of-type"));
  242.             $("header a[href='#']").addEventListener("click", function(e){
  243.                 var img = $("img"), trigger = e.target,
  244.                     sound = $("div#container > div"), t1 = $("table"), t2 = $("table:last-of-type");
  245.                 e.preventDefault();e.stopPropagation();
  246.                 if (img.alt == "banner") {
  247.                     trigger.textContent = "HTML Version";
  248.                     img.alt = "Mystery is Magic";
  249.                     img.removeAttribute("src");
  250.                     img.src = "Pictures/1341273214223.jpg";
  251.                     sound.hidden = true;
  252.                     t1.hidden = true;
  253.                     t2.hidden = false;
  254.                 } else {
  255.                     trigger.textContent = "Flash Version";
  256.                     img.alt = "banner";
  257.                     img.removeAttribute("src");
  258.                     img.src = "RenneQuest2.png";
  259.                     sound.hidden = false;
  260.                     t2.hidden = true;
  261.                     t1.hidden = false;
  262.                 }
  263.             }, false);
  264.             $("div#container > a").addEventListener("click", function(e){
  265.                 e.preventDefault();e.stopPropagation();
  266.                 var a=$('audio'),b='Turn loop ';
  267.                 a.loop?((a.loop=false),(e.target.innerHTML=b+'on')):((a.loop=true),(e.target.innerHTML=b+'off'));
  268.             }, false);
  269.         //]]>
  270.         </script>
  271.     </body>
  272. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement