Skip to content

Instantly share code, notes, and snippets.

@maartenpaauw

maartenpaauw/index.html

Created January 28, 2016 20:12
Show Gist options
  • Save maartenpaauw/23e47e9c982b191d4bf9 to your computer and use it in GitHub Desktop.
Save maartenpaauw/23e47e9c982b191d4bf9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!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">&times;</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">&times;</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