source: templates/recommendations.html@ e6c1c76

Last change on this file since e6c1c76 was 19e7fbe, checked in by Valerija Andrijeska <valerija.andrijeska@…>, 3 days ago

BiblioPremium application
  • Property mode set to 100644
File size: 12.4 KB
Line 
1<!DOCTYPE html>
2<html lang="mk">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
8 <title>Препораки | BiblioPremium</title>
9
10 <link rel="stylesheet"
11 href="{{ url_for('static', filename='style.css') }}">
12</head>
13
14<body>
15
16<header class="navbar">
17
18 <div class="logo">
19 <img src="{{ url_for('static', filename='images/logo.png') }}"
20 alt="BiblioPremium">
21 </div>
22
23 <nav>
24
25 <a href="{{ url_for('home') }}">
26 Почетна
27 </a>
28
29 <a href="{{ url_for('home') }}#books">
30 Книги
31 </a>
32
33 <a href="{{ url_for('recommendations') }}">
34 Препораки
35 </a>
36
37 {% if session.get('korisnik_id') %}
38
39 <a href="{{ url_for('favorites') }}">
40 Омилени
41 </a>
42
43 <a href="{{ url_for('orders') }}">
44 Мои нарачки
45 </a>
46
47 <a href="{{ url_for('preferences') }}">
48 Мои преференции
49 </a>
50
51 {% endif %}
52
53 </nav>
54
55
56 <div class="nav-buttons">
57
58 {% if session.get('korisnik_id') %}
59
60 <span class="logged-user">
61 👤 {{ session.get('ime') }}
62 </span>
63
64 <a href="{{ url_for('logout') }}"
65 class="login-btn">
66 Одјави се
67 </a>
68
69 {% else %}
70
71 <a href="{{ url_for('login') }}"
72 class="login-btn">
73 Најава
74 </a>
75
76 <a href="{{ url_for('register') }}"
77 class="register-btn">
78 Регистрација
79 </a>
80
81 {% endif %}
82
83 </div>
84
85</header>
86
87
88<section class="recommendations-section">
89
90
91 <!-- ========================================= -->
92 <!-- ПЕРСОНАЛИЗИРАНИ ПРЕПОРАКИ -->
93 <!-- ========================================= -->
94
95 {% if session.get('korisnik_id') %}
96
97 <div class="personalized-recommendations">
98
99 <div class="personalized-preferences-section">
100
101 <span class="details-label">
102 СПОРЕД ТВОИТЕ ИНТЕРЕСИ
103 </span>
104
105 <h1>
106 Препорачано за тебе
107 </h1>
108
109 <p class="recommendations-text">
110 Овие книги се избрани според жанровите и категориите
111 што ги имаш означено во твоите преференции.
112 </p>
113
114
115 {% if personalized_books %}
116
117 <div class="books-grid">
118
119 {% for kniga in personalized_books %}
120
121 <div class="book-card">
122
123 <div class="book-cover">
124
125 {% if kniga[1] == 'Atomic Habits' %}
126
127 <img src="{{ url_for('static', filename='images/Atomic Habits.png') }}"
128 alt="Atomic Habits">
129
130 {% elif kniga[1] == 'The Alchemist' %}
131
132 <img src="{{ url_for('static', filename='images/The Alchemist.png') }}"
133 alt="The Alchemist">
134
135 {% elif kniga[1] == 'Ikigai' %}
136
137 <img src="{{ url_for('static', filename='images/Ikigai.png') }}"
138 alt="Ikigai">
139
140 {% elif kniga[1] == 'Deep Work' %}
141
142 <img src="{{ url_for('static', filename='images/Deep Work.png') }}"
143 alt="Deep Work">
144
145 {% elif kniga[1] == 'The Power of Now' %}
146
147 <img src="{{ url_for('static', filename='images/The Power of Now.png') }}"
148 alt="The Power of Now">
149
150 {% elif kniga[1] == 'Mindset' %}
151
152 <img src="{{ url_for('static', filename='images/Mindset.png') }}"
153 alt="Mindset">
154
155 {% elif kniga[1] == 'The Little Prince' %}
156
157 <img src="{{ url_for('static', filename='images/The Little Prince.png') }}"
158 alt="The Little Prince">
159
160 {% elif kniga[1] == 'Think and Grow Rich' %}
161
162 <img src="{{ url_for('static', filename='images/Think and Grow Rich.png') }}"
163 alt="Think and Grow Rich">
164
165 {% else %}
166
167 <span class="book-placeholder">📖</span>
168
169 {% endif %}
170
171 </div>
172
173
174 <div class="book-info">
175
176 <h3>
177 {{ kniga[1] }}
178 </h3>
179
180 <p class="price">
181 {{ kniga[2] }} ден.
182 </p>
183
184 <p>
185 {{ kniga[3] }}
186 </p>
187
188 <a
189 href="{{ url_for('book_details', kniga_id=kniga[0]) }}"
190 class="details-btn"
191 >
192 Погледни детали
193 </a>
194
195 </div>
196
197 </div>
198
199 {% endfor %}
200
201 </div>
202
203 {% else %}
204
205 <div class="no-preferences-message">
206
207 <p>
208 Сè уште немаш избрано преференции што те интересираат.
209 </p>
210
211 <a href="{{ url_for('preferences') }}"
212 class="details-btn">
213 Избери ги моите преференции
214 </a>
215
216 </div>
217
218 {% endif %}
219
220 </div>
221
222 </div>
223
224 {% endif %}
225
226
227 <!-- ========================================= -->
228 <!-- ПРЕПОРАКИ СПОРЕД РАСПОЛОЖЕНИЕ -->
229 <!-- ========================================= -->
230
231 <div class="mood-recommendations">
232
233 <div class="mood-recommendations-section">
234
235 <span class="details-label">
236 ПРЕПОРАКИ СПОРЕД РАСПОЛОЖЕНИЕ
237 </span>
238
239 <h1>
240 Како се чувствуваш денес?
241 </h1>
242
243 <p class="recommendations-text">
244 Избери расположение или потреба, а BiblioPremium
245 ќе ти предложи книги што одговараат на тебе.
246 </p>
247
248
249 <div class="mood-grid">
250
251 {% for raspolozenie in raspolozenija %}
252
253 <a
254 href="{{ url_for('recommendations', mood=raspolozenie[0]) }}"
255 class="mood-card {% if selected_mood and selected_mood[0] == raspolozenie[0] %}selected-mood{% endif %}"
256 >
257
258 <h3>
259 {{ raspolozenie[1] }}
260 </h3>
261
262 <p>
263 {{ raspolozenie[2] }}
264 </p>
265
266 </a>
267
268 {% endfor %}
269
270 </div>
271
272
273 <!-- КНИГИ ЗА ИЗБРАНОТО РАСПОЛОЖЕНИЕ -->
274
275 {% if selected_mood %}
276
277 <div class="recommended-books">
278
279 <span class="details-label">
280 ИЗБРАНО: {{ selected_mood[1] }}
281 </span>
282
283 <h2>
284 Книги според твоето расположение
285 </h2>
286
287
288 {% if knigi %}
289
290 <div class="books-grid">
291
292 {% for kniga in knigi %}
293
294 <div class="book-card">
295
296 <div class="book-cover">
297
298 {% if kniga[1] == 'Atomic Habits' %}
299
300 <img src="{{ url_for('static', filename='images/Atomic Habits.png') }}"
301 alt="Atomic Habits">
302
303 {% elif kniga[1] == 'The Alchemist' %}
304
305 <img src="{{ url_for('static', filename='images/The Alchemist.png') }}"
306 alt="The Alchemist">
307
308 {% elif kniga[1] == 'Ikigai' %}
309
310 <img src="{{ url_for('static', filename='images/Ikigai.png') }}"
311 alt="Ikigai">
312
313 {% elif kniga[1] == 'Deep Work' %}
314
315 <img src="{{ url_for('static', filename='images/Deep Work.png') }}"
316 alt="Deep Work">
317
318 {% elif kniga[1] == 'The Power of Now' %}
319
320 <img src="{{ url_for('static', filename='images/The Power of Now.png') }}"
321 alt="The Power of Now">
322
323 {% elif kniga[1] == 'Mindset' %}
324
325 <img src="{{ url_for('static', filename='images/Mindset.png') }}"
326 alt="Mindset">
327
328 {% elif kniga[1] == 'The Little Prince' %}
329
330 <img src="{{ url_for('static', filename='images/The Little Prince.png') }}"
331 alt="The Little Prince">
332
333 {% elif kniga[1] == 'Think and Grow Rich' %}
334
335 <img src="{{ url_for('static', filename='images/Think and Grow Rich.png') }}"
336 alt="Think and Grow Rich">
337
338 {% else %}
339
340 <span class="book-placeholder">📖</span>
341
342 {% endif %}
343
344 </div>
345
346
347 <div class="book-info">
348
349 <h3>
350 {{ kniga[1] }}
351 </h3>
352
353 <p class="price">
354 {{ kniga[2] }} ден.
355 </p>
356
357 <p>
358 {{ kniga[3] }}
359 </p>
360
361 <a
362 href="{{ url_for('book_details', kniga_id=kniga[0]) }}"
363 class="details-btn"
364 >
365 Погледни детали
366 </a>
367
368 </div>
369
370 </div>
371
372 {% endfor %}
373
374 </div>
375
376 {% else %}
377
378 <p>
379 Нема пронајдени книги за ова расположение.
380 </p>
381
382 {% endif %}
383
384 </div>
385
386 {% endif %}
387
388 </div>
389
390 </div>
391
392</section>
393
394</body>
395
396</html>
Note: See TracBrowser for help on using the repository browser.