Skip to content

Commit db0122e

Browse files
ivanderkivanderk
committed
First mockup: list topics
1 parent 6a16169 commit db0122e

File tree

3 files changed

+98
-1
lines changed

3 files changed

+98
-1
lines changed

‎app.py

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
@app.route('/')
88
def index():
9-
return "Hola mundo"
9+
return render_template('index.html')
1010

1111
if __name__ == '__main__':
1212
app.run(debug=True)

‎templates/base.html

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!doctype html>
2+
<html data-theme="light">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
7+
<title>Alabar</title>
8+
<script src="https://unpkg.com/[email protected]"
9+
integrity="sha384-7aHh9lqPYGYZ7sTHvzP1t3BAfLhYSTy9ArHdP3Xsr9/3TlGurYgcPBoFmXX2TX/w"
10+
crossorigin="anonymous"></script>
11+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" />
12+
<script src="https://cdn.tailwindcss.com"></script>
13+
<link href="https://fonts.cdnfonts.com/css/bebas-neue" rel="stylesheet">
14+
<style>
15+
.alabartitle {
16+
font-family: 'Bebas Neue', sans-serif;
17+
}
18+
</style>
19+
</head>
20+
21+
<body class="bg-blue-100">
22+
<header class="bg-blue-500 text-white py-4">
23+
<div class="container mx-auto">
24+
<h1 class="text-xl font-bold ">Alabar</h1>
25+
</div>
26+
</header>
27+
28+
<main class="container mx-auto px-4 py-8">
29+
<div class="mx-auto max-w-screen-md">
30+
<div class="w-full mx-auto">
31+
{% block content %}{% endblock %}
32+
</div>
33+
</div>
34+
</main>
35+
36+
<footer class="bg-blue-500 text-white py-4 mt-auto">
37+
<div class="container mx-auto">
38+
<p class="text-center">Copyright 2023 - Capgemini</p>
39+
</div>
40+
</footer>
41+
42+
43+
</body>
44+
</html>

‎templates/index.html

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
2+
{% extends '/base.html' %}
3+
4+
5+
{% block content %}
6+
7+
<h1 class="text-xl font-bold ">Available topics for you</h1>
8+
9+
<div class="overflow-x-auto">
10+
<table class="table table-zebra w-full">
11+
<!-- head -->
12+
<thead>
13+
<tr>
14+
<th>Title</th>
15+
<th>Status</th>
16+
<th>Owner</th>
17+
<th>Date</th>
18+
</tr>
19+
</thead>
20+
<tbody>
21+
<!-- row 1 -->
22+
<tr>
23+
<td> ♠A of ♠ - Consum Sprint 17</td>
24+
<td>Open - please vote</td>
25+
<td>Marga Nacher</td>
26+
<td>20-04-2023</td>
27+
</tr>
28+
<!-- row 2 -->
29+
<tr>
30+
<td>Rate Demo Sprint 16</td>
31+
<td>Open - please vote</td>
32+
<td>Marga Nacher</td>
33+
<td>18-04-2023</td>
34+
</tr>
35+
<!-- row 3 -->
36+
<tr>
37+
<td>♠A of ♠ - Consum Sprint 16</td>
38+
<td>Closed - view results</td>
39+
<td>Marga Nacher</td>
40+
<td>01-04--2023</td>
41+
</tr>
42+
<!-- row 4 -->
43+
<tr>
44+
<td>¿Cuándo vamos a la Oficina?</td>
45+
<td>Closed - view results</td>
46+
<td>Gonzalo Pardo</td>
47+
<td>12-02-2023</td>
48+
</tr>
49+
</tbody>
50+
</table>
51+
</div>
52+
53+
{% endblock %}

0 commit comments

Comments
 (0)