From 7ee42c4dfb2eb5ed2a57f030b4e285f2273ab1ad Mon Sep 17 00:00:00 2001
From: Russell Bryant <rbryant@redhat.com>
Date: Sat, 16 Mar 2024 21:12:59 -0400
Subject: [PATCH] generate: Add style to the generated HTML

Make the index page look a little nicer.

Signed-off-by: Russell Bryant <rbryant@redhat.com>
---
 worker/cmd/generate.go | 55 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
diff --git a/worker/cmd/generate.go b/worker/cmd/generate.go
index ee84f075..ddb1b404 100644
--- a/worker/cmd/generate.go
+++ b/worker/cmd/generate.go
@@ -323,6 +323,61 @@ func generateIndexHTML(indexFile *os.File, prNumber string, presignedFiles []map
 <html>
 <head>
     <title>Generated Data for {{ .Name }}</title>
+    <style>
+        :root {
+            --primary-color: #007bff;
+            --hover-color: #0056b3;
+            --text-color: #333;
+            --background-color: #f8f9fa;
+            --link-color: #0066cc;
+            --link-hover-color: #0044cc;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: var(--background-color);
+            margin: 0;
+            padding: 20px;
+            color: var(--text-color);
+        }
+
+        h1 {
+            color: var(--primary-color);
+            text-align: center;
+            margin-bottom: 2rem;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+            max-width: 600px;
+            margin: auto;
+        }
+
+        li {
+            background-color: #fff;
+            margin-bottom: 10px;
+            padding: 10px;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            transition: transform 0.2s ease-in-out;
+        }
+
+        li:hover {
+            transform: translateY(-3px);
+        }
+
+        a {
+            color: var(--link-color);
+            text-decoration: none;
+            font-weight: 500;
+        }
+
+        a:hover {
+            color: var(--link-hover-color);
+            text-decoration: underline;
+        }
+    </style>
 </head>
 <body>
     <h1>Generated Data for {{ .Name }}</h1>
