Add icons

This commit is contained in:
Cole Bemis 2017-02-26 11:01:54 -08:00
parent fd611477eb
commit 3e99de0ab1
8 changed files with 32 additions and 0 deletions

7
_data/icons.json Normal file
View File

@ -0,0 +1,7 @@
[
"mail",
"lock",
"unlock",
"square",
"circle"
]

6
_includes/icons.html Normal file
View File

@ -0,0 +1,6 @@
<section>
{% for icon in site.data.icons %}
{% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
{% include_relative {{ icon_path }} %}
{% endfor %}
</section>

3
icons/circle.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
</svg>

After

Width:  |  Height:  |  Size: 215 B

4
icons/lock.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
<path d="M7,11V7A5,5,0,0,1,17,7v4"/>
</svg>

After

Width:  |  Height:  |  Size: 279 B

4
icons/mail.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4,4h16c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V6C2,4.9,2.9,4,4,4z"/>
<polyline points="22,6 12,13 2,6"/>
</svg>

After

Width:  |  Height:  |  Size: 313 B

3
icons/square.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
</svg>

After

Width:  |  Height:  |  Size: 239 B

4
icons/unlock.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
<path d="M7,11V7a5,5,0,0,1,9.9-1"/>
</svg>

After

Width:  |  Height:  |  Size: 278 B

View File

@ -10,6 +10,7 @@
</head>
<body>
{% include header.html %}
{% include icons.html %}
{% include request.html %}
{% include footer.html %}
</body>