Add status to header, status styling

This commit is contained in:
Carl Pearson
2024-10-17 05:58:20 -06:00
parent 46e6405e76
commit 4087212daa
3 changed files with 19 additions and 9 deletions

7
static/style/status.css Normal file
View File

@@ -0,0 +1,7 @@
.status-container {
margin: 0.5rem;
}
.status-container .raw {
font-family: 'Courier New', Courier, monospace;
}

View File

@@ -5,6 +5,7 @@
<ul class="nav-links"> <ul class="nav-links">
<li><a href="/videos">Videos</a></li> <li><a href="/videos">Videos</a></li>
<li><a href="/download">Download</a></li> <li><a href="/download">Download</a></li>
<li><a href="/status">Status</a></li>
<li><a href="/logout">Logout</a></li> <li><a href="/logout">Logout</a></li>
</ul> </ul>
</nav> </nav>

View File

@@ -15,18 +15,20 @@
<body> <body>
{{template "header" .}} {{template "header" .}}
<h1>Status</h1> <h1>Status</h1>
<div class="ytdlp"> <div class="status-container">
<div class="ytdlp card">
<h2>yt-dlp</h2> <h2>yt-dlp</h2>
<div class="raw"> <div class="raw">
{{.ytdlp}} {{.ytdlp}}
</div> </div>
</div> </div>
<div class="ffmpeg"> <div class="ffmpeg card">
<h2>ffmpeg</h2> <h2>ffmpeg</h2>
<div class="raw"> <div class="raw">
{{.ffmpeg}} {{.ffmpeg}}
</div> </div>
</div> </div>
</div>
{{template "footer" .}} {{template "footer" .}}
</body> </body>