ascii-iie.github.io/head.html at main · ascii-iie/ascii-iie.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<style>
    .navbar {
        font-family: 'Times New Roman', Times, serif;
        background:#e3e0de;
        /* background: linear-gradient(45deg, #0c476c 30%, #3e81aa 60%, #e3e0de 60%, #e3e0de 71%, #f68229 71%, #f9ad72 87%); */
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    .navbar::after {
        content: '';
        /* 伪元素内容为空 */
        position: absolute;
        bottom: 0;
        /* 定位在导航栏的底部 */
        left: 0;
        width: 100%;
        /* 宽度为导航栏的整个宽度 */
        height: 6px;
        /* 颜色条的高度 */
        background: linear-gradient(45deg, #0c476c 35%, rgb(113, 179, 219) 68.7%,#ffffff 68.7%, #ffffff 69%, #e3e0de 69%, #e3e0de 76.7%,#ffffff 76.7%, #ffffff 77%, rgb(255, 81, 0) 77%, #f9ad72 90%);
        /* 颜色条的颜色 */
    }

    .nav-link {
        color: #000000;
        font-size: x-large;
    }

    .navbar-brand.h1 {
        font-size: xx-large;
        color: #000000;
    }

    /* 鼠标悬停时的文字颜色 */
    .nav-link:hover {
        color: #588dff;
    }

    #navbarLogo {
        height: 35px;
        width: auto;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 10px;
    }
</style>
<nav class="navbar fixed-top navbar-expand-lg">
    <div class="container-fluid">
        <a class="navbar-brand" href="/index.html">
            <img src="/img/ASCII_1.jpg" id="navbarLogo" alt="Logo">
        </a>
        <span class="navbar-brand mb-0 h1">ASCII Lab</span>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="/ASCII.html">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/Team.html">Team</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/News.html">News</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                        aria-expanded="false">
                        Group
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li><a class="dropdown-item" href="/LLM_Paperlist.html">Large Language Models Safety</a></li>
                        <li><a class="dropdown-item" href="/SN_Paperlist.html">Social Network Analysis, SNA</a></li>
                        <li><a class="dropdown-item" href="/NLG_Paperlist.html">Natural Language Generation, NLG</a></li>
                        <li><a class="dropdown-item" href="/NLU_Paperlist.html">Natural Language Understanding, NLU</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/Seminar_pages/Seminar_5.html">Seminar</a>
                </li>
            </ul>
        </div>
    </div>

</nav>