API tools faq
paste
Advertisement
someone_

RenneArchive.html

someone_
Nov 22nd, 2012
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.16 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!