Link to home from title/logo

Dockerfile

@@ -22,6 +22,9 @@ FROM nginx:alpine
 # Copy the build files from the previous stage
 COPY --from=build /app/build /usr/share/nginx/html
 
+# Use custom nginx config so client-side routes (e.g. /contact, /about) fall back to index.html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
 # Expose port 80
 EXPOSE 80
 

content/about/index.md

@@ -1,7 +1,7 @@
 ---
 template: default
 title: About Me
-profileImage: https://gallery.whitney.rip/api/v1/t/287329d8835b299400819437c9c2a2d192041159/2tdm690t/fit_4096
+profileImage: https://images.whitney.rip/api/assets/8b48f2d9-0b0e-406a-8c2c-ac52028bd7ea/thumbnail?key=V0eeUQJ2ANCliDVvB6ui6s0dB1ds3GZZdcP8qIYUMRCDZgZlBnCCA0AuzemtH6Fe27M&size=preview&c=YwgKDQLKZ2%2BGh3mId4aWhxaAaFCX
 ---
 
 I'm Jake, an amateur photographer from the Bay Area. I took my first photos as a kid using my dad's old Canon EOS 60D, and since have graduated to owning my own gear. Having an artistic outlet has always been important for me, and photography has been a fun way to remember and relive fun moments from my life.

nginx.conf

@@ -0,0 +1,10 @@
+server {
+    listen 80;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}

src/components/Navbar.css

@@ -48,7 +48,10 @@
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
-    pointer-events: none;
+}
+
+.navbar-center a {
+    text-decoration: none;
 }
 
 .navbar-center h1 {
@@ -63,7 +66,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: calc(100vw - 160px);
-    pointer-events: auto;
 }
 
 .navbar-right {

src/components/Navbar.js

@@ -56,7 +56,7 @@ const Navbar = () => {
             </div>
 
             <div className="navbar-center">
-                <h1>{siteTitle}</h1>
+                <Link to="/"><h1>{siteTitle}</h1></Link>
             </div>
 
             <div className="navbar-right">