Initialize standard .gitignore

HikwaMehluli · HikwaMehluli · commit 083bceaa5e6a · 2026-06-13T17:47:42.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,23 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+ai
+/node_modules
+/dist
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/css/style.css b/css/style.css
@@ -1,6 +1,6 @@
 :root {
 	/* SVG Map */
-	--bg-color: #b7b9a8;
+	--bg-color: #d1d3be;
 	--color-active: #a8a965;
 	--color-hover: #5f6035;
 	--color-stroke: black;
@@ -20,6 +20,18 @@ body {
 	max-width: 1200px;
 }
 
+header {
+	a {
+		color: var(--color-black);
+		text-decoration: none;
+		transition: var(--transition);
+
+		&:hover {
+			color: var(--color-hover);
+		}
+	}
+}
+
 .map-container {
 	background-color: var(--bg-color);
 	border: 2px solid var(--color-hover);
@@ -41,15 +53,15 @@ svg {
 	/* stroke-linecap:round; */
 	/* stroke-linejoin:round; */
 	stroke-miterlimit: 5;
-	transition: all 0.5s;
-}
+	transition: var(--transition);
 
-.outline:hover {
-	cursor: pointer;
-	border: none;
-	outline: none;
-	fill: var(--color-hover);
-	stroke: var(--color-stroke);
+	&:hover {
+		cursor: pointer;
+		border: none;
+		outline: none;
+		fill: var(--color-hover);
+		stroke: var(--color-stroke);
+	}
 }
 
 
@@ -69,7 +81,6 @@ svg#harare .outline {
  	SVG Pan Zoom Styling
 *******************/
 
-/* TODO: Fix Controls overlay on maps */
 .pan-controls {
 	display: inline-flex;
 	padding: 0;
diff --git a/index.html b/index.html
@@ -12,10 +12,14 @@
 
 <body>
 
-    <h1>Zimbabwe Provincial Map</h1>
-    <p>Provinces are constituent political entities of Zimbabwe. Zimbabwe currently has ten provinces, two of which are cities with provincial status. Zimbabwe is a unitary state, and its provinces exercise only the powers that the central government chooses to delegate.</p>
-
-    <div class="map-container">
+    <header>
+        <a href="index.html">
+            <h1>Zimbabwe Provincial Map</h1>
+        </a>
+        <p>Provinces are constituent political entities of Zimbabwe. Zimbabwe currently has ten provinces, two of which are cities with provincial status. Zimbabwe is a unitary state, and its provinces exercise only the powers that the central government chooses to delegate.</p>
+    </header>
+    
+    <main class="map-container">
         <svg id="zimbabwe" class="svg" x="0px" y="0px" viewBox="0 0 3370.51 2384.25">
             <a id="link" xlink:href="matebeleland-south.html">
                 <polygon id="mat_south" data-tippy-content="Mat South" class="outline" points="1999.59,2270.65 1999.66,2270.7 2000.54,2271.09 2000.58,2271.1 
@@ -9741,7 +9745,7 @@ <h1>Zimbabwe Provincial Map</h1>
                 <div class="icon-refresh"></div>
             </span>
         </div>
-    </div>
+    </main>
 
     <script src='js/popper.min.js'></script>
     <script src='js/tippy.min.js'></script>
