diff --git a/website/about.html b/website/about/index.html
similarity index 93%
rename from website/about.html
rename to website/about/index.html
index 8209108..2121126 100644
--- a/website/about.html
+++ b/website/about/index.html
@@ -5,23 +5,23 @@
     <meta content="utf-8" http-equiv="encoding">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
     <title>About - Library Map</title>
-    <link rel="shortcut icon" href="logo.svg" type="image/x-icon">
-    <link rel="stylesheet" type="text/css" href="style.css">
+    <link rel="shortcut icon" href="/logo.svg" type="image/x-icon">
+    <link rel="stylesheet" type="text/css" href="/style.css">
   </head>
   <body>
     <header>
       <section id="title">
-        <a href="index.html"><img id="logo" src="logo.svg"/></a>
+        <a href="../"><img id="logo" src="/logo.svg"/></a>
         <h2>About Library Map</h2>
         <p id="beta">Beta!</p>
       </section>
     </header>
     <nav>
       <ul>
-        <li><a href="index.html">Home</a></li>
+        <li><a href="/">Home</a></li>
         <li class="active-tab">About</li>
-        <li><a href="sources.html">Acknowledgements</a></li>
-        <li><a href="contributing.html">How you can help</a></li>
+        <li><a href="/sources">Acknowledgements</a></li>
+        <li><a href="/contributing">How you can help</a></li>
         <li><a href="https://github.com/hughrun/public_library_map">Code</a></li>
       </ul>
     </nav>
diff --git a/website/contributing.html b/website/contributing/index.html
similarity index 90%
rename from website/contributing.html
rename to website/contributing/index.html
index 3d41976..3d21bfd 100644
--- a/website/contributing.html
+++ b/website/contributing/index.html
@@ -5,22 +5,22 @@
     <meta content="utf-8" http-equiv="encoding">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
     <title>Contributing - Library Map</title>
-    <link rel="shortcut icon" href="logo.svg" type="image/x-icon">
-    <link rel="stylesheet" type="text/css" href="style.css">
+    <link rel="shortcut icon" href="/logo.svg" type="image/x-icon">
+    <link rel="stylesheet" type="text/css" href="/style.css">
   </head>
   <body>
     <header>
       <section id="title">
-        <a href="index.html"><img id="logo" src="logo.svg"/></a>
+        <a href="/"><img id="logo" src="/logo.svg"/></a>
         <h2>Contributing to Library Map</h2>
         <p id="beta">Beta!</p>
       </section>
     </header>
     <nav>
       <ul>
-        <li><a href="index.html">Home</a></li>
-        <li><a href="about.html">About</a></li>
-        <li><a href="sources.html">Acknowledgements</a></li>
+        <li><a href="/">Home</a></li>
+        <li><a href="/about">About</a></li>
+        <li><a href="/sources">Acknowledgements</a></li>
         <li class="active-tab">How you can help</li>
         <li><a href="https://github.com/hughrun/public_library_map">Code</a></li>
       </ul>
diff --git a/website/index.html b/website/index.html
index 7076ca8..9848e2f 100644
--- a/website/index.html
+++ b/website/index.html
@@ -5,17 +5,17 @@
     <meta content="utf-8" http-equiv="encoding">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
     <title>Library Map</title>
-    <link rel="shortcut icon" href="logo.svg" type="image/x-icon">
+    <link rel="shortcut icon" href="/logo.svg" type="image/x-icon">
     <!-- css -->
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
     integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
     crossorigin=""/>
-    <link rel="stylesheet" type="text/css" href="style.css">
+    <link rel="stylesheet" type="text/css" href="/style.css">
   </head>
   <body>
     <header>
       <section id="title">
-        <img id="logo" src="logo.svg"/>
+        <img id="logo" src="/logo.svg"/>
         <h2>Library Map</h2>
         <p id="beta">Beta!</p>
       </section>
@@ -23,9 +23,9 @@
     <nav>
       <ul>
         <li class="active-tab">Home</li>
-        <li><a href="about.html">About</a></li>
-        <li><a href="sources.html">Acknowledgements</a></li>
-        <li><a href="contributing.html">How you can help</a></li>
+        <li><a href="/about">About</a></li>
+        <li><a href="/sources">Acknowledgements</a></li>
+        <li><a href="/contributing">How you can help</a></li>
         <li><a href="https://github.com/hughrun/public_library_map">Code</a></li>
       </ul>
     </nav>
diff --git a/website/sources.html b/website/sources/index.html
similarity index 95%
rename from website/sources.html
rename to website/sources/index.html
index b65d3fd..cb21da7 100644
--- a/website/sources.html
+++ b/website/sources/index.html
@@ -5,23 +5,23 @@
     <meta content="utf-8" http-equiv="encoding">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
     <title>About - Library Map</title>
-    <link rel="shortcut icon" href="logo.svg" type="image/x-icon">
-    <link rel="stylesheet" type="text/css" href="style.css">
+    <link rel="shortcut icon" href="/logo.svg" type="image/x-icon">
+    <link rel="stylesheet" type="text/css" href="/style.css">
   </head>
   <body>
     <header>
       <section id="title">
-        <a href="index.html"><img id="logo" src="logo.svg"/></a>
+        <a href="../"><img id="logo" src="/logo.svg"/></a>
         <h2>Sources &amp; Attributions</h2>
         <p id="beta">Beta!</p>
       </section>
     </header>
     <nav>
       <ul>
-        <li><a href="index.html">Home</a></li>
-        <li><a href="about.html">About</a></li>
+        <li><a href="/">Home</a></li>
+        <li><a href="/about">About</a></li>
         <li class="active-tab">Acknowledgements</li>
-        <li><a href="contributing.html">How you can help</a></li>
+        <li><a href="/contributing">How you can help</a></li>
         <li><a href="https://github.com/hughrun/public_library_map">Code</a></li>
       </ul>
     </nav>
