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