...

src/main/resources/templates/fragments/header.html

@@ -47,7 +47,9 @@
                     </ul>
                 </li>
                 <th:block sec:authorize="!isAuthenticated()">
-                    <li id="menu_login" ><a href="javascript:openLoginPopup('login')">LOGIN</a></li>
+                    <li id="menu_login">
+                        <a class="open-login-popup" to="#loginPopup">LOGIN</a>
+                    </li>
                 </th:block>
                 <th:block sec:authorize="isAuthenticated()">
                     <li>

src/main/resources/templates/fragments/includes.html

@@ -10,9 +10,11 @@
     <title>BUM'sPace</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
-    <link rel="stylesheet" href="assets/css/main.css" />
     <script async th:src="@{https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9504446465764716}"  crossorigin="anonymous"></script>
     <script type="text/javascript" th:src="@{/js/common.js}"></script>
+
+    <link th:href="@{/css/common.css}" rel="stylesheet" />
+    <link th:href="@{/css/main.css}" rel="stylesheet" />
     <meta name="_csrf" th:content="${_csrf.token}"/>
     <meta name="_csrf_parameter" th:content="${_csrf.parameterName}"/>
     <script th:inline="javascript">