API tools faq
paste
Advertisement
Tythirus

Eaglercraft 1.8 Website

Tythirus
Jan 25th, 2025
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Eaglercraft</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  7. <link rel="manifest" href="/favicon/site.webmanifest">
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  9. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  10. <script>
  11. (function(i, s, o, g, r, a, m) {
  12. i['GoogleAnalyticsObject'] = r;
  13. i[r] = i[r] || function() {
  14. (i[r].q = i[r].q || []).push(arguments)
  15. }, i[r].l = 1 * new Date();
  16. a = s.createElement(o),
  17. m = s.getElementsByTagName(o)[0];
  18. a.async = 1;
  19. a.src = g;
  20. m.parentNode.insertBefore(a, m)
  21. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  22. ga('create', 'UA-70337607-1', 'auto');
  23. ga('send', 'pageview');
  24. </script>
  25. <script async src="https://www.googletagmanager.com/gtag/js?id=G-80SFHYWE59"></script>
  26. <script>
  27. window.dataLayer = window.dataLayer || [];
  28. function gtag(){dataLayer.push(arguments);}
  29. gtag('js', new Date());
  30. gtag('config', 'G-80SFHYWE59');
  31. </script>
  32. <style>
  33. #gameContainer {
  34. width: 100%;
  35. height: 500px;
  36. transition: height 0.5s ease-in-out;
  37. overflow: hidden;
  38. }
  39. .embed-responsive-16by9 {
  40. position: relative;
  41. padding-bottom: 56.25%;
  42. height: 0;
  43. overflow: hidden;
  44. }
  45. .embed-responsive iframe {
  46. position: absolute;
  47. top: 0;
  48. left: 0;
  49. width: 100%;
  50. height: 100%;
  51. }
  52. .fullscreen-mode {
  53. height: 100vh;
  54. }
  55. .fs-btn {
  56. display: none;
  57. position: absolute;
  58. top: 10px;
  59. right: 10px;
  60. z-index: 1000;
  61. background-color: rgba(0, 0, 0, 0.6);
  62. color: white;
  63. padding: 5px 10px;
  64. cursor: pointer;
  65. border-radius: 5px;
  66. }
  67. body, html {
  68. margin: 0;
  69. padding: 0;
  70. height: 100%;
  71. overflow: hidden;
  72. }
  73. </style>
  74. </head>
  75. <body>
  76.  
  77. <div class="container">
  78. <div class="row">
  79. <div class="col-md-2"></div>
  80. <div class="col-md-8 filled">
  81. <div class="hbox text-center">
  82. <h1>Eaglercraft</h1>
  83. </div>
  84. <div class="bbox pad-l text-center">
  85. <div id="eaglerGame">
  86. <div class="embed-responsive embed-responsive-16by9">
  87. <div id="gameContainer">
  88. <div id="splash">
  89. <img class="img-responsive splash" src="/images/eagtek.png" />
  90. </div>
  91. <div id="afterSplash">
  92. <p>Select a version:</p>
  93. <div class="formCont">
  94. <select id="eaglerVersion" class="form-control">
  95. <option value="https://eaglercraftx.pages.dev">1.8.8</option>
  96. <option value="https://eaglercraft-bj5.pages.dev">1.5.2</option>
  97. </select>
  98. <button type="button" id="eaglerBtn" class="btn btn-primary eaglerBtn" onclick="loadGame(); showFullscreenButton();">Play</button>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="col-md-2"></div>
  107. </div>
  108. </div>
  109.  
  110. <footer class="footer">
  111. <div class="container ftext">
  112. <div class="col-md-2"></div>
  113. <div class="col-md-8">
  114. <p>
  115. <br />
  116. <br />
  117. <strong></strong>
  118. </p>
  119. <div class="col-md-2"></div>
  120. </div>
  121. </div>
  122. </footer>
  123.  
  124. <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  125. <script src="https://minecraftforfreex.com/js/load.js"></script>
  126. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  127.  
  128. <script>
  129. function loadGame() {
  130. var selectedVersion = document.getElementById("eaglerVersion").value;
  131. var iframe = document.createElement('iframe');
  132. iframe.src = selectedVersion;
  133. iframe.frameBorder = "0";
  134. iframe.width = "100%";
  135. iframe.height = "100%";
  136. document.getElementById('gameContainer').innerHTML = "";
  137. document.getElementById('gameContainer').appendChild(iframe);
  138. }
  139.  
  140. function showFullscreenButton() {
  141. var fsButton = document.createElement("div");
  142. fsButton.classList.add("fs-btn");
  143. fsButton.innerText = "Fullscreen";
  144. fsButton.onclick = toggleFullscreen;
  145. document.getElementById('gameContainer').appendChild(fsButton);
  146. fsButton.style.display = "block";
  147. }
  148.  
  149. function toggleFullscreen() {
  150. var gameContainer = document.getElementById("gameContainer");
  151. if (gameContainer.classList.contains("fullscreen-mode")) {
  152. document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.mozCancelFullScreen();
  153. gameContainer.classList.remove("fullscreen-mode");
  154. } else {
  155. if (gameContainer.requestFullscreen) {
  156. gameContainer.requestFullscreen();
  157. } else if (gameContainer.mozRequestFullScreen) {
  158. gameContainer.mozRequestFullScreen();
  159. } else if (gameContainer.webkitRequestFullscreen) {
  160. gameContainer.webkitRequestFullscreen();
  161. } else if (gameContainer.msRequestFullscreen) {
  162. gameContainer.msRequestFullscreen();
  163. }
  164. gameContainer.classList.add("fullscreen-mode");
  165. }
  166. }
  167. </script>
  168.  
  169. </body>
  170. </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!