Compare commits

...

2 Commits

@ -120,6 +120,23 @@ h2 {
margin: 16px 20px;
}
.floating-round-button {
display: flex;
align-items: center;
justify-content: center;
color: white;
background-color: #EE7500;
cursor: pointer;
width: 80px;
height: 80px;
border-radius: 40px;
font-size: 42px;
position: fixed;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}
.user-card {
display: flex;
position: absolute;

@ -1,55 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>KUKapp</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
<script src="{{ url_for('static', filename='script.js') }}"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script src="https://use.fontawesome.com/2fef7be393.js"></script>
<style type="text/css">
html {
background-image: url({{url_for('static', filename='burger.jpg')}});
background-position: left top;
background-repeat: no-repeat;
background-size: 100% auto;
background-color: #aeaeac;
}
</style>
</head>
<body>
<div class="leaderboard">
<h1 style="text-align: center">Leaderboard</h1>
<div class="leaderboard-contiainer">
{% for person in leaderboard %}
<div class="lb-entry">
<img src="{{url_for('static', filename=person['name'] + '.png')}}">
<span class="name">{{ person['name'] }}</span>
<span class="score">{{ person['score'] }}</span>
</div>
{% endfor %}
</div>
</div>
<div class="next-meal">
<h1 style="padding-left: 40pt">Next Meal</h1>
<h2>Cook</h2>
<div class="cook-entry">
Davide
</div>
<h2>Eaters</h2>
<div class="eater-entry">
Marek
</div>
<div class="eater-entry">
Sven
</div>
</div>
<div class="user-info">
<div class="user-card">
<img src="{{url_for('static', filename=current_user_name + '.png')}}">
<span>{{current_user_name}}</span>
<div class="logout-button" onclick="location.href='/logout';"><span>LOGOUT</span></div>
</div>
</div>
</body>
</html>

@ -67,6 +67,7 @@
{% endif %}
</div>
</div>
<div class="floating-round-button" onclick="location.href='/mealhistory';" title="View meal history" style="bottom: 20px; right: 20px;"><i class="fa fa-history" aria-hidden="true"></i></div>
</div>
</body>
</html>
Loading…
Cancel
Save