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>