feat: add snapshot icon (#261)

License: MIT
Signed-off-by: Henrique Dias <hacdias@gmail.com>

README.md

@@ -137,7 +137,7 @@ Sniffs the DHT gossip and indexes file and directory hashes. Metadata and search
 - [Project Apollo Archives](https://ipfs.io/ipfs/QmSnuWmxptJZdLJpKRarxBMS2Ju2oANVrgbr2xWbie9b2D)  [Source](https://github.com/ipfs/archives/issues/143)
 - [textfiles.com](https://ipfs.io/ipfs/QmNoscE3kNc83dM5rZNUC5UDXChiTdDcgf16RVtFCRWYuU)  [Source](https://github.com/ipfs/archives/issues/155)
 - [World Wide Web History Project](https://ipfs.io/ipfs/QmRTSA1UFHSx3z7taNRwUVM8AjB2EQwKvyZu3BfJg9QRtZ)  [Source](https://github.com/ipfs/archives/issues/159)
-- [XKCD](https://ipfs.io/ipns/xkcd.hacdias.com)  [Source](https://github.com/ipfs/archives/issues/21)
+- [xkcd](https://ipfs.io/ipns/xkcd.hacdias.com) - Snapshot of 6th of July of 2019: /ipfs/QmPaSQc397fJ8KbrQ1E4uR8RB1tBkEojBR91sUSG6qGt4K. [Source](https://github.com/ipfs/archives/issues/21)
 - [yarchive.net](https://ipfs.io/ipfs/QmdA5WkDNALetBn4iFeSepHjdLGJdxPBwZyY47ir1bZGAK)  [Source](https://github.com/ipfs/archives/issues/76)
 
 ## Tools

data/datasets.yml

@@ -8,8 +8,11 @@ content:
     website: https://ipfs.io/ipfs/QmNvTjdqEPjZVWCvRWsFJA1vK7TTw1g9JP6we1WBJTRADM
     source: https://github.com/ipfs/archives/issues/18
     size: 500MB
-  - title: XKCD
+  - title: xkcd
     hash: /ipns/xkcd.hacdias.com
+    snapshot:
+      hash: /ipfs/QmPaSQc397fJ8KbrQ1E4uR8RB1tBkEojBR91sUSG6qGt4K
+      date: 06/07/2019
     website: https://ipfs.io/ipns/xkcd.hacdias.com
     source: https://github.com/ipfs/archives/issues/21
     description:

src/layouts/partials/icons/history.svg

@@ -0,0 +1 @@
+<svg class="w1 h1 mr2 fill-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M524.5 34.5c-171.5 0-323.4 93.1-401.8 235.2L10 157v318.5h318.5L191.3 338.3C255 215.8 377.5 132.5 524.5 132.5 725.4 132.5 892 299.1 892 500S725.4 867.5 524.5 867.5c-161.7 0-294-102.9-347.9-245H73.7c53.9 196 235.2 343 450.8 343C784.2 965.5 990 754.8 990 500S779.3 34.5 524.5 34.5zm-73.5 245v249.9l230.3 137.2 39.2-63.7-196-117.6V279.5H451z"/></svg>

src/layouts/partials/list.html

@@ -1,9 +1,18 @@
 {{ define "text" }}
-<p class="f6 lh-copy mw5 mt2 mb0 mid-gray">
-  {{- . -}}
+<p class="f6 lh-copy mw5 mt2 mb0 mid-gray" style="word-break: break-all">
+  {{- markdownify . -}}
 </p>
 {{ end }}
 
+{{ define "hash" }}
+<a href="https://ipfs.io{{ . }}" target="_blank" alt="Website" title="Website" class="aqua hover-teal">
+  <abbr title="{{ . }}">
+    {{ $length := sub (len .) 5 }}
+    <code>{{ substr . 0 10 }}...{{ substr . $length 5 }}</code>
+  </abbr>
+</a>
+{{ end }}
+
 <div class="ma2 dn" id="search">
   <input
     placeholder="Find your awesome app..."
@@ -41,12 +50,7 @@
 
       {{- if isset . "hash" -}}
         <div class="mt2 mw5">
-          <a href="https://ipfs.io{{ .hash }}" target="_blank" alt="Website" title="Website" class="aqua hover-teal">
-            <abbr title="{{ .hash }}">
-              {{ $length := sub (len .hash) 5 }}
-              <code>{{ substr .hash 0 10 }}...{{ substr .hash $length 5 }}</code>
-            </abbr>
-          </a>
+          {{ template  "hash" .hash }}
         </div>
       {{- end -}}
 
@@ -76,8 +80,13 @@
           {{ partial "icons/flask.svg" }}
         </a>
         {{- end -}}
-      </div>
 
+        {{- if isset . "snapshot" -}}
+        <a href="http://ipfs.io/{{ .snapshot.hash }}" target="_blank" alt="Snapshot as of {{ .snapshot.date }}" title="Snapshot as of {{ .snapshot.date }}">
+          {{ partial "icons/history.svg" }}
+        </a>
+      {{- end -}}
+      </div>
     </div>
   </article>
   {{ end }}