From ce36cfde923614461a34c115c9e2543d232c1271 Mon Sep 17 00:00:00 2001
From: Chemene-KIC <Chemene@knights-isc.co.za>
Date: Fri, 25 Apr 2025 23:18:37 +0200
Subject: [PATCH 1/3] Enhance website: update content,styling, and script

---
 index.html |  7 +++++--
 main.js    |  5 +++++
 styles.css | 18 ++++++++++++++++--
 3 files changed, 26 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index ecc42bb..5aee0a9 100644
--- a/index.html
+++ b/index.html
@@ -8,8 +8,10 @@
 </head>
 <body>
 	<!-- Head and subhead -->
-	<h1>Programming and Data for Policymakers [DPI-691M]</h1>
-	<h2>Welcome to shopping days!</h2>
+	<h1>Welcome to My Enhanced Website</h1>
+	<h2>This Website is being enhanced with new features</h2>
+
+	<button id ="myButton">Click Me!</button>
 
 	<!-- Image -->
 	<img src="https://www.hks.harvard.edu/sites/default/files/images/paragraph_footer/harvard-kennedy-school-logo_1.png"/>
@@ -17,6 +19,7 @@ <h2>Welcome to shopping days!</h2>
 	<!-- Paragraphs of text -->
 	<p>You should take this course whether or not you plan to code for a living.</p>
 	<p>It will help you:</p>
+	<p>The new generation is technology so taking this course is very benefical!</p>
 
 	<!-- Unordered List (bullet points) -->
 	<ul>
diff --git a/main.js b/main.js
index 08b97df..27378bc 100644
--- a/main.js
+++ b/main.js
@@ -8,3 +8,8 @@ var logo = document.querySelector('img');
 
 // Assign the function to the onclick event on that element
 logo.onclick = sayOuch;
+
+console.log('Website enhancement script loaded!');
+document.getElementById('myButton').addEventListener('click', function() {
+	alert('Button clicked!');
+});
diff --git a/styles.css b/styles.css
index f9b06e2..b8762c1 100644
--- a/styles.css
+++ b/styles.css
@@ -1,12 +1,13 @@
 /* Set background */
 html {
-  background-color: maroon;
+  background-color: beige;
+  font-family: 'Courier New', Courier, monospace;
 }
 
 /* styles for the body of the site */
 body {
   width: 60%;
-  background-color: orange;
+  background-color: lightblue;
   border: 5px solid black;
   padding: 0 20px 20px 20px;
   margin-top: 25px;
@@ -37,3 +38,16 @@ img {
   height: auto;
 
 }
+
+#myButton {
+  background-color: rgb(14, 92, 160); /* Green */
+  border: none;
+  color: black;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+}
\ No newline at end of file

From dcb6553d7e7a683ecd999d1784529e2c58a162ae Mon Sep 17 00:00:00 2001
From: Chemene-KIC <Chemene@knights-isc.co.za>
Date: Sat, 26 Apr 2025 09:32:50 +0200
Subject: [PATCH 2/3] Improved readability: Add meta description.

---
 index.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 5aee0a9..37a639e 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,13 @@
 <!DOCTYPE html>
 <html>
 <head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="description" content="A simple HTML page with JavaScript functionality.">
+	<meta name="keywords" content="HTML, CSS, JavaScript, web development">
 	<!-- Text that appears in the browser tab -->
-	<title>DPI-691M</title>
+	<title>Simple Website Example</title>
+	<meta name="description" content="A basic example website for Git practice">
 	<!-- Link stylesheet -->
 	<link rel="stylesheet" type="text/css" href="styles.css">
 </head>

From e10c81ec03bd82c6e6b9100731a34e6663c75035 Mon Sep 17 00:00:00 2001
From: Chemene-KIC <Chemene@knights-isc.co.za>
Date: Sat, 26 Apr 2025 09:37:24 +0200
Subject: [PATCH 3/3] Update styles.css

---
 styles.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index b8762c1..12d3fe3 100644
--- a/styles.css
+++ b/styles.css
@@ -34,7 +34,7 @@ p {
 img {
   margin-left: auto;
   margin-right: auto;
-  max-width: 100%;
+  max-width: 50%;
   height: auto;
 
 }
@@ -50,4 +50,4 @@ img {
   font-size: 16px;
   margin: 4px 2px;
   cursor: pointer;
-}
\ No newline at end of file
+}
