flesh out frontend

This commit is contained in:
2025-01-11 03:14:02 -05:00
parent 0abf129fcc
commit f02676ba2e
9 changed files with 870 additions and 8 deletions

24
views/build.ejs Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<%- include("head", locals) %>
</head>
<body class="preload">
<%- include("navigation", locals) %>
<div class="content">
<h1>Start a build</h1>
<form action="/build" method="post" class="grid-2col">
<label for="repoTxt">Repo</label> <input type="text" name="repo" id="repoTxt" required />
<label for="commitTxt">Commit</label> <input type="text" name="commit" id="commitTxt" />
<label for="distroTxt">Distro</label>
<select name="distro" id="distroTxt" required>
<option value="arch">Arch</option>
<option value="artix">Artix</option>
</select>
<div class="span-2"><button type="submit">Build</button></div>
</form>
</div>
</body>
</html>

22
views/head.ejs Normal file
View File

@@ -0,0 +1,22 @@
<title><%= page.title %> | <%= page.titlesuffix %></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="og:title" content="<%= page.title%> | <%= page.titlesuffix%>" />
<% if (page.description) { %>
<meta name="description" content="<%= page.description%>" />
<meta name="og:description" content="<%= page.description%>" />
<% } %>
<% if (page.image) { %>
<meta name="og:image" content="<%= page.image%>"/>
<link rel="image_src" href="<%= page.image%>"/>
<% } %>
<% if (page.canonical) { %>
<link rel="canonical" href="<%= page.canonical%>"/>
<% } %>
<link rel="shortcut icon" href="/assets/svg/archy.svg">
<link rel="stylesheet" href="/assets/css/styles.css?v1">
<script nonce="<%= cspNonce %>">
document.addEventListener("DOMContentLoaded", function() {
document.body.classList.remove('preload');
});
</script>

23
views/index.ejs Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<%- include("head", locals) %>
</head>
<body class="preload">
<%- include("navigation", locals) %>
<div class="content">
<h1>Build history</h1>
<table>
<tr>
<th>Repo</th>
<th>Distro</th>
<th>Date Started</th>
<th>Build Duration</th>
<th>Build Status</th>
</tr>
</table>
</div>
</body>
</html>

19
views/navigation.ejs Normal file
View File

@@ -0,0 +1,19 @@
<div class="sidebar">
<div class="sidebar_logo">
<a href="/"><img src="/assets/svg/archy.svg" alt="Archery icon" /></a>
</div>
<div class="sidebar_search">
<form action="/search" method="get">
<input type="text" name="q" placeholder="Search..." />
</form>
</div>
<nav>
<ul class="sidebar_links">
<li><a href="/build">New Build</a></li>
<li><a href="/">All Builds</a></li>
<li><a href="/?status=failed">Failed Builds</a></li>
<li><a href="/?distro=arch">Arch Builds</a></li>
<li><a href="/?distro=artix">Artix Builds</a></li>
</ul>
</nav>
</div>