supernets.org

- https://supernets.org
git clone git://git.acid.vegas/supernets.org.git
index.html (8409B)
      1 <!doctype html>
      2 <html manifest="offline.appcache">
      3 <head>
      4     <meta charset="utf-8" />
      5     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0" />
      6     <meta name="apple-mobile-web-app-capable" content="yes" />
      7     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
      8     <title>Worms Armageddon HTML5 Clone</title>
      9     <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
     10     <link rel="stylesheet" href="css/custom.min.css" type="text/css" />
     11 
     12     <!-- External deps -->
     13     <script src="external/jquery.1.8.2.min.js"></script>
     14     <script src="external/Box2dWeb-2.1.a.3.min.js"></script>
     15     <script src="external/Stats.js"></script>
     16     <script src="external/bootstrap.min.js"></script>
     17 
     18     <!-- None complied js files -->
     19     <script src="src/audio/SoundBufferLoader.js"></script>
     20 
     21     <!-- Complied Typescript Javascript -->
     22     <script src="src/Worms.js"></script>
     23 
     24     <!-- Socket.io -->
     25     <script src="http://96.126.111.211:8080/socket.io/socket.io.js"></script>
     26 </head>
     27 <body>
     28     <div class="alert" id="notifaction"><strong></strong>
     29         <p></p>
     30     </div>
     31     <div class="modal fade" id="createLobby">
     32         <div class="modal-header">
     33             <a class="close" data-dismiss="modal">&times;</a>
     34             <h3>Create Game Lobby</h3>
     35         </div>
     36         <div class="modal-body">
     37             <form class="bs-docs-example form-horizontal" id="createLobbyForm" name="createLobbyForm">
     38                 <div class="control-group">
     39                     <label class="control-label" for="inputName">Lobby Name</label>
     40                     <div class="controls">
     41                         <input type="text" id="inputName" placeholder="Lobby Name">
     42                     </div>
     43                 </div>
     44                 <div class="control-group">
     45                     <label class="control-label" for="inputPlayers">Number Players</label>
     46                     <div class="controls">
     47                         <select id="inputPlayers" placeholder=" Number Players">
     48                             <option>2</option>
     49                             <option>3</option>
     50                             <option>4</option>
     51                         </select>
     52                     </div>
     53                 </div>
     54         </div>
     55         <div class="modal-footer">
     56             <a href="#" class="btn" data-dismiss="modal">Close</a>
     57             <a href="#" class="btn btn-primary" data-dismiss="modal" id="submit">Create</a>
     58             </form>
     59         </div>
     60     </div>
     61     <div class="modal fade" id="nickname">
     62         <div class="modal-header">
     63             <a class="close" data-dismiss="modal">&times;</a>
     64             <h3>Welcome</h3>
     65         </div>
     66         <div class="modal-body" style="text-align: center">
     67             <p>Sign in with Google+ for leaderboard rankings or just be another John Doe :( </p>
     68             <br />
     69             <span id="signinButton">
     70                 <span
     71                     class="g-signin"
     72                     data-callback="googlePlusSignIn"
     73                     data-clientid-live="1023068169705-t3jfknsu2cafmauctr3l34mqhnn4sivf.apps.googleusercontent.com"
     74                     data-clientid="1023068169705.apps.googleusercontent.com"
     75                     data-cookiepolicy="single_host_origin"
     76                     data-scope="https://www.googleapis.com/auth/plus.login"></span>
     77             </span>
     78             <br />
     79         </div>
     80         <div class="modal-footer">
     81             <a href="#" class="btn btn-primary" data-dismiss="modal">Continue without signing in</a>
     82         </div>
     83     </div>
     84     <div id="turnTimeCounter" style="display: none"></div>
     85 
     86     <div class="hero-unit" id="startMenu">
     87         <div class="slide">
     88             <h1 style="text-align: center">Worms Armageddon HTML5 Clone</h1>
     89             <br />
     90             <p>
     91                 Welcome to a recreation of <a href="http://www.team17.com/">Team17's</a> turn-based artillery strategy worms armageddon. 
     92                 All copyright and credit for the art/sound assets belongs to <a href="http://www.team17.com/">Team17</a>
     93                 and for making such an awesome game in the first place. This clone is currently under development by <a href="http://www.ciaranmccann.me/">Ciarán McCann</a> as part of his final year on the <a href="http://www.itcarlow.ie/study-at-itc/science/computing-networking/cw208.htm">IT Carlow Games Development</a> course.
     94                 <a href="http://www.ciaranmccann.me/">Read more..</a>
     95             </p>
     96             <br />
     97 
     98             <p style="text-align: center">
     99 
    100                 <a class="btn btn-primary btn-large" id="startTutorial" disabled="disabled">Noobs tutorial</a>
    101                 <a class="btn btn-primary btn-large" id="startLocal" disabled="disabled">Local two player</a>
    102                 <a class="btn btn-primary btn-large" id="startOnline" disabled="disabled">Online multiplayer</a>
    103             </p>
    104             <div id="notice" style="font-size: 14px"></div>
    105             <div style="background: none; margin-top: 20px;">
    106 
    107                 <div style="margin-top: -10px; position: absolute; left: 225px;">
    108                     <a href="https://twitter.com/share" class="twitter-share-button"
    109                         data-via="C_McCann"
    110                         data-related="C_McCann"
    111                         data-url="http://www.ciaranmccann.me/wormsjs/"
    112                         data-text="Multiplayer Worms Armageddon HTML5 Clone #Javascript #gamedev #irishgamedev">Tweet</a>
    113                 </div>
    114 
    115                 <div style="margin-top: -15px; position: absolute; left: 320px;">
    116                     <div class="fb-like" data-href="http://www.ciaranmccann.me/wormsjs/" data-send="false" data-layout="button_count" data-show-faces="true"></div>
    117                 </div>
    118 
    119 
    120                 <div style="margin-top: -10px; position: absolute; left: 405px;">
    121                     <div class="g-plusone" data-size="tall" data-annotation="inline" data-width="10"></div>
    122                     </span>
    123 
    124               <div style="margin-top: -33px; position: absolute; left: 60px;">
    125                   <script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
    126                   <script type="IN/Share" data-url="http://www.ciaranmccann.me/wormsjs/" data-counter="right"></script>
    127               </div>
    128 
    129 
    130                     <div />
    131                 </div>
    132             </div>
    133 
    134             <div class="healthMenu">
    135                 <ul></ul>
    136             </div>
    137 
    138             <div id="fb-root"></div>
    139             <script>
    140 
    141                 ////Twiiter
    142                 !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");
    143 
    144                 var _gaq = _gaq || [];
    145                 _gaq.push(['_setAccount', 'UA-633762-11']);
    146                 _gaq.push(['_addDevId', 'i9k95']); // Google Analyticator App ID with Google 
    147 
    148                 _gaq.push(['_trackPageview']);
    149 
    150                 //G+
    151                 (function ()
    152                 {
    153                     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    154                     po.src = 'https://apis.google.com/js/plusone.js';
    155                     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    156                 })();
    157 
    158                 (function ()
    159                 {
    160                     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    161                     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    162                     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    163                 })();
    164 
    165 
    166                 (function (d, s, id)
    167                 {
    168                     var js, fjs = d.getElementsByTagName(s)[0];
    169                     if (d.getElementById(id)) return;
    170                     js = d.createElement(s); js.id = id;
    171                     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=134430549926818";
    172                     fjs.parentNode.insertBefore(js, fjs);
    173                 }(document, 'script', 'facebook-jssdk'));
    174 
    175             </script></body></html>