2023-01-26 00:55:34 +00:00
|
|
|
<!DOCTYPE HTML>
|
2023-01-29 22:00:55 +00:00
|
|
|
<html prefix="og: https://ogp.me/ns#">
|
2023-01-26 00:55:34 +00:00
|
|
|
<head>
|
|
|
|
<title>Control Collaborative Virtual Machines!</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2023-01-27 02:09:07 +00:00
|
|
|
<meta charset="utf-8"/>
|
2023-01-26 00:55:34 +00:00
|
|
|
<link href="style.css" rel="stylesheet" type="text/css"/>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"/>
|
|
|
|
<script src="https://kit.fontawesome.com/7add23c1ae.js" crossorigin="anonymous"></script>
|
2023-06-18 17:26:10 +00:00
|
|
|
<link rel="icon" href="favicon.ico">
|
|
|
|
<meta name="description" content="A website that lets you take turns controlling online virtual machines with complete strangers!"/>
|
2023-01-29 22:00:55 +00:00
|
|
|
<!-- Opengraph shit -->
|
|
|
|
<meta property="og:type" content="website"/>
|
|
|
|
<meta property="og:title" content="CollabVM"/>
|
|
|
|
<meta property="og:url" content="https://computernewb.com/collab-vm/"/>
|
|
|
|
<meta property="og:description" content="A website that lets you take turns controlling online virtual machines with complete strangers!"/>
|
|
|
|
<meta property="og:site_name" content="Computernewb"/>
|
|
|
|
<!-- Using github for now until we have a canonical url -->
|
|
|
|
<meta property="og:image" content="https://raw.githubusercontent.com/computernewb/collab-vm-1.2-webapp/master/dist/desktop.png"/>
|
|
|
|
<!---->
|
2023-01-26 00:55:34 +00:00
|
|
|
</head>
|
|
|
|
<body class="bg-dark">
|
2023-01-28 02:41:57 +00:00
|
|
|
<div class="modal fade" id="qemuMonitorModal" tabindex="-1" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content bg-dark text-light">
|
|
|
|
<div class="modal-header">
|
|
|
|
<h5 class="modal-title">QEMU Monitor</h5>
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<textarea id="qemuMonitorOutput" readonly="" class="form-control bg-dark text-light"></textarea>
|
|
|
|
<div class="input-group">
|
|
|
|
<input type="text" id="qemuMonitorInput" class="form-control bg-dark text-light" placeholder="Command"/>
|
|
|
|
<button class="btn btn-outline-secondary btn-primary text-light" type="button" id="qemuMonitorSendBtn">Send</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-02-10 13:52:44 +00:00
|
|
|
<div class="modal fade" id="hcaptchaModal" tabindex="-1" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content bg-dark text-light">
|
|
|
|
<div class="modal-body">
|
|
|
|
<div id="captcha-box"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-01-26 00:55:34 +00:00
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<a class="navbar-brand" href="#">CollabVM</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
|
|
<ul class="navbar-nav">
|
|
|
|
<li class="nav-item">
|
2023-04-29 15:50:03 +00:00
|
|
|
<a id="homeBtn" href="#" class="nav-link active" aria-current="page"><i class="fa-solid fa-house"></i> Home</a>
|
2023-01-26 00:55:34 +00:00
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
2023-01-28 03:03:19 +00:00
|
|
|
<a href="https://computernewb.com/collab-vm/faq/" class="nav-link"><i class="fa-solid fa-circle-question"></i> FAQ</a>
|
2023-01-26 00:55:34 +00:00
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
2023-01-28 03:03:19 +00:00
|
|
|
<a href="https://computernewb.com/collab-vm/rules" class="nav-link"><i class="fa-solid fa-clipboard-check"></i> Rules</a>
|
2023-01-26 19:54:25 +00:00
|
|
|
</li>
|
2023-01-28 02:41:57 +00:00
|
|
|
<li class="nav-item">
|
2023-01-28 03:03:19 +00:00
|
|
|
<a href="https://discord.gg/a4kqb4mGyX" class="nav-link"><i class="fa-brands fa-discord"></i> Discord</a>
|
2023-01-26 19:54:25 +00:00
|
|
|
</li>
|
2023-01-28 02:41:57 +00:00
|
|
|
<li class="nav-item">
|
2023-01-28 03:03:19 +00:00
|
|
|
<a href="https://reddit.com/r/collabvm" class="nav-link"><i class="fa-brands fa-reddit"></i> Subreddit</a>
|
2023-01-26 19:54:25 +00:00
|
|
|
</li>
|
2023-01-28 02:41:57 +00:00
|
|
|
<li class="nav-item">
|
2023-01-28 03:03:19 +00:00
|
|
|
<a href="https://computernewb.com/collab-vm/user-vm" class="nav-link"><i class="fa-solid fa-user"></i> UserVM</a>
|
2023-01-26 00:55:34 +00:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<div class="container-fluid" id="vmlist">
|
|
|
|
<div class="row"></div>
|
|
|
|
</div>
|
|
|
|
<div class="container-fluid" id="vmview">
|
|
|
|
<canvas id="display" height="0" width="0" tabindex="-1"></canvas>
|
|
|
|
<p id="turnstatus" class="text-light"></p>
|
2023-01-26 02:18:05 +00:00
|
|
|
<div id="voteResetPanel" class="bg-dark text-light" style="display:none;">
|
|
|
|
Do you want to reset the vm?<br/>
|
2023-01-28 03:03:19 +00:00
|
|
|
<button class="btn btn-success" id="voteYesBtn"><i class="fa-solid fa-check"></i> Yes<span class="badge bg-secondary" id="voteYesLabel"></span></button> <button class="btn btn-danger" id="voteNoBtn"><i class="fa-solid fa-ban"></i> No<span class="badge bg-secondary" id="voteNoLabel"></span></button><br/>
|
2023-01-31 17:00:09 +00:00
|
|
|
Vote ends in <span id="votetime"></span> seconds<br/>
|
|
|
|
<div id="forceVotePanel">
|
|
|
|
<button class="btn btn-info" id="forceVoteYesBtn"><i class="fa-solid fa-check"></i> Pass Vote</button>
|
|
|
|
<button class="btn btn-info" id="forceVoteNoBtn"><i class="fa-solid fa-ban"></i> Cancel Vote</button>
|
|
|
|
</div>
|
2023-01-26 02:18:05 +00:00
|
|
|
</div>
|
2023-01-26 00:55:34 +00:00
|
|
|
<div id="btns">
|
2023-01-28 03:03:19 +00:00
|
|
|
<button class="btn btn-secondary" id="takeTurnBtn"><i class="fa-solid fa-computer-mouse"></i> Take Turn</button>
|
|
|
|
<button class="btn btn-secondary" id="changeUsernameBtn"><i class="fa-solid fa-signature"></i> Change Username</button>
|
|
|
|
<button class="btn btn-secondary" id="voteResetButton"><i class="fa-solid fa-rotate-left"></i> Vote for Reset</button>
|
|
|
|
<button class="btn btn-secondary" id="screenshotButton"><i class="fa-solid fa-camera"></i> Screenshot</button>
|
2023-01-28 05:03:29 +00:00
|
|
|
<button class="btn btn-secondary" id="ctrlAltDelBtn"><i class="fa-solid fa-gear"></i> Ctrl+Alt+Del</button>
|
2023-01-27 00:45:29 +00:00
|
|
|
<div id="staffbtns">
|
2023-01-28 03:03:19 +00:00
|
|
|
<button class="btn btn-secondary" id="restoreBtn"><i class="fa-solid fa-rotate-left"></i> Restore</button>
|
|
|
|
<button class="btn btn-secondary" id="rebootBtn"><i class="fa-solid fa-power-off"></i> Reboot</button>
|
|
|
|
<button class="btn btn-secondary" id="clearQueueBtn"><i class="fa-solid fa-eraser"></i> Clear Turn Queue</button>
|
|
|
|
<button class="btn btn-secondary" id="bypassTurnBtn"><i class="fa-solid fa-forward"></i> Bypass Turn</button>
|
|
|
|
<button class="btn btn-secondary" id="endTurnBtn"><i class="fa-solid fa-ban"></i> End Turn</button>
|
|
|
|
<button class="btn btn-secondary" id="qemuMonitorBtn" data-bs-toggle="modal" data-bs-target="#qemuMonitorModal"><i class="fa-solid fa-terminal"></i> QEMU Monitor</button>
|
2023-01-27 00:45:29 +00:00
|
|
|
</div>
|
2023-01-26 00:55:34 +00:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="table-responsive username-table">
|
|
|
|
<table class="table table-hover table-dark table-borderless">
|
|
|
|
<thead>
|
2023-01-28 03:03:19 +00:00
|
|
|
<th><i class="fa-solid fa-user"></i> Users Online (<span id="onlineusercount"></span>)</th>
|
2023-01-26 00:55:34 +00:00
|
|
|
</thead>
|
|
|
|
<tbody id="userlist"></tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-8">
|
|
|
|
<div class="table-responsive chat-table">
|
|
|
|
<table class="table table-hover table-dark table-borderless">
|
|
|
|
<tbody id="chatList">
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
|
|
<span class="input-group-text bg-dark text-light" id="username">Username</span>
|
|
|
|
<input type="text" class="form-control bg-dark text-light" id="chat-input"/>
|
2023-01-29 22:58:44 +00:00
|
|
|
<div class="input-group-text bg-dark text-light" id="xssCheckboxContainer">
|
|
|
|
<input class="form-check-input" type="checkbox" value="" id="xssCheckbox"/>
|
|
|
|
<label class="form-check-label" for="xssCheckbox">XSS</label>
|
|
|
|
</div>
|
2023-01-28 03:03:19 +00:00
|
|
|
<button class="btn btn-primary text-light" type="button" id="sendChatBtn"><i class="fa-solid fa-paper-plane"></i></button>
|
2023-01-26 00:55:34 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-02-10 13:52:44 +00:00
|
|
|
<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
|
2023-01-26 00:55:34 +00:00
|
|
|
<script src="main.js" type="application/javascript"></script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
|
|
|
|
</body>
|
2023-01-26 19:54:25 +00:00
|
|
|
</html>
|