Skip to content

Commit d0bf287

Browse files
anafisaanafisa
committed
add: templates
1 parent ace308c commit d0bf287

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+9616
-0
lines changed

‎templates/aboutProject.html

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Контакты</title>
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
7+
rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
8+
crossorigin="anonymous">
9+
<link rel="stylesheet" href="/static/css/styles.css">
10+
</head>
11+
<body>
12+
<div class="container-fluid main" style="background-color: #F7F3F9; min-height: 100vh; justify-content: center; align-items: center;">
13+
<div style="">
14+
<h2 class="display4" style="">Данный проект создан при поддержке государственных органов Санкт-Петербурга для обеспечения
15+
лучшего качетсва жизни граждан культурной столицы</h2>
16+
</div>
17+
</div>
18+
19+
<script type="text/javascript" src="/static/js/main.js"></script>
20+
</body>
21+
</html>

‎templates/account_page.html

+210
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,210 @@
1+
<!DOCTYPE html>
2+
<html lang="ru" dir="ltr">
3+
<head>
4+
<meta charset="utf-8">
5+
<title></title>
6+
7+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
8+
rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
9+
crossorigin="anonymous">
10+
<link rel="stylesheet" href="/static/css/styles.css">
11+
<link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css">
12+
<link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf">
13+
<link rel="stylesheet" type="text/css" href="/static/fonts/Comfortaa/Comfortaa.ttf">
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap" rel="stylesheet">
17+
</head>
18+
<body style="font-family: 'Helvetica';">
19+
20+
<div class="container-fluid main" style="min-height: 100vh; max-width:100%; padding-left: 0px; padding-right: 0px;">
21+
<nav class="navbar navbar-expand-md navbar-dark" style="background-color: #7406A4; max-width: 100%;">
22+
<div class="container-fluid" style="max-width: 100%;">
23+
<!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
24+
<span class="navbar-toggler-icon"></span>
25+
</button> -->
26+
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
27+
<div class="navbar-nav">
28+
<a class="nav-link active" aria-current="page" href="#">Главная</a>
29+
<a class="nav-link" href="my_map.html">Карта</a>
30+
<a class="nav-link" href="aboutProject.html">О Проекте</a>
31+
<a class="nav-link" href="contacts.html">Контакты</a>
32+
</div>
33+
</div>
34+
35+
<div class="row">
36+
<div class="col">
37+
<form action="log_out" >
38+
<a href="/" class="btn btn-primary buttoncustom">Выход</a>
39+
</form>
40+
</div>
41+
</div>
42+
</div>
43+
44+
</nav>
45+
46+
47+
<div style="padding-top: 50px; padding-bottom: 20px;">
48+
<div class="text-center">
49+
<h1 class="display2" style="color: #7406A4;font-family: 'Helvetica';">Личный кабинет</h1>
50+
</div>
51+
<p></p>
52+
<p></p>
53+
</div>
54+
55+
<div class="container center">
56+
<div class="card cardcustom" style="background-color: rgba(215, 194, 220, 0.2); font-family: 'Helvetica';">
57+
<!-- <div class="column"> -->
58+
<div class="row">
59+
60+
<div class="col-md-4" style="margin-top: 15px;">
61+
<div class="d-grid gap-2 col-6 mx-auto">
62+
<img src="/static/img/user_icon_svg.svg" style="height: 235px; width:180px; margin-bottom: 20px;">
63+
64+
<a href="/create_application" class="btn btn-primary buttoncustom" style="width:180px; background-color: #CA3732; border: #CA3732;">Создать обращение</a>
65+
<a href="/user_applications" class="btn btn-primary buttoncustom" style="width:180px;">Мои обращения</a>
66+
<a href="/user_votes" class="btn btn-primary buttoncustom" style="width:180px;">Мои голоса</a>
67+
<p> </p>
68+
</div>
69+
70+
71+
72+
</div>
73+
74+
75+
<div class="col-md-6" style="padding: 15px;">
76+
77+
<div class="row">
78+
<div class="col-md-1">
79+
<label class="text infostyles">Имя:</label>
80+
</div>
81+
<div class="col-md-6 offset-2">
82+
<label class="text" style="font-size: 22px;">{{ user_name }}</label>
83+
</div>
84+
<p> </p>
85+
</div>
86+
87+
<div class="row">
88+
<div class="col-md-1">
89+
<label class="text infostyles" >Телефон:</label>
90+
</div>
91+
<div class="col-md-6 offset-2">
92+
<label class="text" style="font-size: 22px;">{{ user_mobile }}</label>
93+
</div>
94+
<p> </p>
95+
</div>
96+
97+
<div class="row">
98+
<div class="col-md-1">
99+
<label class="text infostyles">Город:</label>
100+
</div>
101+
<div class="col-md-6 offset-2">
102+
<label class="text" style="font-size: 22px;">{{ user_city }}</label>
103+
</div>
104+
<p> </p>
105+
</div>
106+
107+
<div class="row">
108+
<div class="col-md-1">
109+
<label class="text infostyles">Адрес:</label>
110+
</div>
111+
<div class="col-md-6 offset-2">
112+
<label class="text" style="font-size: 22px;">{{ user_address }}</label>
113+
</div>
114+
<p> </p>
115+
</div>
116+
117+
<div class="row">
118+
<div class="col-md-1">
119+
<label class="text infostyles">Пол:</label>
120+
</div>
121+
<div class="col-md-6 offset-2">
122+
<label class="text" style="font-size: 22px;">{{ user_sex }}</label>
123+
</div>
124+
<p> </p>
125+
</div>
126+
127+
<div class="row">
128+
<div class="col-md-1">
129+
<label class="text infostyles">Роль:</label>
130+
</div>
131+
<div class="col-md-6 offset-2">
132+
<label class="text" style="font-size: 22px;">{{ user_role }}</label>
133+
</div>
134+
<p> </p>
135+
</div>
136+
</div>
137+
</div>
138+
</div>
139+
</div>
140+
141+
142+
<div class="container" style="padding-top: 50px;padding-bottom: 25px;">
143+
<div class="text-center">
144+
<p> </p>
145+
<h1 style="color: #7406A4">Список обращений</h1>
146+
</div>
147+
</div>
148+
149+
<div class="container">
150+
<div class="column" >
151+
{% for article in applications %}
152+
<form action="/account_page" class="row g-3" method="post">
153+
<div class="card cardcustom">
154+
<div class="row g-0">
155+
<div class="col-md-8">
156+
<div class="card-body">
157+
<h5 class="card-title text-left">{{article.location}}</h5>
158+
<p class="date"><small class="text-muted">{{article.date.strftime("%Y-%m-%d")}}</small></p>
159+
160+
<div class="card-text">
161+
<p class=""> {{article.description}}
162+
</p>
163+
</div>
164+
<div class="card-text">
165+
<p class=""> {{article.role}}
166+
</p>
167+
</div>
168+
169+
<input type="hidden" name="card_id" value={{article.crossroad_id}}>
170+
171+
172+
<div class="row">
173+
<div class="col">
174+
{# <a class="btn btn-primary buttoncustom" style="background-color: #CA3732; border: none;">Поддержать</a>#}
175+
<button type="submit" class="btn btn-primary buttoncustom" style="background-color: #CA3732; border: none;">Поддержать</button>
176+
</div>
177+
<div class="col">
178+
<h6 > <label style="font-weight: bold;">Количество голосов:</label> {{article.votes_number}}</h6>
179+
</div>
180+
181+
<div class="col">
182+
<h6 > <label style="font-weight: bold;">Текущий статус:</label> {{article.status.lower()}}</h6>
183+
</div>
184+
185+
</div>
186+
187+
</div>
188+
</div>
189+
<div class="col-md-4" style="display:flex; align-items:center;">
190+
<!-- <img src="/static/img/map1.png" alt="" style="width: 400px;" class="img-fluid rounded"> -->
191+
<!-- <img src="https://yandex.ru/maps/?ll=30.310182,59.951059&z=12&l=map"> -->
192+
<div style="width: 200px; height: 150px;">
193+
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A053bd947d462cc1a45aeba4070defff75501905071c0eaf68436ac9976ec698c&amp;width=400&amp;height=180&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
194+
</div>
195+
196+
</div>
197+
</div>
198+
199+
</div>
200+
</form>
201+
{% endfor %}
202+
</div>
203+
</div>
204+
205+
</div>
206+
207+
<script type="text/javascript" src="/static/js/main.js"></script>
208+
209+
</body>
210+
</html>

‎templates/contacts.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Контакты</title>
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
7+
rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
8+
crossorigin="anonymous">
9+
<link rel="stylesheet" href="/static/css/styles.css">
10+
</head>
11+
<body>
12+
<div class="container-fluid main" style="background-color: #F7F3F9; min-height: 100vh;">
13+
<div class="row align-items-start">
14+
<div class="col-md-4 offset-4">
15+
<h1 class="display2">Анфиса Лепехина</h1>
16+
</div>
17+
18+
<div class="col-md-4 offset-4">
19+
<h1 class="display2">Дарья Сорокина</h1>
20+
</div>
21+
22+
<div class="col-md-4 offset-4">
23+
<h1 class="display2">Кирилл Захаров</h1>
24+
</div>
25+
</div>
26+
</div>
27+
28+
<script type="text/javascript" src="/static/js/main.js"></script>
29+
</body>
30+
</html>

‎templates/crossroad_form.html

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Sign In Form</title>
6+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
7+
rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
8+
crossorigin="anonymous">
9+
<link rel="stylesheet" href="/static/css/styles.css">
10+
</head>
11+
<body>
12+
13+
<form action="/create_application" class="row g-3" method="post">
14+
15+
<div class="container-fluid main" style="background-color: #F7F3F9; min-height: 100vh; align-items: center; justify-content: center;">
16+
<div class="text-center">
17+
<p> </p>
18+
<p> </p>
19+
<h2 class="display1" style="color: #7406A4">Создание обращения </h2>
20+
<p> </p>
21+
<p> </p>
22+
</div>
23+
24+
<div class="col-md-4 offset-4">
25+
<label for="inputAddress" class="form-label">Адрес объекта</label>
26+
<input type="text" class="form-control" id="inputAddress" name="location" placeholder="Перекресток ул.Колонтай-пр.Дальневосточный">
27+
</div>
28+
29+
<div class="col-md-4 offset-4">
30+
<label for="inputLongitude" class="form-label">Долгота</label>
31+
<input type="text" class="form-control" id="inputLongitude" name="longitude" placeholder="59.937">
32+
</div>
33+
34+
<div class="col-md-4 offset-4">
35+
<label for="inputLatitude" class="form-label">Широта</label>
36+
<input type="text" class="form-control" id="inputLatitude" name="latitude" placeholder="30.3141">
37+
</div>
38+
39+
<div class="col-md-4 offset-4">
40+
<label for="inputDescription" class="form-label">Описание обращения</label>
41+
<input type="text" class="form-control" id="inputDescription" name="description" placeholder="Часто не работает светофор">
42+
</div>
43+
44+
<div class="col-md-4 offset-4">
45+
<label for="inputSatutus" class="form-label">Статус обращения</label>
46+
<input type="text" class="form-control" id="inputSatutus" name="status" placeholder="Подано заявление в дирекцию по организации дорожного движения">
47+
</div>
48+
49+
50+
<p> </p>
51+
<p> </p>
52+
53+
<div class="row">
54+
<div class="col-md-2 offset-4">
55+
56+
<button type="submit" class="btn btn-primary buttoncustom">Опубликовать обращение</button>
57+
</div>
58+
59+
<div class="col-md-2 offset-0">
60+
<a href="/account_page" class="btn btn-primary buttoncustom">Вернуться в личный кабинет</a>
61+
62+
</div>
63+
</div>
64+
<p> </p>
65+
<p> </p>
66+
<h5 class="text-center" style="color: #7406A4">{{status}}</h5>
67+
{# <div class="row">#}
68+
{##}
69+
{# <div class="col-md-2 offset-4">#}
70+
{# <button type="submit" class="btn btn-success" style="background-color: #C93007; border-color: #C93007;">Опубликовать обращение</button>#}
71+
{# </div>#}
72+
{##}
73+
{# <div class="col-md-2 offset-0">#}
74+
{# <a href="/accounnt_page" class="btn btn-primary" style="background-color: #C93007; border-color: #C93007;">Вернуться в личный кабинет</a>#}
75+
{# </div>#}
76+
77+
78+
</div>
79+
80+
</div>
81+
</form>
82+
<script type="text/javascript" src="/static/js/main.js"></script>
83+
</body>
84+
</html>

‎templates/font-awesome-4.7.0/font-awesome-4.7.0/HELP-US-OUT.txt

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
Я надеюсь Вы любите Font Awesome. Если Вы находите шрифт полезным, пожалуйста, сделайте мне одолжение и посмотрите мой последний проект -
2+
Fort Awesome (https://fortawesome.com). Это позволит легко внедрить превосходные иконки в ваш проект. Выбери необходимое из комплектов иконок или скопируй и вставь свои.
3+
4+
Пожалуйста. Попробуй.
5+
6+
-Дейв Ганди (Dave Gandy)

0 commit comments

Comments
 (0)