feat: add footer with links to project repository and author website

Author: nextlevelshit

src/index.html

@@ -70,6 +70,14 @@ <h2 id="lesson-title">Loading...</h2>
 							</div>
 						</div>
 
+						<footer>
+							Free and Open Source Software:
+							<a href="https://github.com/nextlevelshit/code-crispies" target="_blank"
+								>https://github.com/nextlevelshit/code-crispies</a
+							>
+							by <a href="https://dailysh.it" title="Website of Michael W. Czechowski">Michael W. Czechowski</a>
+						</footer>
+
 						<div class="controls">
 							<button id="prev-btn" class="btn">Previous</button>
 							<div class="level-indicator" id="level-indicator">Level 0/0</div>

src/main.css

@@ -96,6 +96,19 @@ code {
 	font-family: var(--font-code);
 }
 
+footer {
+	margin: 2rem auto 0;
+	display: block;
+	color: var(--light-text);
+	text-align: center;
+}
+
+footer a {
+	color: var(--primary-color);
+	text-decoration: none;
+	transition: color 0.2s ease;
+}
+
 /* ================= LAYOUT ================= */
 .app-container {
 	display: flex;