Improve and unify styling (#46)

gardenlinux · Sep 24, 2024 · 614336f · 614336f
1 parent 502c77a
commit 614336f
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 35 deletions.
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
@@ -3,6 +3,7 @@
 <head>
     <title>GLVD (Under Construction)</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link href="style.css" rel="stylesheet" media="screen" />
 </head>
 <body>
 
@@ -28,9 +29,7 @@
 <p><a href="/getPackagesByVulnerability?gardenlinuxVersion=1592.0&cveId=CVE-2022-40303">Packages affected by CVE-2022-40303 in Garden Linux 1592.0</a> </p>
 <p><a href="/getPackagesByVulnerability?gardenlinuxVersion=1592.0&cveId=CVE-2024-8088">Packages affected by CVE-2024-8088 in Garden Linux 1592.0</a> </p>
 
-
 <p><a href="/getCveDetails?cveId=CVE-2024-45490">CVE Details for CVE-2024-45490</a> </p>
 
-
 </body>
 </html>
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
@@ -0,0 +1,18 @@
+body, html {
+    font-family: Sans-Serif;
+}
+
+table {
+    table-layout: fixed;
+    width: 100%;
+}
+
+td {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+table tr:nth-child(odd) td{
+    background-color: #CCCCCC;
+}
diff --git a/src/main/resources/templates/getCveDetails.html b/src/main/resources/templates/getCveDetails.html
@@ -3,27 +3,17 @@
 <head>
     <title>GLVD: CVE Details</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <style>
-        table {
-          table-layout: fixed;
-          width: 100%;
-        }
-
-        td {
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-    </style>
+    <link href="style.css" rel="stylesheet" media="screen" />
 </head>
 <body>
 
-<p th:text="|Details for ${cveDetails.cveId}|" />
+<h1 th:text="|Details for ${cveDetails.cveId}|" />
 
-<a th:href="@{https://nvd.nist.gov/vuln/detail/} + ${cveDetails.cveId}">NIST NATIONAL VULNERABILITY DATABASE</a>
+<a th:href="@{https://nvd.nist.gov/vuln/detail/} + ${cveDetails.cveId}">NIST National Vulnerability Database Entry</a>
 
-<p th:text="|Description: ${cveDetails.description}|" />
+<blockquote>
+    <p th:text="|Description: ${cveDetails.description}|" />
+</blockquote>
 
 <p th:text="|Vulnerability Status: ${cveDetails.vulnStatus}|" />
 

diff --git a/src/main/resources/templates/getCveForDistribution.html b/src/main/resources/templates/getCveForDistribution.html
@@ -3,22 +3,10 @@
 <head>
     <title>GLVD: List vulnerabilities in distro</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <style>
-        table {
-          table-layout: fixed;
-          width: 100%;
-        }
-
-        td {
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-    </style>
+    <link href="style.css" rel="stylesheet" media="screen" />
 </head>
 <body>
-<p th:text="|Vulnerabilities list for Garden Linux ${gardenlinuxVersion}|" />
+<h1 th:text="|Vulnerabilities list for Garden Linux ${gardenlinuxVersion}|" />
 
 <table>
     <thead>

diff --git a/src/main/resources/templates/getCveForPackages.html b/src/main/resources/templates/getCveForPackages.html
@@ -3,9 +3,10 @@
 <head>
     <title>GLVD: List vulnerabilities in distro</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link href="style.css" rel="stylesheet" media="screen" />
 </head>
 <body>
-<p th:text="|Vulnerabilities list for Garden Linux ${gardenlinuxVersion} in packages ${packages}|" />
+<h1 th:text="|Vulnerabilities list for Garden Linux ${gardenlinuxVersion} in packages ${packages}|" />
 
 <table>
     <thead>

diff --git a/src/main/resources/templates/getPackagesByVulnerability.html b/src/main/resources/templates/getPackagesByVulnerability.html
@@ -3,9 +3,10 @@
 <head>
     <title>GLVD: List vulnerabilities in distro</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <link href="style.css" rel="stylesheet" media="screen" />
 </head>
 <body>
-<p th:text="|Packages affected by ${cveId} in Garden Linux ${gardenlinuxVersion}|"/>
+<h1 th:text="|Packages affected by ${cveId} in Garden Linux ${gardenlinuxVersion}|"/>
 
 <table>
     <thead>

diff --git a/src/main/resources/templates/getPackagesForDistro.html b/src/main/resources/templates/getPackagesForDistro.html
@@ -3,9 +3,10 @@
 <head>
     <title>GLVD: List packages in distro</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link href="style.css" rel="stylesheet" media="screen" />
 </head>
 <body>
-<p th:text="|Package list for Garden Linux ${gardenlinuxVersion}|" />
+<h1 th:text="|Package list for Garden Linux ${gardenlinuxVersion}|" />
 
 <table>
     <thead>