revamp static content.

2026-02-10 06:45:05 +00:00 · 2023-06-09 16:42:24 -07:00
parent 4d982aa5af
commit aa393d232b
4 changed files with 65 additions and 8 deletions
--- a/static-html-directory/index.html
+++ b/static-html-directory/index.html
@@ -1,8 +1,15 @@
+<!DOCTYPE html>
 <html>
-    <head>
-        <title>Greg Test</title>
-    </head>
-<div>
-    Hello World! I was built with jenkins! This is just an extension of content at this point
-</div>
-</html>
+<head>
+  <title>Latest Commit</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div class="container">
+    <h1>Latest Commit</h1>
+    <div id="commit-info"></div>
+  </div>
+
+  <script src="script.js"></script>
+</body>
+</html>
--- a/static-html-directory/script.js
+++ b/static-html-directory/script.js
@@ -0,0 +1,24 @@
+const commitInfoElement = document.getElementById('commit-info');
+
+fetch('https://api.github.com/repos/ghndrx/docker-test-image/commits')
+  .then(response => response.json())
+  .then(data => {
+    if (data.length > 0) {
+      const latestCommit = data[0];
+      const commitMessage = latestCommit.commit.message;
+      const commitAuthor = latestCommit.commit.author.name;
+      const commitDate = new Date(latestCommit.commit.author.date).toLocaleString();
+
+      commitInfoElement.innerHTML = `
+        <p><strong>Message:</strong> ${commitMessage}</p>
+        <p><strong>Author:</strong> ${commitAuthor}</p>
+        <p><strong>Date:</strong> ${commitDate}</p>
+      `;
+    } else {
+      commitInfoElement.innerHTML = '<p>No commits found.</p>';
+    }
+  })
+  .catch(error => {
+    commitInfoElement.innerHTML = '<p>Error loading commit information.</p>';
+    console.error(error);
+  });
--- a/static-html-directory/styles.css
+++ b/static-html-directory/styles.css
@@ -0,0 +1,27 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f3f3f3;
+    margin: 0;
+    padding: 0;
+  }
+  
+  .container {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  }
+  
+  h1 {
+    text-align: center;
+  }
+  
+  #commit-info {
+    margin-top: 20px;
+    padding: 10px;
+    background-color: #f9f9f9;
+    border-radius: 5px;
+  }
+