API tools faq
paste
Advertisement
BeamNG_IRC

Untitled

BeamNG_IRC
Sep 5th, 2014
287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <link rel="stylesheet" href="css/minimal.css">
  5.     <link rel="stylesheet" href="css/menu.css">
  6.     <link rel="stylesheet" href="css/beamng.css">
  7.     <script src="js/jquery.js"></script>
  8.     <script src="js/jquery.menu.js"></script>
  9.     <script src="js/utils.js"></script>
  10.     <script src="js/minimal.js"></script>
  11. </head>
  12. <body onload = "startTimer()">
  13.     <svg display="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1832" height="32" viewBox="0 0 1832 32">
  14.         <defs>
  15.             <g id="icon-bubbles2">
  16.                 <path class="path1" d="M15 4c-1.583 0-3.112 0.248-4.543 0.738-1.341 0.459-2.535 1.107-3.547 1.926-1.876 1.518-2.91 3.463-2.91 5.474 0 1.125 0.315 2.217 0.935 3.247 0.646 1.073 1.622 2.056 2.821 2.842 0.951 0.624 1.592 1.623 1.761 2.748 0.028 0.187 0.051 0.375 0.068 0.564 0.085-0.079 0.169-0.16 0.254-0.244 0.754-0.751 1.771-1.166 2.823-1.166 0.167 0 0.335 0.011 0.503 0.032 0.605 0.077 1.223 0.116 1.836 0.116 1.583 0 3.112-0.248 4.543-0.738 1.341-0.459 2.535-1.107 3.547-1.926 1.876-1.518 2.91-3.463 2.91-5.474 0-2.012-1.033-3.956-2.91-5.474-1.012-0.819-2.206-1.467-3.547-1.926-1.431-0.49-2.96-0.738-4.543-0.738zM15 0v0c8.284 0 15 5.435 15 12.139s-6.716 12.139-15 12.139c-0.796 0-1.576-0.051-2.339-0.147-3.222 3.209-6.943 3.785-10.661 3.869v-0.785c2.008-0.98 3.625-2.765 3.625-4.804 0-0.285-0.022-0.564-0.063-0.837-3.392-2.225-5.562-5.625-5.562-9.434 0-6.704 6.716-12.139 15-12.139zM31.125 27.209c0 1.748 1.135 3.278 2.875 4.118v0.673c-3.223-0.072-6.181-0.566-8.973-3.316-0.661 0.083-1.337 0.126-2.027 0.126-2.983 0-5.732-0.805-7.925-2.157 4.521-0.016 8.789-1.464 12.026-4.084 1.631-1.32 2.919-2.87 3.825-4.605 0.961-1.84 1.449-3.799 1.449-5.825 0-0.326-0.014-0.651-0.039-0.974 2.268 1.873 3.664 4.426 3.664 7.24 0 3.265-1.88 6.179-4.82 8.086-0.036 0.234-0.055 0.474-0.055 0.718z"></path>
  17.             </g>
  18.             <g id="icon-users">
  19.                 <path class="path1" d="M30.5 32h-21c-0.828 0-1.5-0.672-1.5-1.5 0-2.152 0.908-4.756 2.43-6.967 1.272-1.847 2.834-3.238 4.521-4.050-0.744-0.676-1.384-1.501-1.891-2.441-0.813-1.508-1.242-3.252-1.242-5.041 0-2.488 0.819-4.838 2.306-6.618 1.552-1.858 3.639-2.881 5.876-2.881s4.324 1.023 5.876 2.882c1.487 1.78 2.306 4.131 2.306 6.618 0 1.79-0.43 3.533-1.242 5.041-0.507 0.941-1.147 1.765-1.891 2.441 1.687 0.812 3.25 2.203 4.521 4.050 1.521 2.21 2.43 4.815 2.43 6.967 0 0.828-0.672 1.5-1.5 1.5zM11.19 29h17.62c-0.288-1.229-0.891-2.575-1.711-3.766-1.295-1.882-2.912-3.113-4.551-3.466-0.691-0.149-1.184-0.76-1.184-1.466v-1.072c0-0.539 0.29-1.037 0.758-1.304 1.859-1.057 3.060-3.383 3.060-5.926 0-3.584-2.325-6.5-5.182-6.5s-5.182 2.916-5.182 6.5c0 2.543 1.201 4.869 3.060 5.926 0.469 0.267 0.758 0.764 0.758 1.304v1.072c0 0.707-0.493 1.317-1.184 1.466-1.639 0.353-3.256 1.584-4.551 3.466-0.82 1.191-1.423 2.537-1.711 3.766zM6.16 27h-2.97c0.288-1.229 0.891-2.575 1.711-3.766 1.296-1.882 2.912-3.113 4.551-3.466 0.691-0.149 1.184-0.76 1.184-1.466v-1.072c0-0.539-0.29-1.037-0.758-1.304-1.859-1.057-3.060-3.383-3.060-5.926 0-3.584 2.325-6.5 5.182-6.5 0.195 0 0.388 0.014 0.578 0.041 0.824-0.917 1.757-1.662 2.77-2.219-1.037-0.538-2.172-0.822-3.348-0.822-2.237 0-4.324 1.023-5.876 2.882-1.487 1.78-2.306 4.131-2.306 6.618 0 1.79 0.429 3.533 1.242 5.041 0.507 0.941 1.147 1.765 1.891 2.441-1.687 0.812-3.25 2.203-4.521 4.050-1.522 2.21-2.43 4.815-2.43 6.967 0 0.828 0.672 1.5 1.5 1.5h4.137c0.046-0.97 0.225-1.982 0.523-3z"></path>
  20.             </g>
  21.             <g id="icon-settings">
  22.                 <path class="path1" d="M14 4v-0.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-6v4h6v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h18v-4h-18zM8 8v-4h4v4h-4zM26 13.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-18v4h18v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h6v-4h-6v-0.5zM20 18v-4h4v4h-4zM14 23.5c0-0.825-0.675-1.5-1.5-1.5h-5c-0.825 0-1.5 0.675-1.5 1.5v0.5h-6v4h6v0.5c0 0.825 0.675 1.5 1.5 1.5h5c0.825 0 1.5-0.675 1.5-1.5v-0.5h18v-4h-18v-0.5zM8 28v-4h4v4h-4z"></path>
  23.             </g>
  24.             <g id="icon-exit">
  25.                 <path class="path1" d="M24 20v-4h-10v-4h10v-4l6 6zM22 18v8h-10v6l-12-6v-26h22v10h-2v-8h-16l8 4v18h8v-6z"></path>
  26.             </g>
  27.             <g id="icon-play2">
  28.                 <path class="path1" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13zM12 9l12 7-12 7z"></path>
  29.             </g>
  30.         </defs>
  31.     </svg>
  32.     <div id="menu">
  33.         <div class="arrow"><</div>
  34.         <nav>
  35.             <a href="#" onclick="beamng.sendGameEngine('MainMenuGui.onBtnPlay();')"><svg class="icon icon-play2" viewBox="0 0 32 32"><use xlink:href="#icon-play2"></use></svg>&nbsp;&nbsp;Play</a>
  36.             <a href="#" onclick="beamng.sendGameEngine('Canvas.pushDialog(optionsDlg); Canvas.pushDialog(PostFXManager);')"><svg class="icon icon-settings" viewBox="0 0 32 32"><use xlink:href="#icon-settings"></use></svg>&nbsp;&nbsp;Options</a>
  37.             <a href="#" onclick="window.location.href='file:///html/credits.html'; beamng.sendGameEngine('MainMenuGui.creditsToggle();')"><svg class="icon icon-users" viewBox="0 0 32 32"><use xlink:href="#icon-users"></use></svg>&nbsp;&nbsp;The team</a>
  38.             <a href="#" onclick="window.location.href='file:///html/chat.html';"><svg class="icon icon-bubbles2" viewBox="0 0 32 32"><use xlink:href="#icon-bubbles2"></use></svg>&nbsp;&nbsp;Chat</a>
  39.             <a href="#" onclick="beamng.sendGameEngine('quit();')"><svg class="icon icon-exit" viewBox="0 0 32 32"><use xlink:href="#icon-exit"></use></svg>&nbsp;&nbsp;Exit</a>
  40.             <a href="#" onclick="window.location.href='file:///html/controller.html';"><svg class="icon icon-wrench" viewBox="0 0 32 32"><use xlink:href="#icon-wrench"></use></svg>&nbsp;&nbsp;Input Test</a>
  41.            
  42.         </nav>
  43.         <div class="version" id="beamngversion"></div>
  44.     </div>
  45.  
  46.     <div id="video-viewport">
  47.         <video preload width="1920" height="1080" id="bgvid"></video>
  48.     </div>
  49.     <div id='infobox'></div>
  50.  
  51.     <div id='blending'></div>
  52.  
  53.  
  54.     <style type="text/css">
  55.         body {
  56.             overflow: hidden;
  57.             margin: 0;
  58.             padding: 0;
  59.             -webkit-touch-callout: none;
  60.             -webkit-user-select: none;
  61.             user-select: none;
  62.         }
  63.  
  64.         #video-viewport {
  65.             position: absolute;
  66.             top: 0;
  67.             overflow: hidden;
  68.             z-index: -2; /* for accessing the video by click */
  69.         }
  70.  
  71.         #blending {
  72.             position: absolute;
  73.             background: black;
  74.             top: 0;
  75.             bottom: 0;
  76.             left: 0;
  77.             right: 0;
  78.             z-index: -1;
  79.         }
  80.  
  81.         #infobox {
  82.             position: absolute;
  83.             bottom: 0px;
  84.             left: 0px;
  85.             z-index: -1;
  86.             padding: 5px;
  87.             margin: 5px;
  88.             background-color: rgba(255,255,255,0.6);
  89.             box-shadow: 0px 0px 20px rgba(255,255,255,0.6);
  90.             border-radius: 6px;
  91.             font-size: 0.8em;
  92.             font-family: verdana;
  93.         }
  94.         img{
  95.     min-height:50%;
  96.     min-width:50%;
  97.     height:auto;
  98.     width:auto;
  99.     position:absolute;
  100.     top:0; bottom:0;
  101.     margin:auto auto;
  102. }
  103.     </style>
  104.  
  105.    
  106.     <button class='cefdev' onclick="javascript:location.reload();" style="width: 60px; height: 20px;
  107.        position: absolute; left: 0px; top: 0px; margin: 0; padding: 0;">
  108.         ReloadUI
  109.     </button>
  110.    
  111.    
  112.    
  113.    
  114.     <script type = "text/javascript">
  115.           function displayNextImage() {
  116.               x = Math.floor(Math.random() * (10 - 1 + 1)) + 1;
  117.               document.getElementById("img").src = images[x];
  118.           }      
  119.           function startTimer() {
  120.               setInterval(displayNextImage, 6000);
  121.           }
  122.           // var containing image srcs, pretty self explanitory
  123.           var images = [], x = -1;
  124.           images[0] = "screens/screen_01.jpg";
  125.           images[1] = "screens/screen_02.jpg";
  126.           images[2] = "screens/screen_03.jpg";
  127.           images[3] = "screens/screen_04.jpg";
  128.           images[4] = "screens/screen_05.jpg";
  129.           images[5] = "screens/screen_06.jpg";
  130.           images[6] = "screens/screen_07.jpg";
  131.           images[7] = "screens/screen_08.jpg";
  132.           images[8] = "screens/screen_09.jpg";
  133.           images[9] = "screens/screen_10.jpg";
  134.       </script>
  135.       <!-- The img tag below holds all the images, see the css style for #img for size information-->
  136.       <img id="img" src="screens/screen_01.jpg">
  137. </body>
  138. </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!