Improved CSS

ligolang · Nov 20, 2023 · ea4b65a · ea4b65a
1 parent 0ec92a2
commit ea4b65a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/style.css b/style.css
@@ -91,4 +91,18 @@ ul:last-child {
 	border: thin solid #888;
 	padding: 0 .5em;
 	border-radius: .5em;
-}
+}
+
+.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
@@ -6,15 +6,19 @@
     <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>
     <script src="directory_hashes.js"></script>
     <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>