html required for page generation

author: Vosjedev <vosje@vosjedev.net> 2025-11-02 13:55:39 +0100
committer: Vosjedev <vosje@vosjedev.net> 2025-11-02 13:55:39 +0100
commit: 29989aface3276d36851c8601ea599ffbeaac471 (patch)
tree: 1058b1f3b91eae830dc74e6c738ab5211d46ff72 /html
parent: 1811c509ce5728a6cfe0cf7358b5851e16e7bd0f (diff)
download: acit-29989aface3276d36851c8601ea599ffbeaac471.tar.gz
acit-29989aface3276d36851c8601ea599ffbeaac471.tar.bz2
acit-29989aface3276d36851c8601ea599ffbeaac471.tar.xz
3 files changed, 242 insertions, 9 deletions
diff --git a/html/mailpage.html b/html/mailpage.html
index 0314892..8bcbc56 100644
--- a/html/mailpage.html
+++ b/html/mailpage.html
@@ -1,23 +1,33 @@
-<!DOCTYPE>
 <!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<title></title>
+		<title>{subject} - {project} bug tracker</title>
 		<link href="/style" rel="stylesheet">
 	</head>
 	<body>
-		<div class="path">
-			<a href="/{project}/">{project}</a>/<a href="/{project}/{bug}">{bug}</a>/{pagenr}
+		<div class="formattedheader">
+			<span class="left">
+				<a href="/{project}/">{project}</a>/<a href="/{project}/{bug}">{bug}</a>/{pagenr}
+				{jumptos}
+			</span>
+			<span class="right">
+				bugtype: {bugtype} | status: <span id="status" class="status-{status}">{status}</span>
+			</span>
 		</div>
 		<h2 class="subject">
-			{subject}
+			<span class="bugnr">#{bug}</span> {subject}
 		</h2>
 
 		<article class="main">
+			<p>
+			<a href="mailto:{emailaddr}">Click to comment via email</a> or <a href="mailto:{subscribe}">subscribe</a>
+			</p>
+			<p class="center-text">{pageswitcher}</p>
 			{content}
 		</article>
+		<p class="center-text">{pageswitcher}</p>
 
 	</body>
 </html>
diff --git a/html/projectpage.html b/html/projectpage.html
new file mode 100644
index 0000000..f41cb61
--- /dev/null
+++ b/html/projectpage.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>{project} bug tracker</title>
+		<link href="/style" rel="stylesheet">
+	</head>
+	<body>
+		<div class="formattedheader">
+			<span class="left">
+				<a href="/{project}/">{project}</a>
+			</span>
+		</div>
+		<h2 class="trackerpage-header">
+			{project}
+		</h2>
+
+		<article class="usage">
+			Welcome to the {project} bug tracker! To submit an issue,
+			<a href="mailto:{emailaddr}">send an email containing your bug to {emailaddr}</a>.<br>
+			To submit a patch, send your email using <code><a href="https://git-send-email.io">git send-email</a></code>.<br>
+			Or <a href="mailto:{emailaddr}?subject=%5BDISCUSSION%5D%20%3Creplace%20me%3E">start a discussion</a>.<br>
+			Also, if you want to receive emails for new items, <a href="mailto:{emailaddr}?subject=SUBSCRIBE">subscribe!</a>.
+		</article>
+
+		<div class="projectpage">
+
+			<div id="left">
+				<section id="readme">
+					{readme}
+				</section>
+
+				<section id="stats">
+					<h3>Tracker stats:</h3>
+					<table>
+						<tr>
+							<td>Mail today:</td><td>{mailtoday}</td>
+						</tr>
+						<tr>
+							<td>Total mail:</td><td>{mailtotal}</td>
+						</tr>
+						<tr>
+							<td>Bugs:</td><td>{bugstotal}</td>
+						</tr>
+						<tr>
+							<td>| open:</td><td>{bugsopen}</td>
+						</tr>
+						<tr>
+							<td>| closed:</td><td>{bugsclosed}</td>
+						</tr>
+						<tr>
+							<td>Patches:</td><td>{patchestotal}</td>
+						</tr>
+						<tr>
+							<td>| open:</td><td>{patchesopen}</td>
+						</tr>
+						<tr>
+							<td>| closed:</td><td>{patchesclosed}</td>
+						</tr>
+						<tr>
+							<td>| rejected:</td><td>{patchesrejected}</td>
+						</tr>
+					</table>					
+				</section>
+
+			</div>
+
+			<div id="right">
+				<table>
+					<tr> <th>#</th> <th>Subject</th> <th>Status</th> <th>Type</th></tr>
+					{maillist}
+				</table>
+			</div>
+
+		</div>
+
+	</body>
+</html>
diff --git a/html/style.css b/html/style.css
index 462f750..3488621 100644
--- a/html/style.css
+++ b/html/style.css
@@ -1,21 +1,165 @@
 
 :root {
-	--primary-background: #fcfcfc;
-	--secondary-background: #eee;
-	--tertiary-background: #acacac;
+	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+	font-size: 1.0em;
+
+	--colour: #000000;
+	--primary-background: #fafafa;
+	--secondary-background: #dadada;
+	--tertiary-background: #bbbbbb;
+
+	--background-inverted: #101010;
+	--colour-inverted: #cacaca;
+
+	--link-colour: #3344dd;
+	--link-colour-secondary: #202FBC; /* link colours for on secondary bg */
+
+	--accent: #ff8100;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--colour: #fafafa;
+		--primary-background: #202020;
+		--secondary-background: #404040;
+		--tertiary-background: #5f5f5f;
+
+		--link-colour: #2491FF;
+		--link-colour-secondary: #61B0FF;
+	}
 }
 
+:root {
+	background-color: var(--primary-background);
+	color: var(--colour);
+}
 
-.path {
+a, a:visited {
+	color: var(--link-colour);
+}
+
+h1, h2 {
+	color: var(--accent);
+	margin-left: 1em;
+}
+
+.formattedheader {
 	background-color: var(--tertiary-background);
+	padding-left: 10px;
+	padding-right: 10px;
+	font-family: monospace;
+	font-size: 1.2em;
+	padding: 2px;
+	.right {
+		float: right;
+	}
+
+	position: sticky;
+	top: 0;
+
+	--link-colour: var(--link-colour-secondary);
+}
+
+.status-OPEN {
+	background-color: #00ff00;
+}
+.status-CLOSED {
+	background-color: #303030;
+}
+.status-UNCONF {
+	background-color: #ff8100;
+}
+.status-REJECT {
+	background-color: #ff0000;
+}
+.status-UPSTRM {
+	background-color: #ac00fd;
 }
 
 .email {
 	font-family: monospace;
 	font-size: 1em;
 	background-color: var(--secondary-background);
+	--link-colour: var(--link-colour-secondary);
 	padding: 1px;
 	padding-left: 2em;
 	padding-right: 2em;
 }
+.emailheader {
+	margin-top: 15px;
+	border-top: 2px solid var(--tertiary-background);
+	padding-top: 5px;
+}
+
+.bugdesc {
+	padding: 5px;
+	border: 2px solid var(--accent);
+}
+
+.bugnr {
+	color: var(--accent);
+}
+
+.usage {
+	padding: 1em;
+	background-color: var(--secondary-background);
+	--link-colour: var(--link-colour-secondary);
+}
+
+.projectpage {
+	#left, #right {
+		float: left;
+		display: inline;
+		margin: 1.5%;
+	}
+	#left {
+		width: 27%;
+
+		#readme, #stats {
+			padding: 2em;
+			background-color: var(--secondary-background);
+			--link-colour: var(--link-colour-secondary);
+			margin-bottom: 5em;
+		}
+		#stats {
+			padding-top: 5px;
+			table tr { 
+				border-bottom: 3px solid var(--accent);
+				td {
+					padding-right: 1em;
+				}
+			}
+		}
+
+	}
+	#right {
+		width: 67%;
+		table {
+			width: 100%;
+			font-family: monospace;
+			font-size: 1.3em;
+			tr th {
+				color: var(--accent);
+			}
+			tr #id {
+				min-width: 3em;
+			}
+			tr #subject {
+				width: 100%;
+				a {
+					display: inline-block;
+					width: 100%;
+				}
+			}
+			tr #status, tr #type {
+				min-width: 6em;
+			}
+		}
+	}
+}
+
+.center-text {
+	text-align: center;
+}
+
author	Vosjedev <vosje@vosjedev.net>	2025-11-02 13:55:39 +0100
committer	Vosjedev <vosje@vosjedev.net>	2025-11-02 13:55:39 +0100
commit	29989aface3276d36851c8601ea599ffbeaac471 (patch)
tree	1058b1f3b91eae830dc74e6c738ab5211d46ff72 /html
parent	1811c509ce5728a6cfe0cf7358b5851e16e7bd0f (diff)
download	acit-29989aface3276d36851c8601ea599ffbeaac471.tar.gz acit-29989aface3276d36851c8601ea599ffbeaac471.tar.bz2 acit-29989aface3276d36851c8601ea599ffbeaac471.tar.xz