Skip to content

Commit 6b68270

Browse files
barreraalexanderbarreraalexander
committed
update to html
1 parent 2019068 commit 6b68270

File tree

7 files changed

+1412
-6
lines changed

7 files changed

+1412
-6
lines changed

‎src/routers/ui_routes.py‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,3 +90,23 @@ async def register(request: Request, response_model=HTMLResponse):
9090

9191
return TEMPLATES.TemplateResponse("accounts/register.html", {"request" : request})
9292

93+
@router.get('/tables', status_code=status.HTTP_200_OK)
94+
def tables(request: Request):
95+
return TEMPLATES.TemplateResponse("home/tables.html", {"request" : request})
96+
97+
98+
@router.get('/billing', status_code=status.HTTP_200_OK)
99+
def billing(request: Request):
100+
return TEMPLATES.TemplateResponse("home/billing.html", {"request" : request})
101+
102+
@router.get('/virtual-reality', status_code=status.HTTP_200_OK)
103+
def virtual_reality(request: Request):
104+
return TEMPLATES.TemplateResponse("home/virtual-reality.html", {"request" : request})
105+
106+
@router.get('/profile', status_code=status.HTTP_200_OK)
107+
def profile(request: Request):
108+
return TEMPLATES.TemplateResponse("home/profile.html", {"request" : request})
109+
110+
@router.get('/rtl', status_code=status.HTTP_200_OK)
111+
def rtl(request: Request):
112+
return TEMPLATES.TemplateResponse("home/rtl.html", {"request" : request})

‎src/templates/home/billing.html‎

Lines changed: 331 additions & 0 deletions
Large diffs are not rendered by default.

‎src/templates/home/profile.html‎

Lines changed: 399 additions & 0 deletions
Large diffs are not rendered by default.

‎src/templates/home/rtl.html‎

Whitespace-only changes.

‎src/templates/home/tables.html‎

Lines changed: 439 additions & 0 deletions
Large diffs are not rendered by default.

‎src/templates/home/virtual-reality.html‎

Lines changed: 217 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,217 @@
1+
<!--
2+
=========================================================
3+
* Soft UI Dashboard - v1.0.6
4+
=========================================================
5+
6+
* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard
7+
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
8+
* Licensed under MIT (https://www.creative-tim.com/license)
9+
* Coded by Creative Tim
10+
11+
=========================================================
12+
13+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
14+
-->
15+
<!DOCTYPE html>
16+
<html lang="en">
17+
18+
<head>
19+
<meta charset="utf-8" />
20+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
21+
<link rel="apple-touch-icon" sizes="76x76" href="{{ url_for('static', path='img/apple-icon.png') }}">
22+
<link rel="icon" type="image/png" href="{{ url_for('static', path='img/favicon.png') }}">
23+
24+
<title>
25+
Soft UI Dashboard - VR Page | AppSeed
26+
</title>
27+
28+
<!-- Fonts and icons -->
29+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
30+
<!-- Nucleo Icons -->
31+
<link href="{{ url_for('static', path='css/nucleo-icons.css') }}" rel="stylesheet" />
32+
<link href="{{ url_for('static', path='css/nucleo-svg.css') }}" rel="stylesheet" />
33+
<!-- Font Awesome Icons -->
34+
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
35+
<link href="{{ url_for('static', path='css/nucleo-svg.css') }}" rel="stylesheet" />
36+
<!-- CSS Files -->
37+
<link id="pagestyle" href="{{ url_for('static', path='css/soft-ui-dashboard.css?v=1.0.6') }}" rel="stylesheet" />
38+
<link id="pagestyle_dark" href="{{ url_for('static', path='css/dark-theme-core.css') }}" rel="stylesheet" />
39+
40+
</head>
41+
<body class="g-sidenav-show bg-gray-100 virtual-reality">
42+
43+
<div>
44+
{% include "includes/navigation.html" %}
45+
</div>
46+
47+
<div class="border-radius-xl mt-3 mx-3 position-relative" style="background-image: url("{{ url_for('static', path='img/vr-bg.jpg') }}") ; background-size: cover;">
48+
49+
{% include "includes/sidebar.html" %}
50+
51+
<main class="main-content mt-1 border-radius-lg">
52+
53+
<div class="section min-vh-85 position-relative transform-scale-0 transform-scale-md-7">
54+
<div class="container">
55+
<div class="row pt-10">
56+
<div class="col-lg-1 col-md-1 pt-5 pt-lg-0 ms-lg-5 text-center">
57+
<a href="javascript:;" class="avatar avatar-md border-0" data-bs-toggle="tooltip" data-bs-placement="left" title="My Profile">
58+
<img class="border-radius-lg" alt="Image placeholder" src="{{ url_for('static', path='img/team-1.jpg') }}">
59+
</a>
60+
<button class="btn btn-white border-radius-lg p-2 mt-2" type="button" data-bs-toggle="tooltip" data-bs-placement="left" title="Home">
61+
<i class="fas fa-home p-2"></i>
62+
</button>
63+
<button class="btn btn-white border-radius-lg p-2" type="button" data-bs-toggle="tooltip" data-bs-placement="left" title="Search">
64+
<i class="fas fa-search p-2"></i>
65+
</button>
66+
<button class="btn btn-white border-radius-lg p-2" type="button" data-bs-toggle="tooltip" data-bs-placement="left" title="Minimize">
67+
<i class="fas fa-ellipsis-h p-2"></i>
68+
</button>
69+
</div>
70+
<div class="col-lg-8 col-md-11">
71+
<div class="d-flex">
72+
<div class="me-auto">
73+
<h1 class="display-1 font-weight-bold mt-n4 mb-0">28°C</h1>
74+
<h6 class="text-uppercase mb-0 ms-1">Cloudy</h6>
75+
</div>
76+
<div class="ms-auto">
77+
<img class="w-50 float-end mt-lg-n4" src="{{ url_for('static', path='img/small-logos/icon-sun-cloud.png') }}" alt="image sun">
78+
</div>
79+
</div>
80+
<div class="row mt-4">
81+
<div class="col-lg-4 col-md-4">
82+
<div class="card move-on-hover overflow-hidden">
83+
<div class="card-body">
84+
<div class="d-flex">
85+
<h6 class="mb-0 me-3">08:00</h6>
86+
<h6 class="mb-0">Synk up with Mark
87+
<small class="text-secondary font-weight-normal">Hangouts</small>
88+
</h6>
89+
</div>
90+
<hr class="horizontal dark">
91+
<div class="d-flex">
92+
<h6 class="mb-0 me-3">09:30</h6>
93+
<h6 class="mb-0">Gym <br />
94+
<small class="text-secondary font-weight-normal">World Class</small>
95+
</h6>
96+
</div>
97+
<hr class="horizontal dark">
98+
<div class="d-flex">
99+
<h6 class="mb-0 me-3">11:00</h6>
100+
<h6 class="mb-0">Design Review<br />
101+
<small class="text-secondary font-weight-normal">Zoom</small>
102+
</h6>
103+
</div>
104+
</div>
105+
<a href="javascript:;" class="bg-gray-100 w-100 text-center py-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Show More">
106+
<i class="fas fa-chevron-down text-primary"></i>
107+
</a>
108+
</div>
109+
</div>
110+
<div class="col-lg-4 col-md-4 mt-4 mt-sm-0">
111+
<div class="card bg-gradient-dark move-on-hover">
112+
<div class="card-body">
113+
<div class="d-flex">
114+
<h5 class="mb-0 text-white">To Do</h5>
115+
<div class="ms-auto">
116+
<h1 class="text-white text-end mb-0 mt-n2">7</h1>
117+
<p class="text-sm mb-0 text-white">items</p>
118+
</div>
119+
</div>
120+
<p class="text-white mb-0">Shopping</p>
121+
<p class="mb-0 text-white">Meeting</p>
122+
</div>
123+
<a href="javascript:;" class="w-100 text-center py-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Show More">
124+
<i class="fas fa-chevron-down text-white"></i>
125+
</a>
126+
</div>
127+
<div class="card move-on-hover mt-4">
128+
<div class="card-body">
129+
<div class="d-flex">
130+
<p class="mb-0">Emails (21)</p>
131+
<a href="javascript:;" class="ms-auto" data-bs-toggle="tooltip" data-bs-placement="top" title="Check your emails">
132+
Check
133+
</a>
134+
</div>
135+
</div>
136+
</div>
137+
</div>
138+
<div class="col-lg-4 col-md-4 mt-4 mt-sm-0">
139+
<div class="card card-background card-background-mask-primary move-on-hover align-items-start">
140+
<div class="cursor-pointer">
141+
<div class="full-background" style="background-image: url('{{ url_for('static', path='img/curved-images/curved1.jpg') }}')"></div>
142+
<div class="card-body">
143+
<h5 class="text-white mb-0">Some Kind Of Blues</h5>
144+
<p class="text-white text-sm">Deftones</p>
145+
<div class="d-flex mt-5">
146+
<button class="btn btn-outline-white rounded-circle p-2 mb-0" type="button" data-bs-toggle="tooltip" data-bs-placement="top" title="Prev">
147+
<i class="fas fa-backward p-2"></i>
148+
</button>
149+
<button class="btn btn-outline-white rounded-circle p-2 mx-2 mb-0" type="button" data-bs-toggle="tooltip" data-bs-placement="top" title="Pause">
150+
<i class="fas fa-play p-2"></i>
151+
</button>
152+
<button class="btn btn-outline-white rounded-circle p-2 mb-0" type="button" data-bs-toggle="tooltip" data-bs-placement="top" title="Next">
153+
<i class="fas fa-forward p-2"></i>
154+
</button>
155+
</div>
156+
</div>
157+
</div>
158+
</div>
159+
<div class="card move-on-hover mt-4">
160+
<div class="card-body">
161+
<div class="d-flex">
162+
<p class="my-auto">Messages</p>
163+
<div class="ms-auto">
164+
<div class="avatar-group">
165+
<a href="javascript:;" class="avatar avatar-sm border-0 rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="2 New Messages">
166+
<img alt="Image placeholder" src="{{ url_for('static', path='img/team-1.jpg') }}">
167+
</a>
168+
<a href="javascript:;" class="avatar avatar-sm border-0 rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="1 New Message">
169+
<img alt="Image placeholder" src="{{ url_for('static', path='img/team-2.jpg') }}">
170+
</a>
171+
<a href="javascript:;" class="avatar avatar-sm border-0 rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="13 New Messages">
172+
<img alt="Image placeholder" src="{{ url_for('static', path='img/team-3.jpg') }}">
173+
</a>
174+
<a href="javascript:;" class="avatar avatar-sm border-0 rounded-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="7 New Messages">
175+
<img alt="Image placeholder" src="{{ url_for('static', path='img/team-4.jpg') }}">
176+
</a>
177+
</div>
178+
</div>
179+
</div>
180+
</div>
181+
</div>
182+
</div>
183+
</div>
184+
</div>
185+
</div>
186+
</div>
187+
</div>
188+
189+
</main>
190+
191+
</div>
192+
193+
{% include "includes/footer.html" %}
194+
195+
<!-- APP Configurator -->
196+
{% include "includes/fixed-plugin.html" %}
197+
198+
<!-- Core JS Files -->
199+
{% include "includes/scripts.html" %}
200+
201+
<script>
202+
var win = navigator.platform.indexOf('Win') > -1;
203+
if (win && document.querySelector('#sidenav-scrollbar')) {
204+
var options = {
205+
damping: '0.5'
206+
}
207+
Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
208+
}
209+
</script>
210+
211+
<!-- Github buttons -->
212+
<script async defer src="https://buttons.github.io/buttons.js"></script>
213+
<!-- Control Center for Soft Dashboard: parallax effects, scripts for the example pages etc -->
214+
<script src="{{ url_for('static', path='js/soft-ui-dashboard.min.js?v=1.0.6') }}"></script>
215+
216+
</body>
217+
</html>

‎src/templates/includes/sidebar.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<div class="collapse navbar-collapse w-auto " id="sidenav-collapse-main">
1111
<ul class="navbar-nav">
1212
<li class="nav-item">
13-
<a class="nav-link {% if 'index' in segment %} active {% endif %}" href="/index.html">
13+
<a class="nav-link {% if 'index' in segment %} active {% endif %}" href="{{ url_for('home') }}">
1414
<div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
1515
<svg width="12px" height="12px" viewBox="0 0 45 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1616
<title>shop </title>
@@ -30,7 +30,7 @@
3030
</a>
3131
</li>
3232
<li class="nav-item">
33-
<a class="nav-link {% if 'tables' in segment %} active {% endif %}" href="/tables.html">
33+
<a class="nav-link {% if 'tables' in segment %} active {% endif %}" href="{{ url_for('tables') }}">
3434
<div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
3535
<svg width="12px" height="12px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3636
<title>office</title>
@@ -50,7 +50,7 @@
5050
</a>
5151
</li>
5252
<li class="nav-item">
53-
<a class="nav-link {% if 'billing' in segment %} active {% endif %}" href="/billing.html">
53+
<a class="nav-link {% if 'billing' in segment %} active {% endif %}" href="{{ url_for('billing') }}">
5454
<div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
5555
<svg width="12px" height="12px" viewBox="0 0 43 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
5656
<title>credit-card</title>
@@ -70,7 +70,7 @@
7070
</a>
7171
</li>
7272
<li class="nav-item">
73-
<a class="nav-link {% if 'virtual-reality' in segment %} active {% endif %}" href="/virtual-reality.html">
73+
<a class="nav-link {% if 'virtual-reality' in segment %} active {% endif %}" href="{{ url_for('virtual_reality') }}">
7474
<div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
7575
<svg width="12px" height="12px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
7676
<title>box-3d-50</title>
@@ -115,7 +115,7 @@
115115
<h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Account pages</h6>
116116
</li>
117117
<li class="nav-item">
118-
<a class="nav-link {% if 'profile' in segment %} active {% endif %}" href="/profile.html">
118+
<a class="nav-link {% if 'profile' in segment %} active {% endif %}" href="{{ url_for('profile') }}">
119119
<div class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
120120
<svg width="12px" height="12px" viewBox="0 0 46 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
121121
<title>customer-support</title>
@@ -159,7 +159,7 @@ <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Accoun
159159
</div>
160160
<div class="sidenav-footer mx-3 ">
161161
<div class="card card-background shadow-none card-background-mask-secondary" id="sidenavCard">
162-
<div class="full-background" style="background-image: url( '{{ url_for('static', path='img/curved-images/white-curved.jpg') }}' )"></div>
162+
<div class="full-background" style="background-image: url(" {{ url_for('static', path='img/curved-images/white-curved.jpg')}} )"></div>
163163
<div class="card-body text-start p-3 w-100">
164164
<div class="icon icon-shape icon-sm bg-white shadow text-center mb-3 d-flex align-items-center justify-content-center border-radius-md">
165165
<i class="ni ni-diamond text-dark text-gradient text-lg top-0" aria-hidden="true" id="sidenavCardIcon"></i>

0 commit comments

Comments
 (0)