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

worked on website

Browse source
This commit is contained in:
Hannes Klinckaert 2019-09-20 16:44:16 +02:00
parent bc5fcc9da2
commit e0888acf59
2 changed files with 75 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
watcher/static/index.css
View file

@ -1,3 +1,41 @@
body {
overflow: hidden;
background: #b6b6b5;
}
h1 { h1 {
color: blue; 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> <html>
<head> <head>
<script type = "text/javascript" <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
src = "{{ url_for('static', filename = 'hello.js') }}" ></script> <script
type="text/javascript"
src="{{ url_for('static', filename = 'hello.js') }}"
></script>
<link
rel="stylesheet"
href="{{ url_for('static', filename = 'index.css') }}"
/>
</head> </head>
<body> <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> </body>
</html> </html>