feature[gateway]: using btfs dir-index.html (#321)

Co-authored-by: Shannon Han <shannon.han@tron.network>
bittorrent · Jun 2, 2023 · 72d7c6c · 72d7c6c
1 parent 8fcf9a0
commit 72d7c6c
Show file tree

Hide file tree

Showing 5 changed files with 462 additions and 61 deletions.
diff --git a/core/corehttp/gateway/assets/dag-index.html b/core/corehttp/gateway/assets/dag-index.html
diff --git a/core/corehttp/gateway/assets/directory-index.html b/core/corehttp/gateway/assets/directory-index.html
diff --git a/core/corehttp/gateway/assets/src/directory-index.html b/core/corehttp/gateway/assets/src/directory-index.html
@@ -1,37 +1,37 @@
 <!DOCTYPE html>
 {{ $root := . }}
-<html lang="en">
+<html>
 <head>
 <meta charset="utf-8" />
-<meta name="description" content="A directory of content-addressed files hosted on IPFS">
-<meta property="og:title" content="Files on IPFS">
+<meta name="description" content="A directory of files hosted on the distributed, decentralized web using BTFS">
+<meta property="og:title" content="Files on BTFS">
 <meta property="og:description" content="{{ .Path }}">
 <meta property="og:type" content="website">
-<meta property="og:image" content="https://gateway.ipfs.io/ipfs/QmSDeYAe9mga6NdTozAZuyGL3Q1XjsLtvX28XFxJH8oPjq">
+<meta property="og:image" content="https://gateway.btfs.io/btfs/QmY6Duh8AjJEWM6obb5SA7msCxdTnNz6buoLHGQNvLqywm">
 <meta name="twitter:title" content="{{ .Path }}">
-<meta name="twitter:description" content="A directory of files hosted on the distributed, decentralized web using IPFS">
+<meta name="twitter:description" content="A directory of files hosted on the distributed, decentralized web using BTFS">
 <meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:image" content="https://gateway.ipfs.io/ipfs/QmSDeYAe9mga6NdTozAZuyGL3Q1XjsLtvX28XFxJH8oPjq">
-<meta name="twitter:creator" content="@ipfs">
-<meta name="twitter:site" content="@ipfs">
-<meta name="image" content="https://gateway.ipfs.io/ipfs/QmSDeYAe9mga6NdTozAZuyGL3Q1XjsLtvX28XFxJH8oPjq">
+<meta name="twitter:image" content="https://gateway.btfs.io/btfs/QmZBMYxDcHR3pJMzzFV7JKUbceHRDeJPXrPGSxaLqvEWkE">
+<meta name="twitter:creator" content="@BitTorrent">
+<meta name="twitter:site" content="@BitTorrent">
+<meta name="image" content="https://gateway.btfs.io/btfs/QmY6Duh8AjJEWM6obb5SA7msCxdTnNz6buoLHGQNvLqywm">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlo89/56ZQ/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUjDu1lo89/6mhTP+zrVP/nplD/5+aRK8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHNiIS6Wjz3/ubFY/761W/+vp1D/urRZ/8vDZf/GvmH/nplD/1BNIm8AAAAAAAAAAAAAAAAAAAAAAAAAAJaPPf+knEj/vrVb/761W/++tVv/r6dQ/7q0Wf/Lw2X/y8Nl/8vDZf+tpk7/nplD/wAAAAAAAAAAAAAAAJaPPf+2rVX/vrVb/761W/++tVv/vrVb/6+nUP+6tFn/y8Nl/8vDZf/Lw2X/y8Nl/8G6Xv+emUP/AAAAAAAAAACWjz3/vrVb/761W/++tVv/vrVb/761W/+vp1D/urRZ/8vDZf/Lw2X/y8Nl/8vDZf/Lw2X/nplD/wAAAAAAAAAAlo89/761W/++tVv/vrVb/761W/++tVv/r6dQ/7q0Wf/Lw2X/y8Nl/8vDZf/Lw2X/y8Nl/56ZQ/8AAAAAAAAAAJaPPf++tVv/vrVb/761W/++tVv/vbRa/5aPPf+emUP/y8Nl/8vDZf/Lw2X/y8Nl/8vDZf+emUP/AAAAAAAAAACWjz3/vrVb/761W/++tVv/vrVb/5qTQP+inkb/op5G/6KdRv/Lw2X/y8Nl/8vDZf/Lw2X/nplD/wAAAAAAAAAAlo89/761W/++tVv/sqlS/56ZQ//LxWb/0Mlp/9DJaf/Kw2X/oJtE/7+3XP/Lw2X/y8Nl/56ZQ/8AAAAAAAAAAJaPPf+9tFr/mJE+/7GsUv/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav+xrFL/nplD/8vDZf+emUP/AAAAAAAAAACWjz3/op5G/9HKav/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav+inkb/nplD/wAAAAAAAAAAAAAAAKKeRv+3slb/0cpq/9HKav/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav+1sFX/op5G/wAAAAAAAAAAAAAAAAAAAAAAAAAAop5GUKKeRv/Nxmf/0cpq/9HKav/Rymr/0cpq/83GZ/+inkb/op5GSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAop5G16KeRv/LxWb/y8Vm/6KeRv+inkaPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAop5G/6KeRtcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/n8AAPgfAADwDwAAwAMAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAwAMAAPAPAAD4HwAA/n8AAA==" />
+<link rel="shortcut icon" href="https://gateway.btfs.io/btfs/QmdPx8cPdqne36fQ6765HqD8wEMzCiqGxLE21KJ8uByVih" />
 <link rel="stylesheet" href="style.css"/>
 <link rel="stylesheet" href="icons.css">
 <title>{{ .Path }}</title>
 </head>
 <body>
   <div id="page-header">
-    <div id="page-header-logo" class="ipfs-logo">&nbsp;</div>
+    <div id="page-header-logo" class="btfs-logo">&nbsp;</div>
     <div id="page-header-menu">
-      <div class="menu-item-wide"><a href="https://ipfs.tech" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
-      <div class="menu-item-wide"><a href="https://ipfs.tech#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
-      <div class="menu-item-narrow"><a href="https://ipfs.tech" target="_blank" rel="noopener noreferrer">About</a></div>
-      <div class="menu-item-narrow"><a href="https://ipfs.tech#install" target="_blank" rel="noopener noreferrer">Install</a></div>
+      <div class="menu-item-wide"><a href="https://btfs.io" target="_blank" rel="noopener noreferrer">About BTFS</a></div>
+      <div class="menu-item-wide"><a href="https://docs.btfs.io/docs/btfs-demo#install-btfs" target="_blank" rel="noopener noreferrer">Install BTFS</a></div>
+      <div class="menu-item-narrow"><a href="https://btfs.io" target="_blank" rel="noopener noreferrer">About</a></div>
+      <div class="menu-item-narrow"><a href="https://docs.btfs.io/docs/btfs-demo#install-btfs" target="_blank" rel="noopener noreferrer">Install</a></div>
       <div>
-        <a href="https://github.com/ipfs/kubo/issues/new/choose" target="_blank" rel="noopener noreferrer" title="Report a bug">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.4 21"><circle cx="7.5" cy="4.8" r="1"/><circle cx="11.1" cy="4.8" r="1"/><path d="M12.7 8.4c-0.5-1.5-1.9-2.5-3.5-2.5 -1.6 0-3 1-3.5 2.5H12.7z"/><path d="M8.5 9.7H5c-0.5 0.8-0.7 1.7-0.7 2.7 0 2.6 1.8 4.8 4.2 5.2V9.7z"/><path d="M13.4 9.7H9.9v7.9c2.4-0.4 4.2-2.5 4.2-5.2C14.1 11.4 13.9 10.5 13.4 9.7z"/><circle cx="15.7" cy="12.9" r="1"/><circle cx="15.1" cy="15.4" r="1"/><circle cx="15.3" cy="10.4" r="1"/><circle cx="2.7" cy="12.9" r="1"/><circle cx="3.3" cy="15.4" r="1"/><circle cx="3.1" cy="10.4" r="1"/></svg>
+        <a href="https://discord.com/channels/491685925227724801/592837356491505680" target="_blank" rel="noopener noreferrer" title="Discord">
+          <svg class="homeIcon-tEMBK1" aria-hidden="false" width="28" height="20" viewBox="0 0 28 20"><path fill="currentColor" d="M20.6644 20C20.6644 20 19.8014 18.9762 19.0822 18.0714C22.2226 17.1905 23.4212 15.2381 23.4212 15.2381C22.4384 15.881 21.5034 16.3334 20.6644 16.6429C19.4658 17.1429 18.3151 17.4762 17.1884 17.6667C14.887 18.0953 12.7774 17.9762 10.9795 17.6429C9.61301 17.381 8.43836 17 7.45548 16.6191C6.90411 16.4048 6.30479 16.1429 5.70548 15.8096C5.63356 15.7619 5.56164 15.7381 5.48973 15.6905C5.44178 15.6667 5.41781 15.6429 5.39384 15.6191C4.96233 15.381 4.7226 15.2143 4.7226 15.2143C4.7226 15.2143 5.87329 17.1191 8.91781 18.0238C8.19863 18.9286 7.31164 20 7.31164 20C2.0137 19.8333 0 16.381 0 16.381C0 8.7144 3.45205 2.50017 3.45205 2.50017C6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861L10.4281 0.285909C6.11301 1.52399 4.12329 3.40493 4.12329 3.40493C4.12329 3.40493 4.65068 3.11921 5.53767 2.71446C8.10274 1.59542 10.1404 1.2859 10.9795 1.21447C11.1233 1.19066 11.2432 1.16685 11.387 1.16685C12.8493 0.976379 14.5034 0.92876 16.2295 1.11923C18.5068 1.38114 20.9521 2.0478 23.4452 3.40493C23.4452 3.40493 21.5514 1.61923 17.476 0.381146L17.8116 0.000197861C17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017C24.5479 2.50017 28 8.7144 28 16.381C28 16.381 25.9623 19.8333 20.6644 20ZM9.51712 8.88106C8.15068 8.88106 7.07192 10.0715 7.07192 11.5239C7.07192 12.9763 8.17466 14.1667 9.51712 14.1667C10.8836 14.1667 11.9623 12.9763 11.9623 11.5239C11.9863 10.0715 10.8836 8.88106 9.51712 8.88106ZM18.2671 8.88106C16.9007 8.88106 15.8219 10.0715 15.8219 11.5239C15.8219 12.9763 16.9247 14.1667 18.2671 14.1667C19.6336 14.1667 20.7123 12.9763 20.7123 11.5239C20.7123 10.0715 19.6336 8.88106 18.2671 8.88106Z"></path></svg>
         </a>
       </div>
     </div>
@@ -48,31 +48,29 @@
           {{ end }}
         </strong>
         {{ if .Hash }}
-        <div class="ipfs-hash" translate="no">
+        <div class="btfs-hash">
           {{ .Hash }}
         </div>
         {{ end }}
       </div>
       {{ if .Size }}
       <div class="no-linebreak flex-shrink-1 ml-auto">
-        <strong title="Cumulative size of IPFS DAG (data + metadata)">&nbsp;{{ .Size }}</strong>
+        <strong>&nbsp;{{ .Size }}</strong>
       </div>
       {{ end }}
     </div>
     <div class="table-responsive">
     <table>
-      {{ if .BackLink }}
       <tr>
         <td class="type-icon">
-          <div class="ipfs-_blank">&nbsp;</div>
+          <div class="btfs-_blank">&nbsp;</div>
         </td>
         <td>
           <a href="{{.BackLink | urlEscape}}">..</a>
         </td>
         <td></td>
         <td></td>
       </tr>
-      {{ end }}
       {{ range .Listing }}
       <tr>
         <td class="type-icon">
@@ -83,16 +81,16 @@
         </td>
         <td class="no-linebreak">
           {{ if .Hash }}
-          <a class="ipfs-hash" translate="no" href={{ if $root.DNSLink }}"https://cid.ipfs.tech/#{{ .Hash | urlEscape}}" target="_blank" rel="noreferrer noopener"{{ else }}"{{ $root.GatewayURL }}/ipfs/{{ .Hash | urlEscape}}?filename={{ .Name | urlEscape }}"{{ end }}>
+          <a class="btfs-hash" href="{{ $root.GatewayURL }}/btfs/{{ .Hash | urlEscape }}">
             {{ .ShortHash }}
           </a>
           {{ end }}
         </td>
-        <td class="no-linebreak" title="Cumulative size of IPFS DAG (data + metadata)">{{ .Size }}</td>
+        <td class="no-linebreak">{{ .Size }}</td>
       </tr>
       {{ end }}
     </table>
     </div>
   </div>
 </body>
-</html>
+</html>