Created
January 28, 2016 20:12
-
-
Save maartenpaauw/23e47e9c982b191d4bf9 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
{% block head %} | |
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}"> | |
<link rel="stylesheet" href="{{ url_for('static', filename='css/range.css') }}"> | |
<link rel="stylesheet" href="{{ url_for('static', filename='css/ripples.min.css') }}"> | |
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome.min.css') }}"> | |
<link rel="stylesheet" href="{{ url_for('static', filename='css/material-wfont.min.css') }}"> | |
<link rel="stylesheet" href="{{ url_for('static', filename='css/site.css') }}"> | |
{% endblock %} | |
<title>Team - You Medth Bro?</title> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="modal fade modal-shutdown" tabindex="-1" role="dialog"> | |
<div class="modal-dialog"> | |
<div class="modal-content"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
<h4 class="modal-title">Shutdown</h4> | |
</div> | |
<div class="modal-body"> | |
<p>Do you want to shutdown?</p> | |
</div> | |
<div class="modal-footer"> | |
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> | |
<button type="button" class="btn btn-primary" id="button-shutdown">Yes</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="modal fade modal-reboot" tabindex="-1" role="dialog"> | |
<div class="modal-dialog"> | |
<div class="modal-content"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
<h4 class="modal-title">Reboot</h4> | |
</div> | |
<div class="modal-body"> | |
<p>Do you want to reboot?</p> | |
</div> | |
<div class="modal-footer"> | |
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> | |
<button type="button" class="btn btn-primary" id="button-reboot">Yes</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-xs-12 height-65"> | |
<div class="alert alert-success" role="alert" style="display: none"></div> | |
<div class="alert alert-danger" role="alert" style="display: none"></div> | |
</div> | |
</div> | |
<div class="panel panel-default"> | |
<div class="panel-heading"> | |
<h2 class="panel-title">Acties</h2> | |
</div> | |
<div class="panel-body"> | |
<div class="row"> | |
<div class="col-xs-12"> | |
<div class="row"> | |
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<a href="#" class="btn btn-block btn-primary btn-lg" id="shutdown" {% if animation %}disabled="disabled"{% endif %}> | |
<i class="fa fa-power-off"></i> | |
</a> | |
</div> | |
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<a href="#" class="btn btn-block btn-primary btn-lg" id="reboot" {% if animation %}disabled="disabled"{% endif %}> | |
<i class="fa fa-refresh"></i> | |
</a> | |
</div> | |
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<a href="#" class="btn btn-block btn-primary btn-lg" id="home" {% if animation %}disabled="disabled"{% endif %}> | |
<i class="fa fa-home"></i> | |
</a> | |
</div> | |
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<a href="#" class="btn btn-block btn-primary btn-lg" id="{{ id }}"> | |
<i class="fa {{ icon }}"></i> | |
</a> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-xs-12 col-sm-6"> | |
<div class="row"> | |
<div class="col-xs-6"> | |
<a href="#" class="btn btn-block btn-primary btn-lg" id="up" {% if animation %}disabled="disabled"{% endif %}> | |
<i class="fa fa-arrow-up"></i> | |
</a> | |
</div> | |
<div class="col-xs-6"> | |
<div class="range range-primary"> | |
<input id="rangeup" type="range" name="stepsup" min="1" max="500" value="1" onchange="stepsup.value=value" {% if animation %}disabled="disabled"{% endif %} /> | |
<output id="stepsup" {% if animation %}class="disabled"{% endif %}></output> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-xs-12 col-sm-6"> | |
<div class="row"> | |
<div class="col-xs-6"> | |
<a href="#" class="btn btn-block btn-primary btn-lg" id="down" {% if animation %}disabled="disabled"{% endif %}> | |
<i class="fa fa-arrow-down"></i> | |
</a> | |
</div> | |
<div class="col-xs-6"> | |
<div class="range range-primary"> | |
<input id="rangedown" type="range" name="stepsdown" min="1" max="500" value="1" onchange="stepsdown.value=value" {% if animation %}disabled="disabled"{% endif %} /> | |
<output id="stepsdown" {% if animation %}class="disabled"{% endif %}></output> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<footer class="footer navbar-fixed-bottom"> | |
<div class="panel-footer text-center"> | |
<p class="muted"><span class="label label-primary">Groepsnaam:</span> You Medt Bro <span class="label label-primary">Klas:</span> INF1J.</p> | |
</div> | |
</footer> | |
<script type="text/javascript" src="{{ url_for('static', filename='js/jquery-1.10.2.min.js') }}"></script> | |
<script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script> | |
<script type="text/javascript" src="{{ url_for('static', filename='js/ripples.min.js') }}"></script> | |
<script type="text/javascript" src="{{ url_for('static', filename='js/material.min.js') }}"></script> | |
<script type="text/javascript" src="{{ url_for('static', filename='js/site.js') }}"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment