...

2025-03-11 17:44:21 +09:00
parent 540c700c89
commit 1c4e6e3a36
52 changed files with 17852 additions and 82 deletions
@@ -1,35 +1,41 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
 <th:block th:fragment="header">
-    <header>
+    <div id="header">

-        <div id="top">
-            <td><h3><a aria-label="goToMain" style="color: white" href="javascript:mainPath()" title="goToMain">HOME</a></h3></td>
-        </div>
-        <th:block th:if="${PERMISSION != 'OK'}">
-            <script th:inline="javascript">
-                document.addEventListener("DOMContentLoaded", addListen);
-                function tryLogin() {if(document.getElementById("user_id").value.length > 0 && document.getElementById("user_pw").value.length > 0) {onclickLogin(null,null)}}
-                function addListen(){document.getElementById("user_id").addEventListener("keyup", ({key}) => {if (key === "Enter")tryLogin()});document.getElementById("user_pw").addEventListener("keyup", ({key}) => {if (key === "Enter")tryLogin()})}
-            </script>
-            <div class="user_info" >
-                <input th:class="login_input" placeholder="ID" enterkeyhint="next" id="user_id" type="text" class="text">
-                <input th:class="login_input" id="user_pw"  placeholder="PW" enterkeyhint="send" type="password" class="text">
-            </div>
-        </th:block>
-        <th:block th:if="${PERMISSION == 'OK'}">
-            <div></div>
-                <td><h3><a aria-label="create New Post" style="color: white" href="javascript:gotoWrite()" title="create New Post">create New Post</a></h3></td>
-                <td><h3><a aria-label="where's Bum" style="color: white" href="javascript:gotoWhere()" title="where's Bum">where's Bum</a></h3></td>
-                <td><h3><a aria-label="modify & open Post" style="color: white" href="javascript:gotoModify()" title="modify & open Post">modify & open Post</a></h3></td>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div class="hello_to_user" >
-                <a aria-label="logout"   href="javascript:logout()" title="logout" class="hello_to_user_txt"  >what's up~!</a><br/>
-                <a aria-label="logout" href="javascript:logout()" title="logout" class="hello_to_user_txt"  >[[${user_id}]]</a>
-            </div>
-        </th:block>
-    </header>
+        <!-- Logo -->
+        <h1><a href="index.html" id="logo">BUM ' <em>sPace</em></a></h1>
+
+        <!-- Nav -->
+        <nav id="nav">
+            <ul>
+                <li class="current"><a href="index.html">Home</a></li>
+                <li>
+                    <a href="#">Dropdown</a>
+                    <ul>
+                        <li><a href="#">Lorem dolor</a></li>
+                        <li><a href="#">Magna phasellus</a></li>
+                        <li><a href="#">Etiam sed tempus</a></li>
+                        <li>
+                            <a href="#">Submenu</a>
+                            <ul>
+                                <li><a href="#">Lorem dolor</a></li>
+                                <li><a href="#">Phasellus magna</a></li>
+                                <li><a href="#">Magna phasellus</a></li>
+                                <li><a href="#">Etiam nisl</a></li>
+                                <li><a href="#">Veroeros feugiat</a></li>
+                            </ul>
+                        </li>
+                        <li><a href="#">Veroeros feugiat</a></li>
+                    </ul>
+                </li>
+                <li><a href="left-sidebar">Left Sidebar</a></li>
+                <li><a href="right-sidebar">Right Sidebar</a></li>
+                <li><a href="two-sidebar">Two Sidebar</a></li>
+                <li><a href="no-sidebar">No Sidebar</a></li>
+            </ul>
+        </nav>
+
+    </div>
 </th:block>
 </html>