diff options
Diffstat (limited to 'src')
28 files changed, 172 insertions, 3 deletions
diff --git a/src/_icons/3d-cube-sphere.svg b/src/_icons/3d-cube-sphere.svg new file mode 100644 index 0000000..7856173 --- /dev/null +++ b/src/_icons/3d-cube-sphere.svg @@ -0,0 +1,16 @@ +--- +--- +<svg> + <path d="M6 17.6l-2 -1.1v-2.5" /> + <path d="M4 10v-2.5 l 2 -1.1" /> + <path d="M10 4.1l2 -1.1l2 1.1" /> + <path d="M18 6.4l2 1.1v2.5" /> + <path d="M20 14v2.5l-2 1.12" /> + <path d="M14 19.9l-2 1.1l-2 -1.1" /> + <line x1="12" y1="12" x2="14" y2="10.9" /> + <line x1="18" y1="8.6" x2="20" y2="7.5" /> + <line x1="12" y1="12" x2="12" y2="14.5" /> + <line x1="12" y1="18.5" x2="12" y2="21" /> + <path d="M12 12l-2-1.12" /> + <line x1="6" y1="8.6" x2="4" y2="7.5" /> +</svg> diff --git a/src/_icons/brand-discord.svg b/src/_icons/brand-discord.svg new file mode 100644 index 0000000..89909a3 --- /dev/null +++ b/src/_icons/brand-discord.svg @@ -0,0 +1,11 @@ +--- +category: Brand +--- +<svg> + <circle cx="9" cy="12" r="1" /> + <circle cx="15" cy="12" r="1" /> + <path d="M7.5 7.5c3.5-1 5.5-1 9 0" /> + <path d="M7 16.5c3.5 1 6.5 1 10 0" /> + <path d="M15.5 17c0 1 1.5 3 2 3 1.5 0 2.833-1.667 3.5-3 .667-1.667.5-5.833-1.5-11.5C18.043 4.485 16.528 4.16 15 4l-1 2.5" /> + <path d="M8.5 17c0 1-1.356 3-1.832 3-1.429 0-2.698-1.667-3.333-3-.635-1.667-.476-5.833 1.428-11.5C6.151 4.485 7.545 4.16 9 4l1 2.5" /> +</svg> diff --git a/src/_icons/brand-windows.svg b/src/_icons/brand-windows.svg new file mode 100644 index 0000000..9f0fbf1 --- /dev/null +++ b/src/_icons/brand-windows.svg @@ -0,0 +1,8 @@ +--- +category: Brand +--- +<svg> + <path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9 z" /> + <line x1="12" y1="5" x2="12" y2="19" /> + <line x1="4" y1="12" x2="20" y2="12" /> +</svg> diff --git a/src/_icons/circle-square.svg b/src/_icons/circle-square.svg new file mode 100644 index 0000000..4f1d5a4 --- /dev/null +++ b/src/_icons/circle-square.svg @@ -0,0 +1,7 @@ +--- +category: Shapes +--- +<svg> + <circle cx="9.5" cy="9.5" r="6.5" /> + <rect x="10" y="10" width="11" height="11" rx="2" /> +</svg> diff --git a/src/_icons/circle.svg b/src/_icons/circle.svg index 2d67f25..6e30820 100644 --- a/src/_icons/circle.svg +++ b/src/_icons/circle.svg @@ -1,4 +1,5 @@ --- +category: Shapes tags: [off, zero] --- <svg> diff --git a/src/_icons/circles.svg b/src/_icons/circles.svg new file mode 100644 index 0000000..c89e22c --- /dev/null +++ b/src/_icons/circles.svg @@ -0,0 +1,8 @@ +--- +category: Shapes +--- +<svg> + <circle cx="12" cy="7" r="4" /> + <circle cx="6.5" cy="17" r="4" /> + <circle cx="17.5" cy="17" r="4" /> +</svg> diff --git a/src/_icons/cloud-fog.svg b/src/_icons/cloud-fog.svg new file mode 100644 index 0000000..b4a195e --- /dev/null +++ b/src/_icons/cloud-fog.svg @@ -0,0 +1,8 @@ +--- +tags: [weather, online] +category: Weather +--- +<svg> + <path d="M7 16a4.6 4.4 0 0 1 0 -9h0a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /> + <line x1="5" y1="20" x2="19" y2="20" /> +</svg> diff --git a/src/_icons/curly-loop.svg b/src/_icons/curly-loop.svg new file mode 100644 index 0000000..25c2117 --- /dev/null +++ b/src/_icons/curly-loop.svg @@ -0,0 +1,5 @@ +--- +--- +<svg> + <path d="M21 8c-4 0-7 2-7 5a3 3 0 0 0 6 0c0-3-2.5-5-8-5s-8 2-8 5a3 3 0 0 0 6 0c0-3-3-5-7-5" /> +</svg> diff --git a/src/_icons/device-mobile-rotated.svg b/src/_icons/device-mobile-rotated.svg new file mode 100644 index 0000000..50f08b3 --- /dev/null +++ b/src/_icons/device-mobile-rotated.svg @@ -0,0 +1,11 @@ +--- +tags: [iphone, phone, smartphone, cellphone] +category: Devices +--- +<svg> + <g transform="rotate(90 12 12)"> + <rect x="7" y="4" width="10" height="16" rx="1" /> + <line x1="11" y1="5" x2="13" y2="5" /> + <line x1="12" y1="17" x2="12" y2="17.01" /> + </g> +</svg> diff --git a/src/_icons/file-phone.svg b/src/_icons/file-phone.svg new file mode 100644 index 0000000..61e99d6 --- /dev/null +++ b/src/_icons/file-phone.svg @@ -0,0 +1,8 @@ +--- +tags: [save, transfer, input] +--- +<svg> + <path d="M14 3v4a1 1 0 0 0 1 1h4" /> + <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /> + <path d="M9 12a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" /> +</svg> diff --git a/src/_icons/heart.svg b/src/_icons/heart.svg index 125d8f1..be6343d 100644 --- a/src/_icons/heart.svg +++ b/src/_icons/heart.svg @@ -1,4 +1,5 @@ --- +category: Shapes tags: [love, emotion, like, favorite, relationship] --- <svg> diff --git a/src/_icons/hexagon.svg b/src/_icons/hexagon.svg index 19d929b..b1a40ce 100644 --- a/src/_icons/hexagon.svg +++ b/src/_icons/hexagon.svg @@ -1,5 +1,6 @@ --- +category: Shapes --- <svg> - <path d="M12.971 3.54l6 3.333A2 2 0 0 1 20 8.62v6.536a2 2 0 0 1 -1.029 1.748l-6 3.333a2 2 0 0 1 -1.942 0l-6-3.333A2 2 0 0 1 4 15.157V8.62a2 2 0 0 1 1.029 -1.748l6-3.333a2 2 0 0 1 1.942 0z" /> + <path d="M19 6.873a2 2 0 0 1 1 1.747v6.536a2 2 0 0 1 -1.029 1.748l-6 3.833a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l6 -3.572a2.056 2.056 0 0 1 1.971 0l5.971 3.573z" /> </svg> diff --git a/src/_icons/moon-2.svg b/src/_icons/moon-2.svg new file mode 100644 index 0000000..dd4935d --- /dev/null +++ b/src/_icons/moon-2.svg @@ -0,0 +1,7 @@ +--- +category: Weather +--- +<svg> + <path d="M16.418 4.157a8 8 0 0 0 0 15.686" /> + <circle cx="12" cy="12" r="9" /> +</svg> diff --git a/src/_icons/moon-stars.svg b/src/_icons/moon-stars.svg new file mode 100644 index 0000000..50126a8 --- /dev/null +++ b/src/_icons/moon-stars.svg @@ -0,0 +1,9 @@ +--- +tags: [night, dark mode] +category: Weather +--- +<svg> + <path d="M12 3 c 0.132 0 0.263 0.003 0.393 0.008 a7.5 7.5 0 0 0 7.92 12.446 a9 9 0 1 1 -8.313 -12.454 z" /> + <path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /> + <path d="M19 11h2m-1 -1v2" /> +</svg> diff --git a/src/_icons/moon.svg b/src/_icons/moon.svg index f242da4..4ae2946 100644 --- a/src/_icons/moon.svg +++ b/src/_icons/moon.svg @@ -3,5 +3,5 @@ tags: [night, dark mode] category: Weather --- <svg> - <path d="M16.2 4a9.03 9.03 0 1 0 3.9 12a6.5 6.5 0 1 1 -3.9 -12" /> + <path d="m 12 3 c 0.132 0 0.263 0.003 0.393 0.008 a7.5 7.5 0 0 0 7.92 12.446 a9 9 0 1 1 -8.313 -12.454 z" /> </svg> diff --git a/src/_icons/octagon.svg b/src/_icons/octagon.svg index c13d5e0..5ace1b8 100644 --- a/src/_icons/octagon.svg +++ b/src/_icons/octagon.svg @@ -1,4 +1,5 @@ --- +category: Shapes --- <svg> <path d="M8.7 3 h 6.6 c0.3 0 .5 .1 .7 .3 l4.7 4.7 c0.2 .2 .3 .4 .3 .7 v6.6 c0 .3 -.1 .5 -.3 .7 l-4.7 4.7 c-0.2 .2 -.4 .3 -.7 .3h-6.6 c-0.3 0 -.5 -.1 -.7 -.3 l-4.7 -4.7 c-0.2 -.2 -.3 -.4 -.3 -.7 v-6.6 c0 -.3 .1 -.5 .3 -.7l4.7 -4.7 c0.2 -.2 .4 -.3 .7 -.3z" /> diff --git a/src/_icons/road-sign.svg b/src/_icons/road-sign.svg new file mode 100644 index 0000000..585881c --- /dev/null +++ b/src/_icons/road-sign.svg @@ -0,0 +1,7 @@ +--- +--- +<svg> + <path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" /> + <path d="M9 14v-2c0-.59.414-1 1-1h5" /> + <path d="M13 9l2 2-2 2" /> +</svg> diff --git a/src/_icons/smart-home.svg b/src/_icons/smart-home.svg new file mode 100644 index 0000000..8f29ad3 --- /dev/null +++ b/src/_icons/smart-home.svg @@ -0,0 +1,6 @@ +--- +--- +<svg> + <path d="M18.97 8.71l-5.333 -4.148a2.666 2.666 0 0 0 -3.274 0l-5.334 4.148a2.665 2.665 0 0 0 -1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-7.2c0 -0.823 -0.38 -1.6 -1.03 -2.105" /> + <path d="M16 15c-2.21 1.333-5.792 1.333-8 0" /> +</svg> diff --git a/src/_icons/square-rotated.svg b/src/_icons/square-rotated.svg new file mode 100644 index 0000000..dc22d16 --- /dev/null +++ b/src/_icons/square-rotated.svg @@ -0,0 +1,6 @@ +--- +category: Shapes +--- +<svg> + <path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" /> +</svg> diff --git a/src/_icons/square.svg b/src/_icons/square.svg index b46fac1..1d8fae0 100644 --- a/src/_icons/square.svg +++ b/src/_icons/square.svg @@ -1,4 +1,5 @@ --- +category: Shapes tags: [checkbox] --- <svg> diff --git a/src/_icons/step-into.svg b/src/_icons/step-into.svg new file mode 100644 index 0000000..deb0f3b --- /dev/null +++ b/src/_icons/step-into.svg @@ -0,0 +1,9 @@ +--- +category: Arrows +--- +<svg> + <line x1="12" y1="3" x2="12" y2="15" /> + <line x1="16" y1="11" x2="12" y2="15" /> + <line x1="8" y1="11" x2="12" y2="15" /> + <circle cx="12" cy="20" r="1" /> +</svg> diff --git a/src/_icons/step-out.svg b/src/_icons/step-out.svg new file mode 100644 index 0000000..958c039 --- /dev/null +++ b/src/_icons/step-out.svg @@ -0,0 +1,9 @@ +--- +category: Arrows +--- +<svg> + <line x1="12" y1="3" x2="12" y2="15" /> + <line x1="16" y1="7" x2="12" y2="3" /> + <line x1="8" y1="7" x2="12" y2="3" /> + <circle cx="12" cy="20" r="1" /> +</svg> diff --git a/src/_icons/tornado.svg b/src/_icons/tornado.svg new file mode 100644 index 0000000..de2814a --- /dev/null +++ b/src/_icons/tornado.svg @@ -0,0 +1,10 @@ +--- +category: Weather +--- +<svg> + <path d="M21 4h-18" /> + <path d="M13 16h-6" /> + <line x1="11" y1="20" x2="15" y2="20" /> + <line x1="6" y1="8" x2="20" y2="8" /> + <line x1="4" y1="12" x2="16" y2="12" /> +</svg> diff --git a/src/_icons/triangle-square-circle.svg b/src/_icons/triangle-square-circle.svg new file mode 100644 index 0000000..95f22e4 --- /dev/null +++ b/src/_icons/triangle-square-circle.svg @@ -0,0 +1,8 @@ +--- +category: Shapes +--- +<svg> + <path d="M12 3l-4 7h8z" /> + <circle cx="17" cy="17" r="3" /> + <rect x="4" y="14" width="6" height="6" rx="1" /> +</svg> diff --git a/src/_icons/triangle.svg b/src/_icons/triangle.svg index a6aa4f2..3bdd2e9 100644 --- a/src/_icons/triangle.svg +++ b/src/_icons/triangle.svg @@ -1,4 +1,5 @@ --- +category: Shapes tags: [delta] --- <svg> diff --git a/src/_includes/icon.html b/src/_includes/icon.html index 39b96aa..89bd3c6 100644 --- a/src/_includes/icon.html +++ b/src/_includes/icon.html @@ -1,2 +1,2 @@ {% assign stroke = include.stroke | default: 2 %}{% assign width = 24 %}{% assign name = include.name %}{% assign icon = site.icons | where: "slug", name | first %}{% capture replace-to %}<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-{{ name }}" width="{{ width }}" height="{{ width }}" viewBox="0 0 24 24" stroke-width="{{ stroke }}" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> - <path stroke="none" d="M0 0h24v24H0z"/>{% endcapture %}{% assign content = icon.content | replace: '<svg>', replace-to %}{{ content }} + <path stroke="none" d="M0 0h24v24H0z" fill="none"/>{% endcapture %}{% assign content = icon.content | replace: '<svg>', replace-to %}{{ content }} diff --git a/src/editor.html b/src/editor.html index 9b8e953..b6c3af7 100644 --- a/src/editor.html +++ b/src/editor.html @@ -62,6 +62,10 @@ layout: default <a class="tab">Tab 3</a> </div> + <div class="mb"> + <textarea rows="10" class="input js-textarea"></textarea> + </div> + <div class="mt-auto"> <input class="input-range js-input-range" type="range" min="1.25" max="2.75" step=".25" value="2"> @@ -116,6 +120,8 @@ layout: default $('.js-icon-manager svg').replaceWith($(this).find('>svg:eq(0)').clone()); + $('.js-textarea').val($(this)[0].innerHTML.trim()); + e.preventDefault(); return false; }) diff --git a/src/style.scss b/src/style.scss index 596669a..f4236f6 100644 --- a/src/style.scss +++ b/src/style.scss @@ -279,6 +279,10 @@ Components box-shadow: 0 0 0 3px rgba($primary, .1); border-color: rgba($primary, .4); } + + @at-root textarea#{&} { + min-height: 8rem; + } } .icon { |
