proxypi/web-root/index.tpl

69 lines
2.8 KiB
Smarty

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="BeieliPi - Bienenstock-Monitoring">
<meta name="author" content="Joerg Lehmann, nbit Informatik GmbH">
<link rel="icon" href="/static/images/favicon.ico">
<title>ProxyPi - Simple Web Proxy</title>
<link href="/static/dist/toolkit.min.css" rel="stylesheet">
<link href="/static/css/customize.css" rel="stylesheet">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/dist/toolkit.min.js"></script>
<script src="/static/js/app.js"></script>
</head>
<body>
<div class="container">
<div id="banner">
</div>
<div class="container-fluid">
<div class="text-center">
<h3>ProxyPi</h3>
<h5>Kontrollierter Internet-Zugang</h5>
<p>Copyright © 2018 by nbit Informatik GmbH</p>
</div>
<div id="well" class="well">
<div class="row">
<div class="col-xs-2 col-sm-5"></div>
<div class="col-xs-8 col-sm-2 text-center center btn-group" id="status" data-toggle="buttons">
<label id="internet_off_label" class="btn btn-default btn-off btn-lg active">
<input id="internet_off" type="radio" value="/internet_off" name="multifeatured_module[module_id][status]">AUS</label>
<label id="internet_on_label" class="btn btn-default btn-on btn-lg">
<input id="internet_on" type="radio" value="/internet_on" name="multifeatured_module[module_id][status]">EIN</label>
</div>
<div class="col-xs-2 col-sm-5"></div>
</div>
<div class="text-center"><br />Ein und Ausschalten der Internet-Verbindung</div>
</div>
</div>
<div class="text-center">
<p>Nicht vergessen: vor Ausziehen des Stromsteckers mit untenstehendem Knopf das Ger&auml;t ausschalten!</p>
</div>
<div id="power">
<input id="poweroff" class="center-block" type="image" src="static/images/poweroff.png" alt="Abschalten" width="80" height="75">
</div>
<div class="text-center">
<p></p>
<p></p>
<div id="balance_info" class="alert alert-info" role="alert" disabled>
</div>
<div id="status_info" class="alert alert-info" role="alert" disabled>
</div>
<div id="shutdown_info" class="alert alert-info" role="alert" disabled>
</div>
<a href="#" id="get_balance">Wie viel Guthaben ist auf meiner SIM-Karte?</a>
<p></p>
<a href="#" id="get_status">Status der Internetverbindung</a>
<p></p>
</div>
</div>
</body>
</html>