projects / libreadventure.git / blame
| Commit | Line | Data |
|---|---|---|
| 26b8412f DN |
1 | <!doctype html> |
| 2 | <html lang="en"> | |
| 5b62ac39 | 3 | <head> |
| 4 | <meta charset="UTF-8"> | |
| 5 | <meta name="viewport" | |
| 6 | content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> | |
| 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| dcc78786 | 8 | |
| dcc78786 DN |
9 | <script> |
| 10 | window.dataLayer = window.dataLayer || []; | |
| 11 | function gtag(){dataLayer.push(arguments);} | |
| 12 | gtag('js', new Date()); | |
| 13 | ||
| 14 | gtag('config', 'UA-10196481-11'); | |
| 15 | </script> | |
| 16 | <link rel="apple-touch-icon" sizes="57x57" href="static/images/favicons/apple-icon-57x57.png"> | |
| 17 | <link rel="apple-touch-icon" sizes="60x60" href="static/images/favicons/apple-icon-60x60.png"> | |
| 18 | <link rel="apple-touch-icon" sizes="72x72" href="static/images/favicons/apple-icon-72x72.png"> | |
| 19 | <link rel="apple-touch-icon" sizes="76x76" href="static/images/favicons/apple-icon-76x76.png"> | |
| 20 | <link rel="apple-touch-icon" sizes="114x114" href="static/images/favicons/apple-icon-114x114.png"> | |
| 21 | <link rel="apple-touch-icon" sizes="120x120" href="static/images/favicons/apple-icon-120x120.png"> | |
| 22 | <link rel="apple-touch-icon" sizes="144x144" href="static/images/favicons/apple-icon-144x144.png"> | |
| 23 | <link rel="apple-touch-icon" sizes="152x152" href="static/images/favicons/apple-icon-152x152.png"> | |
| 24 | <link rel="apple-touch-icon" sizes="180x180" href="static/images/favicons/apple-icon-180x180.png"> | |
| 25 | <link rel="icon" type="image/png" sizes="192x192" href="static/images/favicons/android-icon-192x192.png"> | |
| 26 | <link rel="icon" type="image/png" sizes="32x32" href="static/images/favicons/favicon-32x32.png"> | |
| 27 | <link rel="icon" type="image/png" sizes="96x96" href="static/images/favicons/favicon-96x96.png"> | |
| 28 | <link rel="icon" type="image/png" sizes="16x16" href="static/images/favicons/favicon-16x16.png"> | |
| 29 | <link rel="manifest" href="static/images/favicons/manifest.json"> | |
| 30 | <meta name="msapplication-TileColor" content="#000000"> | |
| 31 | <meta name="msapplication-TileImage" content="static/images/favicons/ms-icon-144x144.png"> | |
| 32 | <meta name="theme-color" content="#000000"> | |
| 33 | ||
| 34 | ||
| daa55973 | 35 | <base href="/"> |
| 5b62ac39 | 36 | <link rel="stylesheet" href="/resources/style/style.css"> |
| 17250d81 | 37 | <title>WorkAdventure</title> |
| 97ef3be2 RR |
38 | <style> |
| 39 | @media only screen and (max-width: 990px) { | |
| 40 | #game-overlay{ | |
| 41 | display:none; | |
| 42 | } | |
| 43 | #hack{ | |
| 44 | left: 25vw !important; | |
| 45 | } | |
| 46 | ||
| 47 | } | |
| 48 | ||
| 49 | ||
| 50 | body{ | |
| 51 | background:black; | |
| 52 | font-family:mono; | |
| 53 | font-weight:bold; | |
| 54 | } | |
| 55 | ||
| 56 | #game-overlay{ | |
| 57 | position: absolute; | |
| 58 | padding-left: 50vw; | |
| 59 | top: 0; | |
| 60 | width:100%; | |
| 61 | height:100%; | |
| 62 | } | |
| 63 | ||
| 64 | #hack{ | |
| 65 | position:fixed; | |
| 66 | width: 50vw; | |
| 67 | color: white; | |
| 68 | background: #333; | |
| 69 | height: 100vh; | |
| 70 | font-family: 'monospace'; | |
| 71 | font-weight: bold; | |
| 72 | font-size:30px; | |
| 73 | } | |
| 74 | ||
| 75 | #theiframe{ | |
| 76 | border:0; | |
| 77 | width:100%; | |
| 78 | height:100%; | |
| 79 | } | |
| 80 | ||
| 81 | #webRtc{ | |
| 82 | width:50vw!important; | |
| 83 | } | |
| 84 | .btn-cam-action{ | |
| 85 | pointer-events:all; | |
| 86 | } | |
| 87 | video{ | |
| 88 | border: 3px solid #fff; | |
| 89 | } | |
| 90 | #div-myCamVideo video{ | |
| 91 | /*border: 3px solid #459fff!important; | |
| 92 | width: unset!important;*/ | |
| 93 | border:none | |
| 94 | } | |
| 95 | #div-myCamVideo{ | |
| 96 | top: calc(100% - 210px) !important; | |
| 97 | } | |
| 98 | ||
| 99 | #captureclick{ | |
| 100 | width:100vw; | |
| 101 | height:100vh; | |
| 102 | display:block; | |
| 103 | position:absolute; | |
| 104 | } | |
| 105 | ||
| b13c9991 RR |
106 | #quietzone { |
| 107 | display:none; | |
| 108 | position:absolute; | |
| 109 | bottom:5px; | |
| 110 | right:25px; | |
| 111 | color:white; | |
| 112 | font-size:20px; | |
| 113 | text-shadow: 0 0 10px black; | |
| 114 | } | |
| 115 | ||
| 97ef3be2 | 116 | </style> |
| 5b62ac39 | 117 | </head> |
| ec297e39 | 118 | <body id="body" style="margin: 0"> |
| 97ef3be2 RR |
119 | <div id="game" class="game"> |
| 120 | <div id="game-overlay"> | |
| 121 | <div id="webRtc" class="webrtc" style="pointer-events:none"> | |
| b13c9991 RR |
122 | <p id="quietzone">Quiet Area</p> |
| 123 | <div id="webRtcSwitch"> | |
| 124 | <div id="activeCam" class="activeCam"> | |
| 125 | <div id="div-myCamVideo" class="video-container"> | |
| 126 | <video id="myCamVideo" autoplay muted></video> | |
| 127 | </div> | |
| 5b62ac39 | 128 | </div> |
| b13c9991 RR |
129 | <div class="btn-cam-action"> |
| 130 | <div class="btn-micro"> | |
| 131 | <img id="microphone" src="resources/logos/microphone.svg"> | |
| 132 | <img id="microphone-close" src="resources/logos/microphone-close.svg"> | |
| 133 | </div> | |
| 134 | <div class="btn-video"> | |
| 135 | <img id="cinema" src="resources/logos/cinema.svg"> | |
| 136 | <img id="cinema-close" src="resources/logos/cinema-close.svg"> | |
| 137 | </div> | |
| 138 | <!--<div class="btn-call"> | |
| 139 | <img src="resources/logos/phone.svg"> | |
| 140 | </div>--> | |
| 5b62ac39 | 141 | </div> |
| 5b62ac39 | 142 | </div> |
| 143 | </div> | |
| 97ef3be2 RR |
144 | </div> |
| 145 | <div id="hack"><iframe allow="camera; microphone" id="theiframe" src="https://play.testansible.fsf.org/resources/welcomepage/index.html"></iframe></div> | |
| 146 | </div> | |
| 787e1c46 | 147 | <audio id="audio-webrtc-in"> |
| 148 | <source src="/resources/objects/webrtc-in.mp3" type="audio/mp3"> | |
| 149 | </audio> | |
| 98c5bef8 RR |
150 | <a rel="jslicense" href="https://play.testansible.fsf.org/jssources/jslicenses.html">JavaScript license information</a> |
| 151 | ||
| 5b62ac39 | 152 | </body> |
| 26b8412f | 153 | </html> |