danbarber/danbarber.me
1
0
Fork 0
mirror of https://github.com/danbee/danbarber.me synced 2025-03-04 08:59:10 +00:00
Code Issues Releases Wiki Activity

Switch everything to SVG

Browse Source
This commit is contained in:
Daniel Barber 2017-08-22 19:33:22 -04:00
parent b0fc9966e8
commit e7dd448adb
Signed by: danbarber
GPG Key ID: 931D8112E0103DD8
13 changed files with 15 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
_assets/fonts/icomoon.dev.svg
View File

@ -1,38 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
This is a custom SVG font generated by IcoMoon.
<iconset grid="16"></iconset>
</metadata>
<defs>
<font id="icomoon" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#xe000;" d="M 510.171,70.40 m0.00,0.00,c 57.143,0.00 102.857,45.714 102.857,102.40 0.00,56.686 -45.714,102.857 -102.40,102.857 -51.657,0.00 -94.629-38.40 -101.486-88.229 l 0.00-14.629 L 408.686,162.286 407.771,70.40 407.771-32.00 307.20-32.00 307.20-4.571 C 277.029-21.943 241.829-32.00 204.343-32.00 91.429-32.00 0.00,59.886 0.00,172.80 0.00,285.714 91.429,377.60 203.886,377.60 l 82.743,0.00 0.00-101.943 -81.829,0.00 C 147.657,275.657 101.943,229.486 101.943,172.80 c 0.00-56.686 45.714-102.40 102.40-102.40 52.571,0.00 96.00,39.314 101.943,90.514 0.00,4.114 -0.457,7.771 -0.457,11.886 0.00,0.00 0.457,38.40 0.914,68.114 l 0.457,34.743 0.00,101.943 0.00,26.971 0.00,75.429 101.943,0.00 0.00-129.371 C 438.857,368.00 473.60,377.60 510.629,377.60 623.543,377.60 714.971,286.171 714.971,172.80 714.971,59.886 623.543-32.00 510.629-32.00 l -80.00,0.00 0.00,102.40 79.543,0.00" horiz-adv-x="714.6057142857143" data-tags="logomark" />
<glyph unicode="&#xe001;" d="M 512.00,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13.00, 38.343,33.585, 46.186,58.115
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0.00-105.044-47.029-105.044-105.039
c0.00-8.233, 0.929-16.25, 2.72-23.939c-87.30,4.382-164.701,46.20-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
c0.00-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.01-0.438-0.01-0.878-0.01-1.321
c0.00-50.894, 36.209-93.348, 84.261-103.00c-8.813-2.40-18.094-3.686-27.674-3.686c-6.769,0.00-13.349,0.66-19.764,1.886
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0.00-16.84,0.497-25.058,1.47
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0.00, 298.868,160.062, 298.868,298.872c0.00,4.554-0.103,9.084-0.305,13.59
C 480.11,343.227, 497.918,361.727, 512.00,382.791z" data-tags="twitter, tweet, social" />
<glyph unicode="&#xe002;" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 408.028,71.972
c-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.80-7.246L 319.874,57.00 c0.00,20.167-6.917,35.00-20.75,44.50
c 8.667,0.833, 16.625,2.00, 23.875,3.50s 14.917,3.667, 23.00,6.50s 15.333,6.208, 21.75,10.125s 12.583,9.00, 18.50,15.25s 10.875,13.333, 14.875,21.25
s 7.167,17.417, 9.50,28.50s 3.50,23.292, 3.50,36.625c0.00,25.833-8.417,47.833-25.25,66.00c 7.667,20.00, 6.833,41.75-2.50,65.25l-6.25,0.75
c-4.333,0.50-12.125-1.333-23.375-5.50s-23.875-11.00-37.875-20.50c-19.833,5.50-40.417,8.25-61.75,8.25c-21.50,0.00-42.00-2.75-61.50-8.25
c-8.833,6.00-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19.00,8.00s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
s-2.00-0.333-2.50-0.50c-9.333-23.667-10.167-45.417-2.50-65.25c-16.833-18.167-25.25-40.167-25.25-66.00c0.00-13.333, 1.167-25.542, 3.50-36.625
s 5.50-20.583, 9.50-28.50s 8.958-15.00, 14.875-21.25s 12.083-11.333, 18.50-15.25s 13.667-7.292, 21.75-10.125s 15.75-5.00, 23.00-6.50
s 15.208-2.667, 23.875-3.50c-13.667-9.333-20.50-24.167-20.50-44.50l0.00-39.115 c-7.549,2.247-14.99,4.902-22.30,7.994
c-25.597,10.827-48.594,26.335-68.353,46.093c-19.758,19.759-35.267,42.756-46.093,68.354C 46.679,166.805, 41.00,194.957, 41.00,224.00
s 5.679,57.195, 16.879,83.675c 10.827,25.597, 26.335,48.594, 46.093,68.353s 42.756,35.267, 68.353,46.093
C 198.805,433.321, 226.957,439.00, 256.00,439.00s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-46.093
c 19.758-19.758, 35.266-42.756, 46.093-68.353C 465.321,281.195, 471.00,253.043, 471.00,224.00s-5.679-57.195-16.879-83.675
C 443.294,114.728, 427.786,91.73, 408.028,71.972z" data-tags="github, octacat, social" />
<glyph unicode="&#xe003;" d="M 1.742,212.483 C 1.742,343.766 68.638,413.171 148.913,413.171 C 206.611,413.171 255.947,375.542 293.576,273.526 C 343.748,401.464 328.696,413.171 358.799,413.171 L 394.756,413.171 C 404.79,413.171 413.989,411.499 413.989,401.464 C 413.989,394.775 375.523,269.345 337.058,184.888 C 333.713,178.199 330.368,171.509 330.368,163.983 C 330.368,156.458 353.782,83.708 388.903,83.708 C 415.661,83.708 398.937,107.958 432.385,107.958 L 453.29,107.958 C 463.324,107.958 472.523,106.285 472.523,92.906 C 472.523,61.967 444.928,9.286 388.903,9.286 C 347.929,9.286 312.808,36.045 286.886,95.415 L 286.05,95.415 C 250.093,43.57 204.102,9.286 148.913,9.286 C 90.379,9.286 1.742,51.932 1.742,212.483 Z M 64.457,210.811 C 64.457,171.509 69.474,124.682 99.577,100.432 C 112.956,89.561 129.68,83.708 147.241,83.708 C 202.43,83.708 239.223,153.113 255.947,184.888 C 234.205,257.638 212.464,338.749 148.077,338.749 C 128.008,338.749 94.56,330.387 77.836,291.922 C 66.965,266.836 64.457,238.405 64.457,210.811 Z M 64.457,210.811" horiz-adv-x="474.44015444015446" data-tags="alpha.app.net" />
<glyph unicode="&#x20;" horiz-adv-x="256" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
</font></defs></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.3 KiB

BIN
_assets/fonts/icomoon.eot
View File

Binary file not shown.

38
_assets/fonts/icomoon.svg
View File

@ -1,38 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
This is a custom SVG font generated by IcoMoon.
<iconset grid="16"></iconset>
</metadata>
<defs>
<font id="icomoon" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#xe000;" d="M 510.171,70.40 m0.00,0.00,c 57.143,0.00 102.857,45.714 102.857,102.40 0.00,56.686 -45.714,102.857 -102.40,102.857 -51.657,0.00 -94.629-38.40 -101.486-88.229 l 0.00-14.629 L 408.686,162.286 407.771,70.40 407.771-32.00 307.20-32.00 307.20-4.571 C 277.029-21.943 241.829-32.00 204.343-32.00 91.429-32.00 0.00,59.886 0.00,172.80 0.00,285.714 91.429,377.60 203.886,377.60 l 82.743,0.00 0.00-101.943 -81.829,0.00 C 147.657,275.657 101.943,229.486 101.943,172.80 c 0.00-56.686 45.714-102.40 102.40-102.40 52.571,0.00 96.00,39.314 101.943,90.514 0.00,4.114 -0.457,7.771 -0.457,11.886 0.00,0.00 0.457,38.40 0.914,68.114 l 0.457,34.743 0.00,101.943 0.00,26.971 0.00,75.429 101.943,0.00 0.00-129.371 C 438.857,368.00 473.60,377.60 510.629,377.60 623.543,377.60 714.971,286.171 714.971,172.80 714.971,59.886 623.543-32.00 510.629-32.00 l -80.00,0.00 0.00,102.40 79.543,0.00" horiz-adv-x="714.6057142857143" />
<glyph unicode="&#xe001;" d="M 512.00,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13.00, 38.343,33.585, 46.186,58.115
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0.00-105.044-47.029-105.044-105.039
c0.00-8.233, 0.929-16.25, 2.72-23.939c-87.30,4.382-164.701,46.20-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
c0.00-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.01-0.438-0.01-0.878-0.01-1.321
c0.00-50.894, 36.209-93.348, 84.261-103.00c-8.813-2.40-18.094-3.686-27.674-3.686c-6.769,0.00-13.349,0.66-19.764,1.886
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0.00-16.84,0.497-25.058,1.47
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0.00, 298.868,160.062, 298.868,298.872c0.00,4.554-0.103,9.084-0.305,13.59
C 480.11,343.227, 497.918,361.727, 512.00,382.791z" />
<glyph unicode="&#xe002;" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 408.028,71.972
c-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.80-7.246L 319.874,57.00 c0.00,20.167-6.917,35.00-20.75,44.50
c 8.667,0.833, 16.625,2.00, 23.875,3.50s 14.917,3.667, 23.00,6.50s 15.333,6.208, 21.75,10.125s 12.583,9.00, 18.50,15.25s 10.875,13.333, 14.875,21.25
s 7.167,17.417, 9.50,28.50s 3.50,23.292, 3.50,36.625c0.00,25.833-8.417,47.833-25.25,66.00c 7.667,20.00, 6.833,41.75-2.50,65.25l-6.25,0.75
c-4.333,0.50-12.125-1.333-23.375-5.50s-23.875-11.00-37.875-20.50c-19.833,5.50-40.417,8.25-61.75,8.25c-21.50,0.00-42.00-2.75-61.50-8.25
c-8.833,6.00-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19.00,8.00s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
s-2.00-0.333-2.50-0.50c-9.333-23.667-10.167-45.417-2.50-65.25c-16.833-18.167-25.25-40.167-25.25-66.00c0.00-13.333, 1.167-25.542, 3.50-36.625
s 5.50-20.583, 9.50-28.50s 8.958-15.00, 14.875-21.25s 12.083-11.333, 18.50-15.25s 13.667-7.292, 21.75-10.125s 15.75-5.00, 23.00-6.50
s 15.208-2.667, 23.875-3.50c-13.667-9.333-20.50-24.167-20.50-44.50l0.00-39.115 c-7.549,2.247-14.99,4.902-22.30,7.994
c-25.597,10.827-48.594,26.335-68.353,46.093c-19.758,19.759-35.267,42.756-46.093,68.354C 46.679,166.805, 41.00,194.957, 41.00,224.00
s 5.679,57.195, 16.879,83.675c 10.827,25.597, 26.335,48.594, 46.093,68.353s 42.756,35.267, 68.353,46.093
C 198.805,433.321, 226.957,439.00, 256.00,439.00s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-46.093
c 19.758-19.758, 35.266-42.756, 46.093-68.353C 465.321,281.195, 471.00,253.043, 471.00,224.00s-5.679-57.195-16.879-83.675
C 443.294,114.728, 427.786,91.73, 408.028,71.972z" />
<glyph unicode="&#xe003;" d="M 1.742,212.483 C 1.742,343.766 68.638,413.171 148.913,413.171 C 206.611,413.171 255.947,375.542 293.576,273.526 C 343.748,401.464 328.696,413.171 358.799,413.171 L 394.756,413.171 C 404.79,413.171 413.989,411.499 413.989,401.464 C 413.989,394.775 375.523,269.345 337.058,184.888 C 333.713,178.199 330.368,171.509 330.368,163.983 C 330.368,156.458 353.782,83.708 388.903,83.708 C 415.661,83.708 398.937,107.958 432.385,107.958 L 453.29,107.958 C 463.324,107.958 472.523,106.285 472.523,92.906 C 472.523,61.967 444.928,9.286 388.903,9.286 C 347.929,9.286 312.808,36.045 286.886,95.415 L 286.05,95.415 C 250.093,43.57 204.102,9.286 148.913,9.286 C 90.379,9.286 1.742,51.932 1.742,212.483 Z M 64.457,210.811 C 64.457,171.509 69.474,124.682 99.577,100.432 C 112.956,89.561 129.68,83.708 147.241,83.708 C 202.43,83.708 239.223,153.113 255.947,184.888 C 234.205,257.638 212.464,338.749 148.077,338.749 C 128.008,338.749 94.56,330.387 77.836,291.922 C 66.965,266.836 64.457,238.405 64.457,210.811 Z M 64.457,210.811" horiz-adv-x="474.44015444015446" />
<glyph unicode="&#x20;" horiz-adv-x="256" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
</font></defs></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.2 KiB

BIN
_assets/fonts/icomoon.ttf
View File

Binary file not shown.

BIN
_assets/fonts/icomoon.woff
View File

Binary file not shown.

4
_assets/images/logo.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="109" height="79" viewBox="0 0 109 79" xmlns="http://www.w3.org/2000/svg">
<title>Dan Barber</title>
<path d="M93.45 47.384c0-8.752-6.996-15.847-15.626-15.847-7.88 0-14.906 6.66-15.824 14.463v33H47v-5c-4.425 3.093-10.13 5-15.824 5C13.958 79 0 64.845 0 47.384 0 29.95 13.916 15.81 31 16h13v16H31c-8.454-.463-15.45 6.632-15.45 15.384s6.996 15.848 15.626 15.848C39.194 63.232 46.272 55.748 47 48c.136-.747 0-48 0-48h15v20c4.402-2.37 10.193-4.232 15.824-4.232C95.042 15.768 109 29.923 109 47.384 109 64.844 95.042 79 77.824 79l-12.834-.003L65 63h13c8.454.232 15.45-6.864 15.45-15.616z" fill="#fff" fill-rule="evenodd"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 638 B

1
_assets/images/social/twitter.svg Normal file
View File

@ -0,0 +1 @@
<svg width="19" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg"><title>twitter</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero" fill="#1DA1F2"><path d="M5.955 15.946c7.147 0 11.055-6.11 11.055-11.407 0-.175-.004-.347-.01-.52.757-.565 1.417-1.27 1.937-2.075-.696.32-1.445.534-2.23.63.8-.495 1.417-1.28 1.707-2.217-.75.46-1.582.793-2.467.974C15.237.552 14.23.065 13.11.065c-2.144 0-3.884 1.795-3.884 4.01 0 .313.034.62.1.913-3.23-.168-6.092-1.763-8.008-4.19C.984 1.392.792 2.08.792 2.815c0 1.39.686 2.62 1.73 3.337-.64-.02-1.237-.2-1.76-.5v.05c0 1.943 1.338 3.564 3.116 3.93-.327.093-.67.142-1.025.142-.25 0-.493-.025-.73-.072.494 1.593 1.93 2.752 3.63 2.784C4.422 13.56 2.746 14.2.926 14.2c-.313 0-.623-.018-.927-.055 1.72 1.137 3.76 1.8 5.956 1.8"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 831 B

44
_assets/stylesheets/includes/icons.css.scss
View File

@ -1,44 +0,0 @@
@font-face {
font-family: "icomoon";
src: asset_url("icomoon.eot");
src: asset_url("icomoon.eot?#iefix") format("embedded-opentype"),
asset_url("icomoon.woff") format("woff"),
asset_url("icomoon.ttf") format("truetype"),
asset_url("icomoon.svg#icomoon") format("svg");
font-ht: normal;
font-style: normal;
}
[class^="icon-"]::before,
[class*=" icon-"]::before {
font-family: "icomoon";
font-style: normal;
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
.icon-logomark::before {
content: "";
}
.icon-twitter::before {
position: relative;
top: 0.1em;
content: "";
margin-right: 0.2em;
color: #05ADE7;
}
.icon-github::before {
content: "";
}
.icon-app-net::before {
position: relative;
top: 0.1em;
content: "";
margin-right: 0.2em;
color: #8A8E91;
}

18
_assets/stylesheets/includes/layout.css.scss
View File

@ -4,8 +4,8 @@ $pad-min: 8.5% !default;
header[role=banner] { header[role=banner] {
padding: 1em 0 0.5em; padding: 1em 0 0.5em;
h1 { h1 {
font-size: 3.43em; font-size: 1em;
margin: 0; margin: 0.25em 0 0.5em;
a { a {
color: white; color: white;
line-height: 0; line-height: 0;
@ -50,31 +50,27 @@ nav[role=navigation] {
font-size: 1em; font-size: 1em;
} }
header[role=banner] h1 img {
width: 4.6982758621em;
height: 3.4051724138em;
}
@media only screen and (min-width: 450px) { @media only screen and (min-width: 450px) {
body { body {
font-size: 110%; font-size: 110%;
} }
header[role=banner] h1 img {
height: 50px;
}
} }
@media only screen and (min-width: 650px) { @media only screen and (min-width: 650px) {
body { body {
font-size: 125%; font-size: 125%;
} }
header[role=banner] h1 img {
height: 60px;
}
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
body { body {
font-size: 135%; font-size: 135%;
} }
header[role=banner] h1 img {
height: 80px;
}
} }
@media only screen and (min-width: 892px) { @media only screen and (min-width: 892px) {

1
_assets/stylesheets/styles.css.scss
View File

@ -3,7 +3,6 @@
@import "includes/main.css.scss"; @import "includes/main.css.scss";
@import "includes/colors.css.scss"; @import "includes/colors.css.scss";
@import "includes/typography.css.scss"; @import "includes/typography.css.scss";
@import "includes/icons.css.scss";
@import "includes/layout.css.scss"; @import "includes/layout.css.scss";
@import "includes/styles.css.scss"; @import "includes/styles.css.scss";
@import "includes/video.css.scss"; @import "includes/video.css.scss";

3
_config.yml
View File

@ -10,7 +10,7 @@ collections:
title: Uploads title: Uploads
output: true output: true
url: http://danbarber.me url: https://danbarber.me
author: Dan Barber author: Dan Barber
markdown: Kramdown markdown: Kramdown
description: Web designer and developer for thoughtbot in London. Drummer and all description: Web designer and developer for thoughtbot in London. Drummer and all
@ -67,7 +67,6 @@ assets:
- _assets/icons - _assets/icons
- _assets/javascripts - _assets/javascripts
- _assets/stylesheets - _assets/stylesheets
- _assets/fonts
features: features:
liquid: true liquid: true

2
_includes/footer.html
View File

@ -1,6 +1,6 @@
<footer role="contentinfo"> <footer role="contentinfo">
<p> <p>
Follow me <a class="icon-app-net" href="https://alpha.app.net/danbarber" rel="me">@danbarber</a> or <a class="icon-twitter" href="http://twitter.com/_danbarber">@_danbarber</a> Follow me <a href="http://twitter.com/_danbarber">{% img social/twitter.svg %} @_danbarber</a>
</p> </p>
{% if site.simple_search %} {% if site.simple_search %}
<form action="{{ site.simple_search }}" method="get"> <form action="{{ site.simple_search }}" method="get">

2
_includes/header.html
View File

@ -1,6 +1,6 @@
<header role="banner"> <header role="banner">
<div class="container"> <div class="container">
<nav role="navigation">{% include navigation.html %}</nav> <nav role="navigation">{% include navigation.html %}</nav>
<h1><a class="icon-logomark" href="/"><span>Dan Barber</span></a></h1> <h1><a class="logo" href="/">{% img logo.svg %}</a></h1>
</div> </div>
</header> </header>