worked on website

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

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;
}

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>