Kelder/rubygoldberg-tracker
32
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity

Merge branch 'master' of ssh://git.zeus.gent:2222/kelder/rubygoldberg-tracker

Browse source
This commit is contained in:
Maxime Bloch 2019-09-20 17:01:11 +02:00
commit d5ee0a2044
No known key found for this signature in database
GPG key ID: CE32A7D95B7D6418
3 changed files with 76 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
watcher/app.py
View file

@ -57,4 +57,4 @@ def link_handoff(run, index):
if __name__ == '__main__':
app.run(debug=True)
app.run(host="0.0.0.0",debug=True)

38
watcher/static/index.css
View file

@ -1,3 +1,41 @@
body {
overflow: hidden;
background: #b6b6b5;
}
h1 {
color: blue;
}
.container {
display: flex;
flex-direction: row;
height: 100%;
padding: 10px;
}
.card {
flex-grow: 1;
margin: 15px;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
height: 95%;
overflow: auto;
background: #fff;
border-radius: 6px;
display: flex;
flex-direction: column;
background: #e2e1e0;
width: 30%;
}
.item {
margin: 10px;
padding: 5px;
height: 5%;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
}

41
watcher/templates/index.html
View file

@ -1,10 +1,43 @@
<html>
<head>
<script type = "text/javascript"
src = "{{ url_for('static', filename = 'hello.js') }}" ></script>
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
<script
type="text/javascript"
src="{{ url_for('static', filename = 'hello.js') }}"
></script>
<link
rel="stylesheet"
href="{{ url_for('static', filename = 'index.css') }}"
/>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
<div class="container">
<div class="card">
<div class="item">
<div>
1
</div>
<div>
time
</div>
<div>
<i class="fas fa-check"></i>
</div>
</div>
<div class="item"></div>
<div class="item">hoi</div>
<div class="item">hoi</div>
<div class="item">hoi</div>
<div class="item">hoi</div>
<div class="item">hoi</div>
</div>
<div class="card">
<div class="item">hoi</div>
</div>
<div class="card">
<div class="item">hoi</div>
</div>
</div>
</body>
</html>