diff --git a/.htaccess b/.htaccess
new file mode 100644
index 0000000..a0714dc
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,2 @@
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
\ No newline at end of file
diff --git a/faq.html b/faq.html
index 1245eef..6810a67 100644
--- a/faq.html
+++ b/faq.html
@@ -12,9 +12,9 @@
 <body>
   <div id="faq">
     <header>
-      <h1><a href="index.html">analog film<span>.space</span></a></h1>
+      <h1><a href="/">analog film<span>.space</span></a></h1>
       <p>a database of currently available 35mm, 110 and medium format film stocks</p>
-      <p><a href="index.html">overview</a> / <a href="faq.html" class="active">frequently asked questions</a> / <a href="guide.html">film guide</a> / <a href="random.html">random film</a></p>
+      <p><a href="/">overview</a> / <a href="/faq" class="active">frequently asked questions</a> / <a href="/guide">film guide</a> / <a href="/random">random film</a></p>
     </header>
     <main>
       <ul>
diff --git a/guide.html b/guide.html
index 3bedb24..dba469f 100644
--- a/guide.html
+++ b/guide.html
@@ -12,9 +12,9 @@
 <body>
   <div id="guide">
     <header>
-      <h1><a href="index.html">analog film<span>.space</span></a></h1>
+      <h1><a href="/">analog film<span>.space</span></a></h1>
       <p>a database of currently available 35mm, 110 and medium format film stocks</p>
-      <p><a href="index.html">overview</a> / <a href="faq.html">frequently asked questions</a> / <a href="guide.html" class="active">film guide</a> / <a href="random.html">random film</a></p>
+      <p><a href="/">overview</a> / <a href="/faq">frequently asked questions</a> / <a href="/guide" class="active">film guide</a> / <a href="/random">random film</a></p>
     </header>
     <main>
       <ul>
diff --git a/index.html b/index.html
index b4adcf2..9e1aa87 100644
--- a/index.html
+++ b/index.html
@@ -12,9 +12,9 @@
 <body>
   <div id="app">
     <header>
-      <h1><a href="index.html">analog film<span>.space</span></a></h1>
+      <h1><a href="/">analog film<span>.space</span></a></h1>
       <p>a database of currently available 35mm, 110 and medium format film stocks</p>
-      <p><a href="index.html" class="active">overview</a> / <a href="faq.html">frequently asked questions</a> / <a href="guide.html">film guide</a> / <a href="random.html">random film</a></p>
+      <p><a href="/" class="active">overview</a> / <a href="/faq">frequently asked questions</a> / <a href="/guide">film guide</a> / <a href="/random">random film</a></p>
     </header>
     <main>
       <aside>
diff --git a/random.html b/random.html
index 23a9d9a..5d4bf3a 100644
--- a/random.html
+++ b/random.html
@@ -12,9 +12,9 @@
 <body>
   <div id="random">
     <header>
-      <h1><a href="index.html">analog film<span>.space</span></a></h1>
+      <h1><a href="/">analog film<span>.space</span></a></h1>
       <p>a database of currently available 35mm, 110 and medium format film stocks</p>
-      <p><a href="index.html">overview</a> / <a href="faq.html">frequently asked questions</a> / <a href="guide.html">film guide</a> / <a href="random.html" class="active">random film</a></p>
+      <p><a href="/">overview</a> / <a href="/faq">frequently asked questions</a> / <a href="/guide">film guide</a> / <a href="/random" class="active">random film</a></p>
     </header>
     <main v-if="show">
       <ul v-cloak>
