GitHub/witty
3
0
Fork 0
mirror of https://github.com/syssecfsu/witty.git synced 2025-05-03 13:17:33 +02:00
Code Issues Projects Releases Wiki Activity

use bootstrap navbar

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/index.html
View File

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

18
assets/main.css
View File

@ -27,25 +27,9 @@
background-color: #ffffff20; 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 { .navbar-xs .navbar-brand {
padding: 0px 12px; padding: 0px 12px;
font-size: 22px; font-size: 20px;
} }
.navbar-xs .navbar-nav>li>a { .navbar-xs .navbar-nav>li>a {

25
assets/term.html
View File

@ -4,10 +4,6 @@
<head> <head>
<meta charset="UTF-8" /> <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.js"></script>
<script src="/assets/external/xterm-addon-attach.js"></script> <script src="/assets/external/xterm-addon-attach.js"></script>
<script src="/assets/external/xterm-addon-fit.js"></script> <script src="/assets/external/xterm-addon-fit.js"></script>
@ -16,17 +12,26 @@
<script src="/assets/main.js"></script> <script src="/assets/main.js"></script>
<link rel="stylesheet" href="/assets/external/xterm.css" /> <link rel="stylesheet" href="/assets/external/xterm.css" />
<link href="/assets/external/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/main.css" /> <link rel="stylesheet" href="/assets/main.css" />
<title>WiTTY: {{.title}}</title> <title>{{.title}}</title>
</head> </head>
<body> <body>
<div class="banner"> <header>
<div class="banner-content"> <nav class="navbar navbar-dark bg-dark shadow-sm navbar-xs">
WiTTY: {{.title}} <div class="container-fluid">
</div> <a class="navbar-brand mx-auto" href="https://github.com/syssecfsu/witty" target="_blank">
</div> <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 style="margin-top: 5em;">
<div id="terminal"> <div id="terminal">