source: src/main/resources/templates/_layout.html

main
Last change on this file was c3268ca, checked in by Stefan Risteski <stefanristeski2001@…>, 14 months ago

Project

The whole Project

  • Property mode set to 100644
File size: 4.2 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:th="http://www.thymeleaf.org">
3<head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6</head>
7<body>
8
9 <div th:fragment = "header">
10 <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
11 <a href="/" class="u-image u-logo u-image-1" data-image-width="463" data-image-height="339" title="Home">
12 <img src="/images/logo.png" class="u-logo-image u-logo-image-1">
13 </a>
14 <nav class="u-menu u-menu-one-level u-offcanvas u-menu-1">
15 <div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
16 <a class="u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
17 <svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
18 <svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
19 </g></svg>
20 </a>
21 </div>
22 <div class="u-custom-menu u-nav-container">
23 <ul class="u-nav u-unstyled u-nav-1">
24 <li class="u-nav-item">
25 <a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base u-text-palette-1-base" href="/leaderboard" style="padding: 10px 20px;">Leaderboard</a>
26
27 </li>
28
29
30 <li class="u-nav-item" th:if="${user==null}">
31
32 <a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base u-text-palette-1-base" href="/getLogin" style="padding: 10px 20px;">Login</a>
33
34
35 </li>
36
37
38
39 <li class="u-nav-item" th:if="${user!=null}">
40
41 <div class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base u-text-palette-1-base" style="padding: 10px 20px;" th:text="${user.getUsername}"></div>
42 </li>
43
44 <li class="u-nav-item" th:if="${user!=null && isAdmin==true}">
45
46 <a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base u-text-palette-1-base" href="/reports" style="padding: 10px 20px;">Reports</a>
47
48 </li>
49
50 <li class="u-nav-item" th:if="${user!=null}">
51
52 <a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base u-text-palette-1-base" href="/logOut" style="padding: 10px 20px;">Log out</a>
53
54 </li>
55
56 </ul>
57 </div>
58 <div class="u-custom-menu u-nav-container-collapse">
59 <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
60 <div class="u-inner-container-layout u-sidenav-overflow">
61 <div class="u-menu-close"></div>
62 <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2">
63
64
65 <li class="u-nav-item" th:if="${user==null}"><a class="u-button-style u-nav-link" href="/getLogin">Login</a></li>
66
67 <li class="u-nav-item" th:if="${user!=null}"><a class="u-button-style u-nav-link" href="/logOut">Log out</a></li>
68
69
70 </ul>
71 </div>
72 </div>
73 <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
74 </div>
75 </nav>
76 </div>
77 </div>
78
79 <div th:fragment="footer">
80 <div class="u-clearfix u-sheet u-sheet-1">
81 <p class="u-small-text u-text u-text-variant u-text-1">
82 <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="https://develop.finki.ukim.mk/projects/kvizko">Kvizko<span style="font-size: 1.125rem;">
83 <span style="font-size: 1.25rem;"></span>
84 </span>
85 </a>
86 </p>
87 <p class="u-small-text u-text u-text-variant u-text-2">© All rights reserved
88 <br>
89 </p>
90 </div>
91 </div>
92
93</body>
94</html>
Note: See TracBrowser for help on using the repository browser.