增加teacher登陆和teacher主页

Html/templates/navbar.html

@@ -36,10 +36,50 @@
             height: 40px;
             border-radius: 50%;
             border: 2px solid white;
+            cursor: pointer;
         }
-        .avatar{
+
+        .avatar {
             margin-left: 200px;
         }
+
+        /* 控制浮框 */
+        .dropdown {
+            position: relative;
+            display: inline-block;
+        }
+
+        .dropdown-content {
+            display: none;
+            position: absolute;
+            right: 0;
+            background-color: white;
+            color: black;
+            min-width: 200px;
+            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
+            border-radius: 10px;
+            z-index: 1;
+            padding: 10px;
+            font-size: 14px;
+        }
+
+        .dropdown-content a {
+            color: black;
+            text-decoration: none;
+            padding: 10px;
+            display: block;
+            transition: background-color 0.3s;
+        }
+
+        .dropdown-content a:hover {
+            background-color: #f1c40f;
+        }
+
+        /* 显示浮框 */
+        .dropdown:hover .dropdown-content {
+            display: block;
+        }
+
     </style>
     <div class="logo">
         <h1>华实君：教学练评一体的虚拟助教</h1>
@@ -49,7 +89,11 @@
         <a href="/dashboard">课程</a>
         <a href="/">成绩</a>
     </nav>
-    <div class="avatar">
+    <div class="avatar dropdown">
         <img src="/static/image/algorithm/book_cover.png" alt="个人头像" class="avatar-img">
+        <div class="dropdown-content">
+            <a href="/switch-role" id="switch-role">切换到学生/教师</a>
+            <a href="/logout" id="logout">注销</a>
+        </div>
     </div>
-</header>
+</header>