hast, sort

4 files changed, 116 insertions, 81 deletions

diff --git a/_icons/hash.svg b/_icons/hash.svg
new file mode 100644
index 0000000..4a6af9e
--- /dev/null
+++ b/_icons/hash.svg
@@ -0,0 +1,8 @@
+---
+---
+<svg>
+  <line x1="5" y1="9" x2="19" y2="9" />
+  <line x1="5" y1="15" x2="19" y2="15" />
+  <line x1="11" y1="4" x2="7" y2="20" />
+  <line x1="17" y1="4" x2="13" y2="20" />
+</svg>
diff --git a/_icons/sort-ascending.svg b/_icons/sort-ascending.svg
new file mode 100644
index 0000000..1b1db40
--- /dev/null
+++ b/_icons/sort-ascending.svg
@@ -0,0 +1,9 @@
+---
+---
+<svg>
+  <line x1="3" y1="4" x2="16" y2="4" />
+  <line x1="3" y1="8" x2="12" y2="8" />
+  <line x1="3" y1="12" x2="9" y2="12" />
+  <polyline points="13 12 17 8 21 12" />
+  <line x1="17" y1="8" x2="17" y2="20" />
+</svg>
diff --git a/_icons/sort-descending.svg b/_icons/sort-descending.svg
new file mode 100644
index 0000000..47e9f3b
--- /dev/null
+++ b/_icons/sort-descending.svg
@@ -0,0 +1,9 @@
+---
+---
+<svg>
+  <line x1="3" y1="4" x2="16" y2="4" />
+  <line x1="3" y1="8" x2="13" y2="8" />
+  <line x1="3" y1="12" x2="13" y2="12" />
+  <polyline points="13 16 17 20 21 16" />
+  <line x1="17" y1="8" x2="17" y2="20" />
+</svg>
diff --git a/icons.svg b/icons.svg
index d31dfc0..33ae434 100644
--- a/icons.svg
+++ b/icons.svg
@@ -79,7 +79,7 @@
 </symbol>
 	<symbol id="tabler-battery" class="icon tabler-icon tabler-icon-battery" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M6 7h11a2 2 0 012 2v.5a.5 .5 0 00.5 .5a.5 .5 0 01.5 .5v3a.5 .5 0 01-.5 .5a.5 .5 0 00-.5 .5v.5a2 2 0 01-2 2h-11a2 2 0 01-2 -2v-6a2 2 0 012 -2" />
 </symbol>
-	<symbol id="tabler-bell" class="icon tabler-icon tabler-icon-bell" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M10 5a2 2 0 014 0a7 7 0 014 6v3a4 4 0 002 3h-16a4 4 0 002 -3v-3a7 7 0 014 -6"></path><path d="M9 17v1a3 3 0 006 0v-1"></path>
+	<symbol id="tabler-bell" class="icon tabler-icon tabler-icon-bell" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M10 5a2 2 0 014 0a7 7 0 014 6v3a4 4 0 002 3h-16a4 4 0 002 -3v-3a7 7 0 014 -6" /><path d="M9 17v1a3 3 0 006 0v-1" />
 </symbol>
 	<symbol id="tabler-bluetooth" class="icon tabler-icon tabler-icon-bluetooth" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 8 18 16 12 20 12 4 18 8 6 16" />
 </symbol>
@@ -221,7 +221,7 @@
 </symbol>
 	<symbol id="tabler-directions" class="icon tabler-icon tabler-icon-directions" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="8 5 19 5 21 7 19 9 8 9 8 5" /><polyline points="14 13 14 17 6 17 4 15 6 13 14 13" /><line x1="12" y1="22" x2="12" y2="17" /><line x1="12" y1="13" x2="12" y2="9" /><line x1="12" y1="5" x2="12" y2="3" />
 </symbol>
-	<symbol id="tabler-disabled" class="icon tabler-icon tabler-icon-disabled" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="16" r="5" opacity=".2" /><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 106 7.5" />
+	<symbol id="tabler-disabled" class="icon tabler-icon tabler-icon-disabled" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 106 7.5" />
 </symbol>
 	<symbol id="tabler-disc" class="icon tabler-icon tabler-icon-disc" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3" /><circle cx="12" cy="12" r="9" />
 </symbol>
@@ -273,6 +273,8 @@
 </symbol>
 	<symbol id="tabler-grid" class="icon tabler-icon tabler-icon-grid" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" />
 </symbol>
+	<symbol id="tabler-hash" class="icon tabler-icon tabler-icon-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="9" x2="19" y2="9" /><line x1="5" y1="15" x2="19" y2="15" /><line x1="11" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="13" y2="20" />
+</symbol>
 	<symbol id="tabler-headphones" class="icon tabler-icon tabler-icon-headphones" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="13" rx="2" width="5" height="7" /><rect x="15" y="13" rx="2" width="5" height="7" /><path d="M4 15v-3a8 8 0 0116 0v3" />
 </symbol>
 	<symbol id="tabler-heart" class="icon tabler-icon tabler-icon-heart" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20l-7 -7a4 4 0 016.5 -6a.9 .9 0 001 0a4 4 0 016.5 6l-7 7" />
@@ -379,6 +381,10 @@
 </symbol>
 	<symbol id="tabler-shopping-cart" class="icon tabler-icon tabler-icon-shopping-cart" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 003 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" />
 </symbol>
+	<symbol id="tabler-sort-ascending" class="icon tabler-icon tabler-icon-sort-ascending" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 4 16 4"></polyline><polyline points="3 8 12 8"></polyline><polyline points="3 12 9 12"></polyline><polyline points="13 12 17 8 21 12"></polyline><polyline points="17 8 17 20"></polyline>
+</symbol>
+	<symbol id="tabler-sort-descending" class="icon tabler-icon tabler-icon-sort-descending" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 4 16 4"></polyline><polyline points="3 8 13 8"></polyline><polyline points="3 12 13 12"></polyline><polyline points="13 16 17 20 21 16"></polyline><polyline points="17 8 17 20"></polyline>
+</symbol>
 	<symbol id="tabler-square" class="icon tabler-icon tabler-icon-square" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" />
 </symbol>
 	<symbol id="tabler-star" class="icon tabler-icon tabler-icon-star" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 17.75l-6.172 3.245 1.179-6.873-4.993-4.867 6.9-1.002L12 2l3.086 6.253 6.9 1.002-4.993 4.867 1.179 6.873z" />
@@ -569,84 +575,87 @@
 	<use xlink:href="#tabler-folders" x="348" y="456" width="24" height="24" />
 	<use xlink:href="#tabler-glass" x="402" y="456" width="24" height="24" />
 	<use xlink:href="#tabler-grid" x="456" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-headphones" x="510" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-heart" x="564" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-home" x="618" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-ice-cream" x="672" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-key" x="726" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-layout" x="780" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-lego" x="834" y="456" width="24" height="24" />
-	<use xlink:href="#tabler-link" x="24" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-lock-open" x="78" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-lock" x="132" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-magnet" x="186" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-mail-opened" x="240" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-mail" x="294" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-map-pin" x="348" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-map" x="402" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-maximize" x="456" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-menu" x="510" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-microphone" x="564" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-minimize" x="618" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-minus-circle" x="672" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-minus-square" x="726" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-minus-triangle" x="780" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-minus" x="834" y="510" width="24" height="24" />
-	<use xlink:href="#tabler-mood-confuzed" x="24" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-mood-happy" x="78" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-mood-neutral" x="132" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-mood-sad" x="186" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-mood-smile" x="240" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-moon" x="294" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-mouse" x="348" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-movie" x="402" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-music" x="456" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-paperclip" x="510" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-photo" x="564" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-plus-circle" x="618" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-plus-square" x="672" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-plus-triangle" x="726" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-plus" x="780" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-point" x="834" y="564" width="24" height="24" />
-	<use xlink:href="#tabler-power" x="24" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-printer" x="78" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-puzzle" x="132" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-qrcode" x="186" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-router" x="240" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-rss" x="294" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-search" x="348" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-selector" x="402" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-send" x="456" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-server" x="510" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-share" x="564" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-shield-check" x="618" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-shield" x="672" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-shopping-cart" x="726" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-square" x="780" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-star" x="834" y="618" width="24" height="24" />
-	<use xlink:href="#tabler-sun" x="24" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-swich-horizontal" x="78" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-switch-vertical" x="132" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-tag" x="186" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-target" x="240" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-ticket" x="294" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-trash" x="348" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-trending-down" x="402" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-trending-up" x="456" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-triangle" x="510" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-trophy" x="564" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-unlink" x="618" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-upload" x="672" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-user-check" x="726" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-user-minus" x="780" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-user-plus" x="834" y="672" width="24" height="24" />
-	<use xlink:href="#tabler-user-x" x="24" y="726" width="24" height="24" />
-	<use xlink:href="#tabler-user" x="78" y="726" width="24" height="24" />
-	<use xlink:href="#tabler-viewfinder" x="132" y="726" width="24" height="24" />
-	<use xlink:href="#tabler-wifi" x="186" y="726" width="24" height="24" />
-	<use xlink:href="#tabler-world" x="240" y="726" width="24" height="24" />
-	<use xlink:href="#tabler-x" x="294" y="726" width="24" height="24" />
-	<use xlink:href="#tabler-zoom-in" x="348" y="726" width="24" height="24" />
-	<use xlink:href="#tabler-zoom-out" x="402" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-hash" x="510" y="456" width="24" height="24" />
+	<use xlink:href="#tabler-headphones" x="564" y="456" width="24" height="24" />
+	<use xlink:href="#tabler-heart" x="618" y="456" width="24" height="24" />
+	<use xlink:href="#tabler-home" x="672" y="456" width="24" height="24" />
+	<use xlink:href="#tabler-ice-cream" x="726" y="456" width="24" height="24" />
+	<use xlink:href="#tabler-key" x="780" y="456" width="24" height="24" />
+	<use xlink:href="#tabler-layout" x="834" y="456" width="24" height="24" />
+	<use xlink:href="#tabler-lego" x="24" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-link" x="78" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-lock-open" x="132" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-lock" x="186" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-magnet" x="240" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-mail-opened" x="294" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-mail" x="348" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-map-pin" x="402" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-map" x="456" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-maximize" x="510" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-menu" x="564" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-microphone" x="618" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-minimize" x="672" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-minus-circle" x="726" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-minus-square" x="780" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-minus-triangle" x="834" y="510" width="24" height="24" />
+	<use xlink:href="#tabler-minus" x="24" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-mood-confuzed" x="78" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-mood-happy" x="132" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-mood-neutral" x="186" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-mood-sad" x="240" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-mood-smile" x="294" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-moon" x="348" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-mouse" x="402" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-movie" x="456" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-music" x="510" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-paperclip" x="564" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-photo" x="618" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-plus-circle" x="672" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-plus-square" x="726" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-plus-triangle" x="780" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-plus" x="834" y="564" width="24" height="24" />
+	<use xlink:href="#tabler-point" x="24" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-power" x="78" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-printer" x="132" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-puzzle" x="186" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-qrcode" x="240" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-router" x="294" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-rss" x="348" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-search" x="402" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-selector" x="456" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-send" x="510" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-server" x="564" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-share" x="618" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-shield-check" x="672" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-shield" x="726" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-shopping-cart" x="780" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-sort-ascending" x="834" y="618" width="24" height="24" />
+	<use xlink:href="#tabler-sort-descending" x="24" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-square" x="78" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-star" x="132" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-sun" x="186" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-swich-horizontal" x="240" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-switch-vertical" x="294" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-tag" x="348" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-target" x="402" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-ticket" x="456" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-trash" x="510" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-trending-down" x="564" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-trending-up" x="618" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-triangle" x="672" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-trophy" x="726" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-unlink" x="780" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-upload" x="834" y="672" width="24" height="24" />
+	<use xlink:href="#tabler-user-check" x="24" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-user-minus" x="78" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-user-plus" x="132" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-user-x" x="186" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-user" x="240" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-viewfinder" x="294" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-wifi" x="348" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-world" x="402" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-x" x="456" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-zoom-in" x="510" y="726" width="24" height="24" />
+	<use xlink:href="#tabler-zoom-out" x="564" y="726" width="24" height="24" />
 
 </svg>
\ No newline at end of file