diff --git a/style.css b/style.css
index d3bcbfd..c3d2a4f 100644
--- a/style.css
+++ b/style.css
@@ -91,4 +91,18 @@ ul:last-child {
 	border: thin solid #888;
 	padding: 0 .5em;
 	border-radius: .5em;
-}
\ No newline at end of file
+}
+
+.ipfs-permalink {
+  color: #555;
+  font-style: italic;
+  font-size: 80%;
+  text-align: right;
+}
+.ipfs-permalink a {
+  color: #555;
+  font-style: italic;
+}
+.ipfs-permalink a:hover, .ipfs-permalink a:active {
+  color: black;
+}
diff --git a/template.html b/template.html
index a2c5343..5f8fe81 100644
--- a/template.html
+++ b/template.html
@@ -6,7 +6,7 @@
     <link type="text/css" rel="stylesheet" href="style.css" />
   </head>
   <body>
-    <p id="ipfs-link"></p>
+    <p class="ipfs-permalink" id="ipfs-permalink"><a href="#">Permalink: ipfs://… (computing, please wait)</a></p>
     <div class="markdown-content-placeholder"></div>
     <script src="sha256.js"></script>
     <script src="micro_ipfs.js"></script>
@@ -14,7 +14,11 @@
     <script>
       (function() {
         var hash = ipfs_self_hash.get_link();
-        document.getElementById('ipfs-link').innerHTML = '<a href="ipfs://' + hash + '/placeholder-filepath">Permalink: ipfs://'+hash.substring(0,4)+'…'+hash.substring(53)+'/placeholder-filepath</a>';
+        var filepath = 'placeholder-filepath';
+        if (filepath == 'index.html') {
+          filepath = '';
+        }
+        document.getElementById('ipfs-permalink').innerHTML = '<a href="ipfs://' + hash + '/placeholder-filepath">Permalink: ipfs://'+hash.substring(0,4)+'…'+hash.substring(53)+'/'+filepath+'</a>';
       })();
     </script>
   </body>
