tranding icons

_config.yml

@@ -2,7 +2,7 @@ plugins:
   - jekyll-last-modified-at
 
 exclude:
-  - .idea/*
+  - .idea
   - package.json
 
 defaults:

_icons/activity.svg

@@ -1,5 +1,5 @@
 ---
 ---
 <svg>
-  <polyline points="21 12 18 12 15 20 9 4 6 12 3 12" />
+  <polyline points="21 12 17 12 14 20 10 4 7 12 3 12" />
 </svg>

_icons/ajdustments.svg

@@ -1,9 +1,9 @@
 ---
 ---
 <svg>
-  <circle cx="6" cy="9" r="2"></circle>
-  <line x1="6" y1="4" x2="6" y2="7"></line>
-  <line x1="6" y1="11" x2="6" y2="20"></line>
+  <circle cx="6" cy="10" r="2"></circle>
+  <line x1="6" y1="4" x2="6" y2="8"></line>
+  <line x1="6" y1="12" x2="6" y2="20"></line>
 
   <circle cx="12" cy="16" r="2"></circle>
   <line x1="12" y1="4" x2="12" y2="14"></line>

_icons/trending-down.svg

@@ -0,0 +1,6 @@
+---
+---
+<svg>
+  <polyline points="3 7 9 13 13 9 21 17" />
+  <polyline points="21 9 21 17 13 17" />
+</svg>

_icons/trending-up.svg

@@ -0,0 +1,6 @@
+---
+---
+<svg>
+  <polyline points="3 17 9 11 13 15 21 7" />
+  <polyline points="13 7 21 7 21 15" />
+</svg>

_includes/icon.html

@@ -1 +1 @@
-{% assign name = include.name %}{% assign icon = site.icons | where: "slug", name | first %}{% assign content = icon.content | replace: '<svg', '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"' %}{{ content }}
+{% assign name = include.name %}{% assign icon = site.icons | where: "slug", name | first %}{% assign replace-to = '<svg xmlns="http://www.w3.org/2000/svg" class="icon tabler-icon tabler-icon-ICON_NAME" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"' | replace: 'ICON_NAME', name %}{% assign content = icon.content | replace: '<svg', replace-to %}{{ content }}

index.html

@@ -81,6 +81,7 @@
 			</div>
 		</div>
 
+		<h2 class="icon-subtitle">{{ site.icons.size }} icons</h2>
 
 		<div class="mb">
 			<div class="icons-list">

style.scss

@@ -78,6 +78,13 @@ a {
   font-weight: 600;
 }
 
+.icon-subtitle {
+  font-size: 1rem;
+  line-height: 1;
+  margin: 0 0 1rem;
+  font-weight: 600;
+}
+
 .icon-preview-wrap {
   position: relative;