use bootstrap navbar

This commit is contained in:
Zhi Wang 2022-01-13 17:58:41 -05:00
parent bb39d4aad7
commit ab3a924c3a
3 changed files with 19 additions and 30 deletions

View File

@ -20,8 +20,8 @@
<header>
<nav class="navbar navbar-dark bg-dark shadow-sm navbar-xs">
<div class="container-fluid">
<a class="navbar-brand" href="https://github.com/syssecfsu/witty" target="_blank">
<img src="/assets/logo.svg" style="margin-left: 2rem;margin-right: 0.5rem;" height="32"
<a class="navbar-brand mx-auto" href="https://github.com/syssecfsu/witty" target="_blank">
<img src="/assets/logo.svg" style="margin-right: 0.5rem;" height="32"
class="d-inline-block align-text-top">
WiTTY: Web-based interactive TTY
</a>

View File

@ -27,28 +27,12 @@
background-color: #ffffff20;
}
.banner {
position: absolute;
top: 0;
left: 0;
background-color: #0b0b33;
width: 100%;
}
.banner-content {
font-family: sans-serif;
font-size: 22px;
padding: 0.5rem;
color: #ffffffff;
text-align: center;
}
.navbar-xs .navbar-brand {
padding: 0px 12px;
font-size: 22px;
font-size: 20px;
}
.navbar-xs .navbar-nav>li>a {
padding-top: 0px;
padding-bottom: 0px;
}
}

View File

@ -4,10 +4,6 @@
<head>
<meta charset="UTF-8" />
<!-- <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans&display=swap" rel="stylesheet"> -->
<script src="/assets/external/xterm.js"></script>
<script src="/assets/external/xterm-addon-attach.js"></script>
<script src="/assets/external/xterm-addon-fit.js"></script>
@ -16,17 +12,26 @@
<script src="/assets/main.js"></script>
<link rel="stylesheet" href="/assets/external/xterm.css" />
<link href="/assets/external/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/main.css" />
<title>WiTTY: {{.title}}</title>
<title>{{.title}}</title>
</head>
<body>
<div class="banner">
<div class="banner-content">
WiTTY: {{.title}}
</div>
</div>
<header>
<nav class="navbar navbar-dark bg-dark shadow-sm navbar-xs">
<div class="container-fluid">
<a class="navbar-brand mx-auto" href="https://github.com/syssecfsu/witty" target="_blank">
<img src="/assets/logo.svg" style="margin-right: 0.5rem;" height="28"
class="d-inline-block align-text-top">
{{.title}}
</a>
<!-- <a class="btn btn-primary btn-sm float-end" href="/new" role="button">New Session</a> -->
</div>
</nav>
</header>
<div style="margin-top: 5em;">
<div id="terminal">