Move portfolio case studies to data-driven template system and archive old individual files

includes/footer.php

@@ -1,7 +1,47 @@
-    <footer class="footer">
-        <span>© <?php echo date('Y'); ?> Ovidiu Ungureanu</span>
-        <span>Built with PHP, no JS frameworks were harmed.</span>
-    </footer>
+<footer class="footer">
+	<div class="footer-grid">
 
+		<div>
+			<h4 class="footer-heading">Studio</h4>
+			<address class="footer-address">
+				Peterborough, UK<br>
+				<a href="mailto:hello@uovidiu.com">hello@uovidiu.com</a>
+			</address>
+		</div>
+
+		<div>
+			<h4 class="footer-heading">Navigate</h4>
+			<ul class="footer-links">
+				<li><a href="/#about">About</a></li>
+				<li><a href="/#services">Services</a></li>
+				<li><a href="/portfolio">Portfolio</a></li>
+				<li><a href="/#contact">Contact</a></li>
+			</ul>
+		</div>
+
+<!--		<div>-->
+<!--			<div class="footer-cta">-->
+<!--				<label for="footer-email">Start a project</label>-->
+<!--				<div class="footer-input-row">-->
+<!--					<input type="email" id="footer-email" placeholder="Your email" autocomplete="email">-->
+<!--					<button type="button">Send</button>-->
+<!--				</div>-->
+<!--			</div>-->
+<!--		</div>-->
+
+	</div>
+
+	<div class="footer-bottom">
+		<span class="footer-ghost">U. ovidiu</span>
+		<span class="footer-legal">© <?php echo date('Y'); ?> Ovidiu Ungureanu</span>
+	</div>
+</footer>
+
+<script>
+	const nav = document.querySelector('.nav');
+	window.addEventListener('scroll', () => {
+		nav.classList.toggle('nav--scrolled', window.scrollY > 50);
+	}, { passive: true });
+</script>
 </body>
 </html>