diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 267 |
1 files changed, 161 insertions, 106 deletions
diff --git a/public/index.html b/public/index.html index bc13032..aa6c65a 100644 --- a/public/index.html +++ b/public/index.html @@ -1,130 +1,185 @@ <html> + <head> + <title><%= htmlWebpackPlugin.options.title %></title> + <meta charset="utf-8" /> + <meta + name="viewport" + content="width=device-width, initial-scale=1, shrink-to-fit=no" + /> + <meta + name="description" + content="An off-the-cuff courtroom drama simulator" + /> + <meta name="author" content="stonedDiscord" /> -<head> - <title> - <%= htmlWebpackPlugin.options.title %> - </title> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <meta name="description" content="An off-the-cuff courtroom drama simulator"> - <meta name="author" content="stonedDiscord"> + <meta property="og:title" content="Attorney Online" /> + <meta + property="og:description" + content="Attorney Online is an online version of the world-renowned courtroom drama simulator that allows you to create and play out cases in an off-the-cuff format." + /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="http://web.aceattorneyonline.com/" /> + <meta + property="og:image" + content="https://repository-images.githubusercontent.com/78860508/89fcba80-aafd-11e9-80db-c5b10c01aba9" + /> - <meta property="og:title" content="Attorney Online"> - <meta property="og:description" - content="Attorney Online is an online version of the world-renowned courtroom drama simulator that allows you to create and play out cases in an off-the-cuff format."> - <meta property="og:type" content="website"> - <meta property="og:url" content="http://web.aceattorneyonline.com/"> - <meta property="og:image" - content="https://repository-images.githubusercontent.com/78860508/89fcba80-aafd-11e9-80db-c5b10c01aba9"> - - <meta property="twitter:card" content="summary_large_image"> - <meta property="twitter:title" content="Attorney Online"> - <meta property="twitter:description" - content="Attorney Online is an online version of the world-renowned courtroom drama simulator that allows you to create and play out cases in an off-the-cuff format."> - <meta property="twitter:url" content="http://web.aceattorneyonline.com/"> - <meta property="twitter:image" - content="https://repository-images.githubusercontent.com/78860508/89fcba80-aafd-11e9-80db-c5b10c01aba9"> - - <meta http-equiv="Content-Security-Policy" - content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.aceattorneyonline.com data:; frame-src http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; connect-src 'self' http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com ws:;"> - <meta http-equiv="X-Content-Security-Policy" - content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.aceattorneyonline.com data:; frame-src http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; connect-src 'self' http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com ws:;"> - <meta http-equiv="X-WebKit-CSP" - content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.aceattorneyonline.com data:; frame-src http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; connect-src 'self' http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com ws:;"> + <meta property="twitter:card" content="summary_large_image" /> + <meta property="twitter:title" content="Attorney Online" /> + <meta + property="twitter:description" + content="Attorney Online is an online version of the world-renowned courtroom drama simulator that allows you to create and play out cases in an off-the-cuff format." + /> + <meta property="twitter:url" content="http://web.aceattorneyonline.com/" /> + <meta + property="twitter:image" + content="https://repository-images.githubusercontent.com/78860508/89fcba80-aafd-11e9-80db-c5b10c01aba9" + /> + <meta + http-equiv="Content-Security-Policy" + content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.aceattorneyonline.com data:; frame-src http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; connect-src 'self' http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com ws:;" + /> + <meta + http-equiv="X-Content-Security-Policy" + content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.aceattorneyonline.com data:; frame-src http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; connect-src 'self' http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com ws:;" + /> + <meta + http-equiv="X-WebKit-CSP" + content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.aceattorneyonline.com data:; frame-src http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; connect-src 'self' http://servers.aceattorneyonline.com https://servers.aceattorneyonline.com ws:;" + /> <!-- Mobile Specifc Meta --> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> + <meta + name="viewport" + content="width=device-width, initial-scale=1, maximum-scale=1" + /> <!-- Bootstrap Integration --> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" - integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> + <link + rel="stylesheet" + href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" + integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" + crossorigin="anonymous" + /> - <link rel="preconnect" href="https://fonts.gstatic.com"> - <link href="https://fonts.googleapis.com/css?family=Oswald%7CRoboto+Condensed%7CPoiret+One&display=swap" - rel="stylesheet"> + <link rel="preconnect" href="https://fonts.gstatic.com" /> + <link + href="https://fonts.googleapis.com/css?family=Oswald%7CRoboto+Condensed%7CPoiret+One&display=swap" + rel="stylesheet" + /> <!-- AOS --> - <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> - + <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" /> - <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> + <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="logo-new.png" /> - <link rel="stylesheet" type="text/css" href="styles/master.css"> - <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> - <link rel="icon" href="favicon.ico"> - <link rel="manifest" href="manifest.json"> + <link rel="stylesheet" type="text/css" href="styles/master.css" /> + <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> + <link rel="icon" href="favicon.ico" /> + <link rel="manifest" href="manifest.json" /> <script> - // Check that service workers are supported - if ('serviceWorker' in navigator) { - // Use the window load event to keep the page load performant - window.addEventListener('load', () => { - navigator.serviceWorker.register('service-worker.js'); - }); - } + // Check that service workers are supported + if ("serviceWorker" in navigator) { + // Use the window load event to keep the page load performant + window.addEventListener("load", () => { + navigator.serviceWorker.register("service-worker.js"); + }); + } </script> -</head> + </head> -<body> - <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top"> - <div class="container"> - <div class="collapse navbar-collapse" id="navbarResponsive"> - <ul class="navbar-nav ml-auto"> - <li class="nav-item"> - <a class="nav-link" href="https://aceattorneyonline.com/index.html">HOME </a> - </li> - <li class="nav-item"> - <a class="nav-link" href="https://aceattorneyonline.com/download.html">DOWNLOAD </a> - </li> - <li class="nav-item"> - <a class="nav-link" href="https://aceattorneyonline.com/support.html">SUPPORT & FAQ </a> - </li> - <li class="nav-item"> - <a class="nav-link" href="https://discord.gg/wWvQ3pw">DISCORD </a> - </li> - </ul> - </div> + <body> + <nav + class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top" + > + <div class="container"> + <div class="collapse navbar-collapse" id="navbarResponsive"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a + class="nav-link" + href="https://aceattorneyonline.com/index.html" + >HOME + </a> + </li> + <li class="nav-item"> + <a + class="nav-link" + href="https://aceattorneyonline.com/download.html" + >DOWNLOAD + </a> + </li> + <li class="nav-item"> + <a + class="nav-link" + href="https://aceattorneyonline.com/support.html" + >SUPPORT & FAQ + </a> + </li> + <li class="nav-item"> + <a class="nav-link" href="https://discord.gg/wWvQ3pw">DISCORD </a> + </li> + </ul> </div> + </div> </nav> <form id="serverlist_container" class="monocle-enriched"> - <h2>Server List</h2> - <div id="ms_error" class="error" style="display: none;"> - <p>Could not connect to the master server.</p> - <p>Showing saved list.</p> + <h2>Server List</h2> + <div id="ms_error" class="error" style="display: none"> + <p>Could not connect to the master server.</p> + <p>Showing saved list.</p> + </div> + <noscript> + <div id="js_error" class="error"> + <p>webAO requires JavaScript to work</p> </div> - <noscript> - <div id="js_error" class="error"> - <p>webAO requires JavaScript to work</p> - </div> - </noscript> - <ul class="serverlist"> - <li id="server-2" onmouseover="setServ(-2)"> - <p>Singleplayer (beta)</p> - <a class="button" href="client.html?mode=replay">Try</a> - </li> - </ul> - <ul class="serverlist" id="masterlist"></ul> - <ul class="serverlist"> - <li id="server-1" onmouseover="setServ(-1)"> - <p>Localhost</p> - <a class="button" href="client.html?mode=watch&connect=ws://127.0.0.1:50001">Watch</a> - <a class="button" href="client.html?mode=join&connect=ws://127.0.0.1:50001">Join</a> - </li> - </ul> - <div id="info_container"> - <p id="serverinfo">Masterserver version - ...</p> - <p id="clientinfo">Client version - ...</p> + </noscript> + <ul class="serverlist"> + <li id="server-2" onmouseover="setServ(-2)"> + <p>Singleplayer (beta)</p> + <a class="button" href="client.html?mode=replay">Try</a> + </li> + </ul> + <ul class="serverlist" id="masterlist"></ul> + <ul class="serverlist"> + <li id="server-1" onmouseover="setServ(-1)"> + <p>Localhost</p> + <a + class="button" + href="client.html?mode=watch&connect=ws://127.0.0.1:50001" + >Watch</a + > + <a + class="button" + href="client.html?mode=join&connect=ws://127.0.0.1:50001" + >Join</a + > + </li> + </ul> + <div id="info_container"> + <p id="serverinfo">Masterserver version - ...</p> + <p id="clientinfo">Client version - ...</p> - <iframe id="masterchat" src="https://servers.aceattorneyonline.com/motd" frameborder="0"></iframe> + <iframe + id="masterchat" + src="https://servers.aceattorneyonline.com/motd" + frameborder="0" + ></iframe> - <p>Having trouble? <a href="https://discord.gg/9rYQVVQ">Join us on Discord</a></p> - <p><a href="https://servers.aceattorneyonline.com/privacy">Privacy Policy</a></p> - </div> - <div id="serverdescription_container"> - <p id="serverdescription_content"> - </p> - </div> + <p> + Having trouble? + <a href="https://discord.gg/9rYQVVQ">Join us on Discord</a> + </p> + <p> + <a href="https://servers.aceattorneyonline.com/privacy" + >Privacy Policy</a + > + </p> + </div> + <div id="serverdescription_container"> + <p id="serverdescription_content"></p> + </div> </form> -</body> - + </body> </html> |