API tools faq
paste
Advertisement
Guest User

New HTML

a guest
Jun 25th, 2019
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 12.43 KB | None | 0 0
raw download clone embed print report
  1. <html class="animated fadeIn gr__eclipsisonline_gq" lang="en"><head>
  2.     <meta charset="UTF-8">
  3.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  5.     <title>Developers</title>
  6.  
  7.     <link rel="stylesheet" href="../../CSS/animate.css">
  8.     <link rel="stylesheet" href="../../CSS/static.css">
  9.     <link href="https://fonts.googleapis.com/css?family=Saira+Semi+Condensed&amp;display=swap" rel="stylesheet">
  10.     <link rel="shortcut icon" type="image/png" href="../../IMG/Favicon.png">
  11. </head>
  12.  
  13. <body style="padding:0;margin:0;" data-gr-c-s-loaded="true">
  14.  
  15.     <img src="../../IMG/BG3.jpg" id="bg">
  16.  
  17.     <section id="containerA">
  18.         <header>
  19.             <section id="headerContainer">
  20.                 <section id="outerLogoContainer">
  21.                     <a href="../../index.html">
  22.                         <figure id="logoContainer">
  23.                             <img src="../../IMG/Logo3.png" class="logo">
  24.                         </figure>
  25.                         <!--logoContainer-->
  26.                     </a>
  27.                 </section>
  28.  
  29.                 <nav>
  30.                     <a href="../../index.html">
  31.                         <section class="navButton">
  32.                             <h2>Home</h2>
  33.                         </section>
  34.                     </a>
  35.                     <a href="../staff.html">
  36.                         <section class="navButton">
  37.                             <h2><u>Staff</u></h2>
  38.                         </section>
  39.                     </a>
  40.                     <a href="../tournaments.html">
  41.                         <section class="navButton">
  42.                             <h2>Tournaments</h2>
  43.                         </section>
  44.                     </a>
  45.                     <a href="../wikia.html">
  46.                         <section class="navButton">
  47.                             <h2>Wikia</h2>
  48.                         </section>
  49.                     </a>
  50.                     <a href="../about.html">
  51.                         <section class="navButton">
  52.                             <h2>About</h2>
  53.                         </section>
  54.                     </a>
  55.                 </nav>
  56.  
  57.             </section>
  58.             <!--headerContainer-->
  59.         </header>
  60.  
  61.         <main>
  62.             <section id="mainContainer">
  63.                 <section class="mainSegment">
  64.                     <!--Eclipsis Moderators-->
  65.                     <section class="contentContainer">
  66.  
  67.                         <section class="headings">
  68.                             <h2>Eclipsis Moderators</h2>
  69.                             <h3>Moderators of Eclipsis</h3>
  70.                         </section>
  71.  
  72.                         <section class="segmentContainer">
  73.                             <!--Nested Segments Start-->
  74.  
  75.                             <section class="smallSegment">
  76.                                 <!--Start-->
  77.  
  78.                                 <section class="contentContainer">
  79.  
  80.                                     <section class="headings photo">
  81.                                         <h2>Photosoup</h2>
  82.                                         <h3>Chief Moderator</h3>
  83.                                         <img src="../../IMG/discIcons/Photosoup.png" class="discIcon">
  84.                                     </section>
  85.  
  86.                                     <p>
  87.                                         Photosoup is one of the two Chief Moderators of Eclipsis and is very
  88.                                         knowledgable with code.
  89.                                     </p>
  90.  
  91.                                 </section>
  92.                             </section>
  93.                             <!--End-->
  94.  
  95.                             <section class="smallSegment">
  96.                                 <!--Start-->
  97.  
  98.                                 <section class="contentContainer">
  99.  
  100.                                     <section class="headings omegus">
  101.                                         <h2>General Omegus</h2>
  102.                                         <h3>Chief Moderator</h3>
  103.                                         <img src="../../IMG/discIcons/General_Omegus.png" class="discIcon">
  104.                                     </section>
  105.  
  106.                                     <p>
  107.                                         General Omegus is one of two Chief Moderators of Eclipsis and phrases the quote, "Ignorance is not an accident".
  108.                                     </p>
  109.  
  110.                                 </section>
  111.                             </section>
  112.                             <!--End-->
  113.  
  114.                             <section class="smallSegment">
  115.                                 <!--Start-->
  116.  
  117.                                 <section class="contentContainer">
  118.  
  119.                                     <section class="headings madden">
  120.                                         <h2>Maddenmaster</h2>
  121.                                         <h3>Moderator</h3>
  122.                                         <img src="../../IMG/discIcons/Maddenmaster2.png" class="discIcon">
  123.                                     </section>
  124.  
  125.                                     <p>
  126.                                         Maddenmaster is the most active Moderator in the Eclipsis Discord Server and is
  127.                                         the
  128.                                         host of the official Eclipsis Tournaments.
  129.                                     </p>
  130.  
  131.                                 </section>
  132.                             </section>
  133.                             <!--End-->
  134.  
  135.                             <section class="smallSegment">
  136.                                 <!--Start-->
  137.  
  138.                                 <section class="contentContainer">
  139.  
  140.                                     <section class="headings lans">
  141.                                         <h2>lansraad</h2>
  142.                                         <h3>Moderator</h3>
  143.                                         <img src="../../IMG/discIcons/lansraadBlurple.png" class="discIcon">
  144.                                     </section>
  145.  
  146.                                     <p>
  147.                                         lansraad is a Moderator in the Eclipsis Discord Server. His name is spelled
  148.                                         IANSRAAD,
  149.                                         not
  150.                                         LANSRAAD.
  151.                                     </p>
  152.  
  153.                                 </section>
  154.                             </section>
  155.                             <!--End-->
  156.  
  157.                             <section class="smallSegment">
  158.                                 <!--Start-->
  159.  
  160.                                 <section class="contentContainer">
  161.  
  162.                                     <section class="headings sheikh">
  163.                                         <h2>Sheikh</h2>
  164.                                         <h3>Moderator</h3>
  165.                                         <img src="../../IMG/discIcons/Sheikh.png" class="discIcon">
  166.                                     </section>
  167.  
  168.                                     <p>
  169.                                         Sheikh is a Moderator in the Eclipsis discord server who is very talented with
  170.                                         code and very active.
  171.                                     </p>
  172.  
  173.                                 </section>
  174.                             </section>
  175.                             <!--End-->
  176.  
  177.                             <section class="smallSegment">
  178.                                 <!--Start-->
  179.  
  180.                                 <section class="contentContainer">
  181.  
  182.                                     <section class="headings pig">
  183.                                         <h2>Intellectual Pig</h2>
  184.                                         <h3>Moderator</h3>
  185.                                         <img src="../../IMG/discIcons/Intellectual_Pig.png" class="discIcon">
  186.                                     </section>
  187.  
  188.                                     <p>
  189.                                         Intellectual Pig is a Moderator in the Eclipsis discord server but not very active.
  190.                                     </p>
  191.  
  192.                                 </section>
  193.                             </section>
  194.                             <!--End-->
  195.  
  196.                             <section class="smallSegment">
  197.                                 <!--Start-->
  198.  
  199.                                 <section class="contentContainer">
  200.  
  201.                                     <section class="headings bobby">
  202.                                         <h2>Bobby Digital</h2>
  203.                                         <h3>Moderator</h3>
  204.                                         <img src="../../IMG/discIcons/Bobby_Digital.png" class="discIcon">
  205.                                     </section>
  206.  
  207.                                     <p>
  208.                                         Bobby Digital is a Moderator in the Eclipsis discord server but not very active.
  209.                                     </p>
  210.  
  211.                                 </section>
  212.                             </section>
  213.                             <!--End-->
  214.  
  215.                             <section class="smallSegment">
  216.                                 <!--Start-->
  217.  
  218.                                 <section class="contentContainer">
  219.  
  220.                                     <section class="headings ape">
  221.                                         <h2>The Great Ape</h2>
  222.                                         <h3>Moderator</h3>
  223.                                         <img src="../../IMG/discIcons/The_Great_Ape.png" class="discIcon">
  224.                                     </section>
  225.  
  226.                                     <p>
  227.                                         The Great Ape is a Moderator in the Eclipsis discord server but not very active.
  228.                                     </p>
  229.  
  230.                                 </section>
  231.                             </section>
  232.                             <!--End-->
  233.  
  234.                             <!--Nested Segments End-->
  235.                         </section>
  236.  
  237.                     </section>
  238.                     <!--contentContainer parent-->
  239.                 </section>
  240.                 <!--mainSegment parent-->
  241.  
  242.                 <!--Nested Segments End-->
  243.             </section>
  244.             <!--mainContainer-->
  245.         </main>
  246.     </section>
  247.     <!--containerA-->
  248.  
  249.     <footer>
  250.         <p>Copyright © <script type="text/javascript">
  251.                 var d = new Date();
  252.                 document.write(d.getFullYear());
  253.             </script>2019 Goopy</p>
  254.     </footer>
  255.     <script>
  256. const client = new Discord.Client();
  257.  
  258. client.login(`NTM1MTM4NzAzNjY0NzQyNDEw.DyDyiw.WoHXiUcHJBrAPnwHZoL-0DdrmQE`);
  259.        
  260. client.on('ready', () =>
  261. {
  262.     let important_people = {"410984729899433988": "photo", "184428840968388608": "omegus", "297835975613218821": "pig", "317094605382483968": "madden", "204992121051152384": "lans", "373225561562284034": "sheikh", "341660135262912517": "bobby", "208839460693999616": "ape"};
  263.    
  264.     for (let ID in important_people)
  265.     {
  266.         let profile_class = important_people[ID];
  267.         client.fetchUser(ID).then(user => {$(`.${profile_class} .avatar img`).get(0).src = user.displayAvatarURL; $(`.${profile_class} .name`).text(user.id == "266414863746596866" ? "Cheshire" : user.id == "386634412936265769" ? "Iloskros" : user.username)});
  268.     }
  269.    
  270. });
  271.  
  272. function imgLoaded(imgElement)
  273. {
  274.   return imgElement.complete && imgElement.naturalHeight !== 0;
  275. }
  276.  
  277. setTimeout(() =>
  278. {
  279.     for (let i = 0; i < document.getElementsByClassName("avatar").length; i++)
  280.     {
  281.         let avatar = document.getElementsByClassName("avatar")[i];
  282.         let img = $(avatar).children("img").get(0);
  283.        
  284.         if (img.src == "/" || img.src == "https://cdn.glitch.com/5340611b-c130-41ef-927f-80b39bb6d8a2%2Floader.gif?1515592881818" || !imgLoaded(img))
  285.         {
  286.             // If the discord profile picture doesn't load, choose a random "default" squib image.
  287.             img.src = "../../IMG/Logo3.png"
  288.             if ($(avatar.parentElement.parentElement).hasClass("sheikh")) img.src = "https://cdn.glitch.com/45479e6c-d1f8-46b2-b6ac-745d2a1602ab%2FMasterWhirl.png?1547656145280";
  289.            
  290.         }
  291.     }
  292. }, 3000); // Allow 3 seconds for images to load, otherwise set them to default
  293.  
  294.     </script>
  295.     <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
  296.     <script src="../../JS/script.js"></script>
  297.  
  298.  
  299. </body></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!