finding new css grid

This commit is contained in:
Ross Trottier 2024-05-30 08:40:39 -06:00
parent 82095dec79
commit ad72b09505
11 changed files with 440 additions and 5 deletions

BIN
assets/images/ad-mock.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

View File

@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="59"
height="43.000549"
viewBox="0 0 59 43.000548"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,0,485.99999)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;&#10;&#10;&#10;&#10;<path
class="st5"
d="m 59,-8.1660186e-6 c 0,0 -20.4,0 -30,0 C 16.8,-8.1660186e-6 0.1,16.699992 0.1,29.999992 c 0,13.3 -0.1,13 -0.1,13 h 59 z"
id="path20" />&#10;<g
id="g24"
transform="translate(0,-350.00001)">&#10; <g
id="g23">&#10; <path
class="st0"
d="m 34,367.8 c 1.1,0.2 3.7,0.7 4.4,0.8 1.9,0.4 2.5,-2 0.6,-2.3 -2.4,-0.4 -4.1,-0.8 -4.1,-0.8 0,0 0.4,-1.1 0.8,-2.5 0.4,-1.4 0.5,-4.9 -3.7,-3.9 -4,1 -6,2.2 -6,2.2 -1.9,0.9 -7,3.5 -3.9,7 2.5,2.8 5.3,3.9 5.3,3.9 0,0 0.4,5.5 0.4,6.5 -0.1,2.7 3,2.7 2.9,0.1 -0.1,-2.7 -0.1,-6.3 -0.1,-6.8 0,-0.5 -0.3,-1.3 -1,-2 -0.7,-0.7 -3.6,-3.6 -3.6,-3.6 0,0 6.4,-1.6 7.2,-2 -1.3,2.6 -0.3,3.2 0.8,3.4 z"
id="path21" />&#10; <path
class="st0"
d="m 17.3,370.8 c -4.1,0 -7.3,3.3 -7.3,7.3 0,4.1 3.3,7.3 7.3,7.3 4,0 7.3,-3.3 7.3,-7.3 0.1,-4 -3.2,-7.3 -7.3,-7.3 z m 0,12.9 c -3,0 -5.5,-2.5 -5.5,-5.5 0,-3 2.5,-5.5 5.5,-5.5 3,0 5.5,2.5 5.5,5.5 0.1,3 -2.4,5.5 -5.5,5.5 z"
id="path22" />&#10; <path
class="st0"
d="m 40.2,370.8 c -4.1,0 -7.3,3.3 -7.3,7.3 0,4.1 3.3,7.3 7.3,7.3 4,0 7.3,-3.3 7.3,-7.3 0,-4 -3.3,-7.3 -7.3,-7.3 z m 0,12.9 c -3,0 -5.5,-2.5 -5.5,-5.5 0,-2 1.1,-3.8 2.8,-4.8 l 2.1,4.8 c 0.1,0.3 0.4,0.4 0.6,0.4 0.1,0 0.2,0 0.3,-0.1 0.3,-0.1 0.5,-0.5 0.4,-0.9 l -2.1,-4.8 c 0.5,-0.1 1,-0.2 1.5,-0.2 3,0 5.5,2.5 5.5,5.5 -0.1,3.1 -2.6,5.6 -5.6,5.6 z"
id="path23" />&#10; <circle
class="st0"
cx="39.200001"
cy="360"
r="3"
id="circle23" />&#10; </g>&#10;</g>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="9.8999939"
height="19.5"
viewBox="0 0 9.8999939 19.5"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,-249,786)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;<path
class="st7"
d="M 9.8,3.8999988 V 0.09999883 c -1.4,0 -1,-0.099999996574 -2.4,-0.099999996574 C 6,-1.1665741e-6 5.2,0.19999883 4.3,0.69999883 3.4,1.0999988 3,1.6999988 2.6,2.3999988 c -0.3,0.7 -0.5,1.6 -0.5,3 v 0.5 h -2 l -0.1,3.8 H 2 V 19.499999 H 5.9 V 9.6999988 h 3.5 l 0.5,-3.8 H 6 c 0,0 -0.3,-1.2 0.3,-1.8 0.4,-0.3 3.5,-0.2 3.5,-0.2 z"
id="path40" />&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

45
assets/images/logo.svg Normal file
View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="93"
height="80.900421"
viewBox="0 0 93 80.900419"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,0,635.80041)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;<path
class="st2"
d="m 79.7,23.00041 c 3,-0.4 7.2,0.2 13.3,1.3 -6,-1.8 -10,-3.1 -12.5,-4.8 2.4,-1.8 6.3,-3.4 12.2,-5.6 -6.1,1.4 -10.2,2.2 -13.2,2.1 1.2,-2.8 3.8,-6.0999996 7.8,-10.8999996 -4.6,4.3 -7.7,6.9999996 -10.4,8.3999996 -0.4,-3 0.2,-7.1999996 1.3,-13.29999963 C 76.4,6.2004104 75,10.20041 73.4,12.70041 71.6,10.30041 70,6.4004104 67.8,0.50041037 69,5.7004104 69.8,9.5004104 69.9,12.40041 c -0.5,-0.5 -1,-1 -1.5,-1.5 C 49,-3.9995896 27,7.8004104 22,26.10041 c -4.2,15.2 -15.7,15.7 -11.3,1.2 C 15.9,10.20041 32.8,4.1036811e-4 47.3,0.50041037 45.2,0.20041037 43,4.1036811e-4 40.8,4.1036811e-4 18.2,-0.09958963 0,18.00041 0,40.40041 c 0,9.8 3.5,18.7 9.2,25.7 18.2,-33.2 42.6,-47.7 65.4,-48.1 -21.6,3.2 -45.3,29.1 -48.9,58.2 15.4,3.4 29.7,-7 33.7,-21.4 4.2,-15.2 15.7,-15.7 11.3,-1.2 -5.2,17.1 -22.1,27.3 -36.6,26.8 2.1,0.3 4.3,0.5 6.5,0.5 22.4,0 40.6,-18.2 40.6,-40.6 0,-4.9 -0.9,-9.7 -2.5,-14 2.5,1.4 5.4,3.7 9.4,7 -4.3,-4.4 -7.1,-7.6 -8.4,-10.3 z"
id="path16"
style="fill:url(#SVGID_1_)" />&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="59"
height="43.000549"
viewBox="0 0 59 43.000548"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,0,435.99999)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;&#10;&#10;&#10;&#10;&#10;&#10;<path
class="st6"
d="m 59,-9.3325926e-6 c 0,0 -20.4,0 -30,0 C 16.8,-9.3325926e-6 0.1,16.699991 0.1,29.999991 c 0,13.3 -0.1,13 -0.1,13 h 59 z"
id="path24" />&#10;&#10;<g
id="g27"
transform="translate(0,-400.00001)">&#10; <path
class="st0"
d="m 41.8,422.1 h -5.7 c 0,0 0.4,-4.1 0.3,-5 -0.1,-0.8 -6.6,-7.2 -6.6,-7.2 -0.6,-0.6 -1.7,-0.6 -2.3,0 l -4.3,4.3 c -0.6,0.6 -0.6,1.7 0,2.3 0.6,0.6 1.7,0.6 2.3,0 l 3.2,-3.2 2.2,2.2 -17.8,17.8 c -0.7,0.7 -0.8,2 0,2.7 0.4,0.4 0.9,0.6 1.4,0.6 0.5,0 1,-0.2 1.3,-0.6 l 10.2,-10.1 0.2,-0.1 3.9,4.1 h -3.7 c -1.1,0 -1.9,0.9 -1.9,1.9 0,1 0.9,1.9 1.9,1.9 h 8.1 c 0.8,0 1.4,-0.5 1.8,-1.1 0.3,-0.7 0.2,-1.5 -0.4,-2.1 l -6.3,-6.8 3.4,-2 0.1,2 c 0.1,0.9 0.8,1.5 1.6,1.5 h 7.2 c 0.9,0 1.6,-0.7 1.6,-1.6 0,-0.7 -0.8,-1.5 -1.7,-1.5 z"
id="path27" />&#10; <circle
class="st0"
cx="37.900002"
cy="411.70001"
r="3.7"
id="circle27" />&#10;</g>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -0,0 +1,57 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="59"
height="43.000549"
viewBox="0 0 59 43.000548"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,0,535.99999)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;&#10;&#10;&#10;<path
class="st4"
d="m 59,-6.9994445e-6 c 0,0 -20.4,0 -30,0 C 16.8,-6.9994445e-6 0.1,16.699993 0.1,29.999993 c 0,13.3 -0.1,13 -0.1,13 h 59 z"
id="path19" />&#10;&#10;&#10;&#10;<g
id="g26"
transform="translate(0,-300.00001)">&#10; <path
class="st0"
d="m 44.8,330.9 c -2.9,-2.5 -8.5,-2.8 -11,-2.2 -2.5,0.6 -6.7,2.4 -9.5,2.7 -2.8,0.3 -5.6,-0.5 -7.8,-1.9 -2.2,-1.4 -3,0.6 -2.2,1.5 0.8,0.9 1.9,1.9 4.2,2.8 5.9,2.3 9.6,0.7 12.6,-0.6 3,-1.3 4.8,-0.9 6.6,-0.9 1.8,0 4.3,0.8 5.7,1.3 1.3,0.5 4.3,-0.2 1.4,-2.7 z"
id="path25" />&#10; <path
class="st0"
d="m 18,323.4 c 2.8,-2.5 3.5,-3.3 3.5,-3.3 l 4.1,3.3 -5.5,5.3 c 0,0 5,2.4 9.6,0.1 4.7,-2.3 5.9,-3.9 5.9,-3.9 0,0 -11.1,-8.8 -12.6,-10.2 -1.5,-1.4 -3,0.1 -3.9,1 -0.8,0.9 -3.6,3.7 -4.4,4.6 -1.9,1.8 0.7,5.4 3.3,3.1 z"
id="path26" />&#10; <circle
class="st0"
cx="36.700001"
cy="317.60001"
r="5"
id="circle26" />&#10;</g>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

44
assets/images/twitter.svg Normal file
View File

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="21.800003"
height="18.000004"
viewBox="0 0 21.800003 18.000003"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,-149.89999,786.2)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;<path
class="st7"
d="m 0.6000061,7.5999996 c 0,2.2 1.9,3.3000004 3.9,3.7000004 -0.4,0.1 -0.5,0.5 -1.9,0.3 0.6,1.8 2.2,2.4 4.1,2.4 -1.5,1.2 -3.5,1.6 -5.6,1.6 -0.4,0 -0.7,0 -1.0999999964844,-0.1 C 2.0000061,16.8 4.3000061,18 6.8000061,18 15.000006,18 19.000006,11.9 19.000006,5.9999996 c 0,-0.2 0,-0.4 0,-0.6 0.9,-0.6 2.2,-1.5 2.8,-2.4 -0.8,0.4 -1.7,0 -2.6,0.1 0.9,-0.5 2,-1.2 2.2,-2.9 -0.9,0.5 -2,1.2 -3.1,1.4 -0.8,-0.9 -2,-1.59999999896832 -3.3,-1.59999999896832 -2.5,0 -4.1,2.29999999896832 -4.1,4.79999999896832 0,0.4 0,0.6 0.1,0.9 -3.6999999,-0.2 -7.5999999,-1.4 -9.7999999,-4.1 -0.4,0.7 -0.6,1.4 -0.6,2.2 0,1.5 1.2,2.9 2.4,3.7 -0.7,0.2 -0.5,0.6 -2.4,0.1 z"
id="path41" />&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

44
assets/images/vimeo.svg Normal file
View File

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="20.363708"
height="18.060452"
viewBox="0 0 20.363708 18.060451"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,-200.70949,785.00489)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;<path
class="st7"
d="m 4.3905121,0.50489307 c 0,0 2.1,-1.2 2.9,0.1 0.6,0.40000003 2.1,8.70000003 2.4,10.29999993 0.3,1.6 1.0999999,2.2 1.5999999,1.5 0.5,-0.7 2.1,-2.4999999 3.2,-4.9999999 1.1,-2.5 -0.3,-2.9 -0.8,-2.7 -0.4,0.1 -2.7,0.2 -1.9,-0.8 0.8,-1 2.9,-2.7 3.4,-2.9 1,-0.70000003 2.3,-1.60000003 3.6,-0.10000003 0.8,0.60000003 2.6,2.70000003 0.8,5.90000003 -1.8,3.1999999 -8.4,10.4999999 -8.4,10.4999999 0,0 -2.4999999,1.7 -3.4999999,0 -1,-1.7 -4.3,-9.4999999 -4.4,-10.5999999 -0.1,-1.1 -0.4,-1.4 -0.9,-1.1 -0.5,0.3 -1.60000002,1.9 -1.70000002,1.4 -0.1,-0.5 -1.1,-1.1 -0.5,-2 0.4,-1 3.70000002,-4.10000003 4.20000002,-4.50000003 z"
id="path39" />&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

63
assets/images/youtube.svg Normal file
View File

@ -0,0 +1,63 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="16"
height="19.900002"
viewBox="0 0 16 19.900001"
xml:space="preserve"
sodipodi:docname="sprite.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs276" /><sodipodi:namedview
id="namedview276"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />&#10;<style
type="text/css"
id="style1">&#10; .st0{fill:#FFFFFF;}&#10; .st1{fill:#676767;}&#10; .st2{fill:url(#SVGID_1_);}&#10; .st3{fill:#AFAFB0;}&#10; .st4{fill:#1CA8BD;}&#10; .st5{fill:#388E43;}&#10; .st6{fill:#F3A61D;}&#10; .st7{fill:#074E9E;}&#10; .st8{fill:#BEBDBD;}&#10; .st9{fill:#0069E6;}&#10; .st10{fill:#074E9D;}&#10; .st11{fill:#ADADAD;}&#10; .st12{fill:url(#SVGID_2_);}&#10; .st13{fill:#F5861F;}&#10; .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;}&#10; .st15{fill:#0B4FA0;}&#10; .st16{fill:url(#SVGID_3_);}&#10; .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;}&#10; .st18{fill:#A3000C;}&#10; .st19{fill:url(#SVGID_4_);}&#10; .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;}&#10; .st21{fill:url(#SVGID_5_);}&#10; .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;}&#10; .st23{fill:url(#SVGID_6_);}&#10; .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;}&#10; .st25{fill:url(#SVGID_7_);}&#10; .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;}&#10; .st27{fill:#F5A700;}&#10; .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;}&#10; .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}&#10; .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;}&#10; .st31{fill:url(#SVGID_8_);}&#10; .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;}&#10; .st33{fill:#FF6D00;}&#10; .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;}&#10; .st35{fill:#622A7F;}&#10; .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;}&#10; .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;}&#10; .st38{opacity:0.2;}&#10; .st39{fill:#62C8F8;}&#10; .st40{opacity:0.7;fill:#FFFFFF;}&#10; .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;}&#10; .st43{fill:#06509B;}&#10; .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;}&#10; .st45{fill:#268AFF;}&#10; .st46{fill:#034BA1;}&#10; .st47{fill:#2283F5;}&#10; .st48{fill:#0D519D;}&#10; .st49{fill:url(#SVGID_9_);}&#10; .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;}&#10; .st51{fill:#1D9ECC;}&#10;</style>&#10;&#10;&#10;<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="18.870399"
y1="582.78119"
x2="89.075401"
y2="623.51343"
gradientTransform="matrix(1,0,0,-1,-352,786)">&#10; <stop
offset="0"
style="stop-color:#074E9D"
id="stop15" />&#10; <stop
offset="1"
style="stop-color:#3A6AB2"
id="stop16" />&#10;</linearGradient>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;<g
id="g45"
transform="translate(-352,-50.000001)">&#10; <g
id="g41">&#10; <path
id="u_2_"
class="st7"
d="m 365,57.2 h -1 v -0.6 c -0.4,0.4 -0.7,0.7 -1.1,0.7 -0.3,0 -0.5,-0.1 -0.6,-0.4 -0.1,-0.2 -0.1,-0.4 -0.1,-0.8 v -4.3 h 1 v 4 c 0,0.2 0,0.3 0,0.4 0,0.2 0.1,0.2 0.2,0.2 0.2,0 0.4,-0.2 0.6,-0.5 v -4.1 h 1 z" />&#10; <path
id="o_2_"
class="st7"
d="m 361.4,53.6 c 0,-0.6 -0.1,-1 -0.3,-1.3 -0.3,-0.4 -0.7,-0.5 -1.1,-0.5 -0.5,0 -0.9,0.2 -1.1,0.5 -0.2,0.3 -0.3,0.7 -0.3,1.3 v 1.9 c 0,0.6 0.1,1 0.3,1.2 0.3,0.4 0.7,0.6 1.1,0.6 0.4,0 0.9,-0.2 1.1,-0.6 0.2,-0.3 0.3,-0.7 0.3,-1.2 z m -1,2 c 0.1,0.5 -0.1,0.8 -0.4,0.8 -0.3,0 -0.5,-0.3 -0.4,-0.8 v -2.1 c -0.1,-0.5 0.1,-0.8 0.4,-0.8 0.3,0 0.5,0.3 0.4,0.8 z" />&#10; <path
id="y_2_"
class="st7"
d="m 357.4,54.3 v 2.9 h -1.1 v -2.9 c 0,0 -1.1,-3.6 -1.3,-4.3 h 1.1 l 0.8,2.8 0.7,-2.8 h 1.1 z" />&#10; </g>&#10; <g
id="g44">&#10; <path
class="st7"
d="m 361.6,63.1 c -0.2,0 -0.3,0.1 -0.5,0.2 v 3.2 c 0.2,0.2 0.3,0.2 0.5,0.2 0.3,0 0.4,-0.2 0.4,-0.7 v -2.3 c 0.1,-0.4 -0.1,-0.6 -0.4,-0.6 z"
id="path42" />&#10; <path
class="st7"
d="m 365.6,63.8 c 0,-0.5 -0.1,-0.6 -0.5,-0.6 -0.3,0 -0.5,0.1 -0.5,0.6 v 0.6 h 0.9 z"
id="path43" />&#10; <path
class="st7"
d="m 367.8,61 c 0,0 -0.2,-1.1 -0.6,-1.6 -0.6,-0.6 -1.3,-0.6 -1.6,-0.7 -2.2,-0.2 -5.6,-0.2 -5.6,-0.2 v 0 c 0,0 -3.4,0 -5.6,0.2 -0.3,0 -1,0 -1.6,0.7 -0.5,0.5 -0.6,1.6 -0.6,1.6 0,0 -0.2,1.3 -0.2,2.6 v 1.2 c 0,1.3 0.2,2.6 0.2,2.6 0,0 0.2,1.1 0.6,1.6 0.6,0.6 1.4,0.6 1.8,0.7 1.3,0.1 5.4,0.2 5.4,0.2 0,0 3.4,0 5.6,-0.2 0.3,0 1,0 1.6,-0.7 0.5,-0.5 0.6,-1.6 0.6,-1.6 0,0 0.2,-1.3 0.2,-2.6 v -1.2 c 0,-1.3 -0.2,-2.6 -0.2,-2.6 z m -12.3,6.7 h -1.1 v -6.2 h -1.1 v -1 h 3.4 v 1 h -1.2 z m 3.9,0 h -1 v -0.6 c -0.4,0.4 -0.7,0.7 -1.1,0.7 -0.3,0 -0.5,-0.1 -0.6,-0.4 -0.1,-0.2 -0.1,-0.4 -0.1,-0.8 v -4.2 h 1 v 4 c 0,0.2 0,0.3 0,0.4 0,0.2 0.1,0.2 0.2,0.2 0.2,0 0.4,-0.2 0.6,-0.5 v -4.1 h 1 z m 3.7,-1.6 c 0,0.5 0,0.8 -0.1,1.1 -0.1,0.4 -0.4,0.6 -0.8,0.6 -0.3,0 -0.7,-0.2 -1,-0.6 v 0.5 h -1 v -7.2 h 1 v 2.3 c 0.3,-0.4 0.7,-0.6 1,-0.6 0.4,0 0.6,0.2 0.8,0.6 0.1,0.2 0.1,0.6 0.1,1.1 z m 2.1,0.7 c 0.2,0 0.4,-0.1 0.4,-0.4 0,-0.1 0,-0.3 0,-0.7 h 1 v 0.2 c 0,0.3 0,0.5 0,0.6 0,0.2 -0.1,0.4 -0.2,0.6 -0.3,0.4 -0.7,0.6 -1.2,0.6 -0.5,0 -0.9,-0.2 -1.2,-0.5 -0.2,-0.3 -0.3,-0.7 -0.3,-1.2 v -1.9 c 0,-0.6 0.1,-1 0.3,-1.3 0.3,-0.4 0.7,-0.6 1.2,-0.6 0.5,0 0.9,0.2 1.1,0.6 0.2,0.3 0.3,0.7 0.3,1.3 v 1.1 h -1.9 v 1 c 0,0.4 0.2,0.6 0.5,0.6 z"
id="path44" />&#10; </g>&#10;</g>&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;</svg>

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -8,10 +8,9 @@ function slowtwitch_theme_support() {
add_action('wp_enqueue_scripts', 'slowtwitch_register_styles'); add_action('wp_enqueue_scripts', 'slowtwitch_register_styles');
function slowtwitch_register_styles() { function slowtwitch_register_styles() {
wp_enqueue_style('slowtwitch-styles', get_template_directory_uri() . '/style.css', array('slowtwitch-skeleton', 'slowtwitch-normalize'), wp_get_theme()->get('version'), 'all'); wp_enqueue_style('slowtwitch-styles', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get('version'), 'all');
wp_enqueue_style('slowtwitch-skeleton', get_template_directory_uri() . '/assets/css/skeleton.css', array(), '1.0', 'all'); //wp_enqueue_style('slowtwitch-skeleton', get_template_directory_uri() . '/assets/css/skeleton.css', array(), '1.0', 'all');
wp_enqueue_style('slowtwitch-normalize', get_template_directory_uri() . '/assets/css/normalize.css', array(), '1.0', 'all'); //wp_enqueue_style('slowtwitch-normalize', get_template_directory_uri() . '/assets/css/normalize.css', array(), '1.0', 'all');
wp_enqueue_style('slowtwitch-fa', get_template_directory_uri() . '/assets/css/font-awesome.min.css', array(), '1.0', 'all');
} }
add_action( 'init', 'slowtwitch_menus' ); add_action( 'init', 'slowtwitch_menus' );

View File

@ -21,9 +21,33 @@
<!-- Header html starts here <!-- Header html starts here
--> -->
<div class="container slowtwitch-header">
<div class="row">
<div class="ten columns">
<div class="row">
<div class="one-third column">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
</div>
<div class="two-thirds column">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
</div>
</div>
<div class="two columns">
<div class="row">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
</div>
<div class="row">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
</div>
<div class="row">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
</div>
</div>
</div>
</div>
<nav> <nav>
<div class="main-menu-wrapper"> <div class="main-menu-wrapper">
<?php <?php
wp_nav_menu( wp_nav_menu(
array( array(