Browse Source

Initial commit

- Add homepage
- Strip out enjin crap (load time 5.76 seconds down to 520ms)
jackmawer 11 months ago
commit
6ede2f6558
10 changed files with 10044 additions and 0 deletions
  1. 9723 0
      css/core.css
  2. BIN
      favicon.ico
  3. BIN
      img/GenerationsMC.png
  4. BIN
      img/avatar.png
  5. BIN
      img/bans.png
  6. BIN
      img/forums.png
  7. BIN
      img/minecraft.png
  8. BIN
      img/store.png
  9. BIN
      img/vote.png
  10. 321 0
      index.html

File diff suppressed because it is too large
+ 9723 - 0
css/core.css


BIN
favicon.ico


BIN
img/GenerationsMC.png


BIN
img/avatar.png


BIN
img/bans.png


BIN
img/forums.png


BIN
img/minecraft.png


BIN
img/store.png


BIN
img/vote.png


+ 321 - 0
index.html

@@ -0,0 +1,321 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<title>Generations MC - Official Website</title>
+	
+	<meta name="description" content="Generations MC is a revolutionary Minecraft server. You can join with the IP 'play.generationsmc.com'.">
+	<meta name="keywords" content="GenerationsMC, Generationsmc.com, Minecraft Server, Minecraft, Fun, Play, Portal, Website, Official">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="description" content="Minecraft Community">
+    <meta name="keywords" content="GenerationsMC">
+    <meta name="robots" content="INDEX, FOLLOW">
+    <meta http-equiv="Content-Language" content="en-US">
+    <meta name="game" content="Minecraft">
+    <meta name="game" content="MC">
+
+    <meta property="og:title" content="Generations MC">
+    <meta property="og:type" content="website">
+    <link href="https://www.generationsmc.com/" rel="canonical">
+    <meta property="og:url" content="https://www.generationsmc.com">
+    <meta property="og:image" content="https://www.generationsmc.com/img/avatar.png">
+    <meta property="og:description" content="Minecraft Community">
+    <meta property="og:locale" content="en_GB">
+    <meta property="og:site_name" content="Generations MC">
+
+    <link href="./css/core.css" media="screen" rel="stylesheet" type="text/css">
+</head>
+
+<body class="light-theme liquid">
+    <div class="body-wrap-2">
+        <div class="body-wrap-3">
+            <div id="page">
+                <div class="page-outer-left"></div>
+                <div class="page-outer-right"></div>
+                <div id="page-wrap">
+                    <div class="fixed_height_elem" id="above-site"></div>
+                    <div id="site-body"><br />
+                            <div>
+                                <table class="section-collection">
+                                    <tbody>
+                                        <tr class="top">
+                                            <td class="section-border">
+                                                <div class="decorator-box"></div>
+                                            </td>
+                                            <td id="section-main" class="section-holder section-width-large" style="" data-width="1750">
+                                                <div class="section">
+                                                    <div class="clearing"></div>
+                                                    <div class="special_container first last">
+                                                        <div class="m_html">
+                                                            <style type="text/css">
+                                                                body {
+                                                                    overflow: hidden;
+                                                                    /*Want to change background image?*/
+                                                                    /*Upload a new one to the img folder.*/
+                                                                    /*Make sure you name it 'minecraft.jpg'*/
+                                                                    background: linear-gradient(rgba(35, 20, 20, 0.55), rgba(35, 20, 20, 0.55)), url("./img/minecraft.png") no-repeat center center fixed;
+                                                                    background-size: cover;
+                                                                    font-family: Helvetica;
+                                                                }
+                                                                
+                                                                p {
+                                                                    margin: 0;
+                                                                    padding: 3px;
+                                                                }
+                                                                
+                                                                .container {
+                                                                    text-align: center;
+                                                                }
+                                                                
+                                                                .logo img {
+                                                                    /*width: 250px;*/
+                                                                    animation-name: logo;
+                                                                    animation-duration: 4s;
+                                                                    animation-iteration-count: infinite;
+                                                                    animation-timing-function: ease-in-out;
+                                                                }
+                                                                
+                                                                .banner {
+                                                                    background-color: rgba(255, 255, 255, 0.1);
+                                                                    padding: 10px 0px;
+                                                                    font-size: 25px;
+                                                                    font-weight: 600;
+                                                                    text-align: center;
+                                                                    position: relative;
+                                                                    width: 100%;
+                                                                    min-width: 760px;
+                                                                    top: 0px;
+                                                                    color: #f2f2f2;
+                                                                    text-shadow: 0px 0px 5px rgba(38, 38, 38, 0.8);
+                                                                }
+                                                                
+                                                                @keyframes logo {
+                                                                    0% {
+                                                                        transform: scale(1);
+                                                                    }
+                                                                    50% {
+                                                                        transform: scale(1.05);
+                                                                    }
+                                                                    100% {
+                                                                        transform: scale(1);
+                                                                    }
+                                                                }
+                                                                
+                                                                .playercount {
+                                                                    display: inline-block;
+                                                                    margin-top: 30px;
+                                                                    padding: 10px;
+                                                                    background-color: rgba(201, 48, 58, 0.65);
+                                                                    font-size: 1.22em;
+                                                                    color: white;
+                                                                    text-align: center;
+                                                                    border-radius: 4px;
+                                                                }
+                                                                
+                                                                .playercount span {
+                                                                    font-weight: bold;
+                                                                }
+                                                                
+                                                                .items {
+                                                                    display: flex;
+                                                                    justify-content: space-around;
+                                                                    flex-basis: 100px;
+                                                                    padding: 18px 0 10px 0;
+                                                                }
+                                                                
+                                                                .item img {
+                                                                    transition: all 0.3s ease;
+                                                                }
+                                                                
+                                                                .item img:hover {
+                                                                    transform: scale(1.25);
+                                                                }
+                                                                
+                                                                .img {
+                                                                    width: 100%;
+                                                                }
+                                                                
+                                                                @media(min-width: 600px) {
+                                                                    .logo img {
+                                                                        width: 350px;
+                                                                    }
+                                                                    .img {
+                                                                        width: 100%;
+                                                                    }
+                                                                    .items {
+                                                                        padding: 30px 0 20px 0;
+                                                                    }
+                                                                }
+                                                                
+                                                                @media(min-width: 1000px) {
+                                                                    .items {
+                                                                        justify-content: center;
+                                                                    }
+                                                                    .item:not(:first-child) {
+                                                                        margin-left: 90px;
+                                                                    }
+                                                                }
+                                                            </style>
+
+                                                            <script src="./index_files/mc-player-counter.min.js.download"></script>
+
+                                                            <style>
+                                                                .banner {
+                                                                    display: block;
+                                                                }
+                                                            </style>
+                                                            <div class="container">
+                                                                <div class="banner">
+                                                                    <span><b>Welcome To Generations MC. Enjoy Your Visit.</b></span>
+                                                                </div>
+                                                                <br>
+                                                                <br>
+                                                                <div class="logo">
+
+                                                                    <img src="./img/GenerationsMC.png" alt="GenerationsMC Logo">
+                                                                </div>
+                                                                <div class="playercount">
+                                                                    <p>Join <span data-playercounter-ip="play.generationsmc.com">0</span> other player(s) on <span>play.generationsmc.com</span></p>
+                                                                </div>
+                                                                <div class="items">
+                                                                    <div class="item forums">
+
+                                                                        <a href="https://www.generationsmc.com/forum" target="_blank"><img src="./img/forums.png" alt="Minecraft forums icon" class="img"></a>
+                                                                    </div>
+                                                                    <div class="item store">
+
+                                                                        <a href="https://www.generationsmc.com/shop" target="_blank"><img src="./img/store.png" alt="Minecraft voting icon" class="img"></a>
+                                                                    </div>
+                                                                    <div class="item vote">
+
+                                                                        <a href="https://www.generationsmc.com/"><img src="./img/vote.png" alt="Minecraft voting icon" class="img"></a>
+                                                                    </div>
+                                                                    <div class="item bans">
+
+                                                                        <a href="http://bans.generationsmc.com/" target="_blank"><img src="./img/bans.png" alt="Minecraft bans icon" class="img"></a>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                            <script src="./index_files/jquery-1.11.2.min.js.download" type="text/javascript"></script>
+                                                            <script src="./index_files/firefly.js.download" type="text/javascript"></script>
+                                                            <script src="./index_files/main.js.download" type="text/javascript"></script>
+
+                                                        </div>
+                                                    </div>
+                                                    <div class="clearing"></div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 79.4958px; left: 583.63px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 321.241px; left: 42.1141px; pointer-events: none; opacity: 0.930628;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 17.6333px; left: 948.526px; pointer-events: none; opacity: 0.0329556;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 240.148px; left: 602.665px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 351.037px; left: 625.464px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 40.93px; left: 174.478px; pointer-events: none; opacity: 0.994998;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 64.3521px; left: 919.781px; pointer-events: none; opacity: 0.687708;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 290.819px; left: 1372.42px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 47.9239px; left: 34.3788px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 158.672px; left: 534.348px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 278.028px; left: 314.415px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 58.9202px; left: 1360.78px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 341.56px; left: 891.121px; pointer-events: none; opacity: 0.470957;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 239.301px; left: 542.654px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 304.58px; left: 1692.49px; pointer-events: none; opacity: 0.549725;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 157.811px; left: 1073.52px; pointer-events: none; opacity: 0.516611;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 218.805px; left: 706.073px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 369.964px; left: 859.146px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 265.004px; left: 1101.89px; pointer-events: none; opacity: 0.155706;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 78.3799px; left: 1618.52px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 166.654px; left: 1613.16px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 129.479px; left: 1276.17px; pointer-events: none; opacity: 0.825798;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 352.194px; left: 687.936px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 294.811px; left: 902.1px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 308.633px; left: 568.925px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 149.138px; left: 938.436px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 261.674px; left: 1107.37px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 61.6549px; left: 474.573px; pointer-events: none; opacity: 0.976609;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 145.623px; left: 953.271px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 194.23px; left: 1571.27px; pointer-events: none; opacity: 0.428383;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 6.79245px; left: 1534.05px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 263.522px; left: 881.776px; pointer-events: none; opacity: 0.600471;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 88.4227px; left: 1458.94px; pointer-events: none; opacity: 0.757388;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 110.516px; left: 978.12px; pointer-events: none; opacity: 0.180962;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 233.94px; left: 157.318px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 97.8712px; left: 1012.32px; pointer-events: none; opacity: 0.909526;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 203.472px; left: 939.743px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 280.925px; left: 1596.39px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 28.3021px; left: 1186.98px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 116.413px; left: 805.732px; pointer-events: none; opacity: 0.693677;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 315.013px; left: 625.155px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 332.816px; left: 198.047px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 217.005px; left: 422.653px; pointer-events: none; opacity: 0;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 148.003px; left: 341.03px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 241.237px; left: 1462.03px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 151.551px; left: 512.733px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 72.2652px; left: 982.78px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 154.224px; left: 1289.86px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 160.796px; left: 1297.86px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 18; border-radius: 50%; top: 284.387px; left: 408.214px; pointer-events: none; opacity: 0.0378965;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 354.374px; left: 572.242px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 497.019px; left: 560.26px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 546.505px; left: 1522.54px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 680.514px; left: 400.52px; pointer-events: none; opacity: 0.770256;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 266.942px; left: 1087.34px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 752.399px; left: 1854px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 263.821px; left: 1461.53px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 663.064px; left: 1088.16px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 268.756px; left: 1650.33px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 397.651px; left: 1329.45px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 674.672px; left: 827.13px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 754.692px; left: 906.795px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 713.302px; left: 444.719px; pointer-events: none; opacity: 0.358997;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 37.6556px; left: 1178.2px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 793.312px; left: 1138.09px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 698.073px; left: 527.915px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 442.662px; left: 948.497px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 164.213px; left: 672.933px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 722.515px; left: 1312.92px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 197.49px; left: 816.85px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 544.439px; left: 1203.81px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 731.848px; left: 1136.1px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 383.24px; left: 1277.02px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 500.104px; left: 1312.21px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 370.684px; left: 581.187px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 297.372px; left: 1371.7px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 420.471px; left: 441.882px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 758.47px; left: 1458.06px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 615.8px; left: 1478.03px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 228.318px; left: 519.466px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 245.274px; left: 741.887px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 551.015px; left: 900.912px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 431.499px; left: 842.72px; pointer-events: none; opacity: 0.473113;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 380.829px; left: 744.06px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 349.844px; left: 1034.26px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 613.302px; left: 1404.81px; pointer-events: none; opacity: 0.770256;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 6.26887px; left: 1348.58px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 330.559px; left: 594.634px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 699.33px; left: 556.248px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 654.066px; left: 783.878px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 792.647px; left: 74.1413px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 462.978px; left: 991.779px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 257.077px; left: 802.536px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 248.882px; left: 801.607px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 516.421px; left: 1112.03px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 121.745px; left: 602.007px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 564.522px; left: 1528.62px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 3px; height: 3px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 275.658px; left: 1186.85px; pointer-events: none; opacity: 1;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 1px; height: 1px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 600.446px; left: 849.586px; pointer-events: none; opacity: 0.770256;"></div>
+            <div class="jqueryFireFly" style="position: absolute; width: 2px; height: 2px; background-color: rgb(255, 255, 255); z-index: 6; border-radius: 50%; top: 309.372px; left: 978.717px; pointer-events: none; opacity: 1;"></div>
+</body>
+
+</html>