Started meal list template

6 years ago · 6c5b5e3432
parent ff15cb81c1
commit 6c5b5e3432
1 changed files with 55 additions and 0 deletions
--- a/templates/meal_list.html
+++ b/templates/meal_list.html
@ -0,0 +1,55 @@
 <!DOCTYPE html>
 <html>
 <head>
 	<title>Meal List - KUKAPP</title>
 	<meta name="viewport" content="width=device-width">
 	<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;
 			background-attachment: fixed;
 		}
 	</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="right-pane">
 		<div class="meal-list">
 			<h2>{{meals[0].date}}</h2>
 			{% for meal in meals %}
 				{% if loop.index != 1 and (meal.date != meals[loop.index - 2].date) %}
 					<h2>{{meal.date}}</h2>
 				{% endif %}
 				<div class="meal">
 					<h5>{{meal.date}}</h5>
 				</div>
 			{% endfor%}
 		</div>
 		<div class="user-card">
 			<img src="{{url_for('static', filename=current_user_name + '.png')}}">
 			<div class="user-info">
 				<span>{{current_user_name}}</span>
 				<div class="rect-button" onclick="location.href='/logout';" style="background-color: #EE7500;">LOGOUT</div>
 			</div>
 		</div>
 	</div>
 </body>
 </html>