Theta/htdocs/index.html
2019-10-26 14:20:59 +02:00

44 lines
No EOL
2.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>chat</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean-search">
<div class="container"><a class="navbar-brand" href="/">P2P Chat</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navcol-1">
<ul class="nav navbar-nav">
<li class="nav-item" role="presentation"><a class="nav-link active" href="#">Home</a></li>
<li class="nav-item" role="presentation"></li>
<li class="nav-item" role="presentation"></li>
</ul>
<form class="form-inline mr-auto" target="_self">
<div class="form-group"><label for="search-field"></label><input class="form-control search-field" type="search" id="search-field" name="search"></div>
</form><a class="btn btn-light action-button" role="button" href="/kill" style="background-color: rgb(198,86,86);">Shutdown</a></div>
</div>
</nav>
<div></div>
<div class="card">
<div class="card-body">
<h6 class="text-muted card-subtitle mb-2">e5d2fafe805923823f4659dfb943ece0<br></h6>
<p class="card-text">This is a message</p>
</div>
<div class="card-body">
<h6 class="text-muted card-subtitle mb-2" style="text-align:right;">e5d2fafe805923823f4659dfb943ece0<br></h6>
<p class="card-text" style="text-align:right;">This is another message</p>
</div>
</div>
<form class="form-inline" style="margin: 7px;padding: 7px;position: fixed;bottom: 0;width: 100%;"><textarea class="form-control" style="width: 90%;display: block;"></textarea><input class="form-control" type="text" style="display:none;" value="%s"><button class="btn btn-primary" style="margin: 7px;padding: 7px;display:inline;">Send</button></form>
<script
src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>