Compare commits
3 Commits
3ac79dfc92
...
d791c70364
| Author | SHA1 | Date | |
|---|---|---|---|
| d791c70364 | |||
| 40871e2420 | |||
| db96b479fc |
55
assets/images/facebook-white.svg
Normal file
55
assets/images/facebook-white.svg
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<?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="facebook-white.svg"
|
||||||
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
||||||
|
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"
|
||||||
|
inkscape:zoom="62.410256"
|
||||||
|
inkscape:cx="4.9511093"
|
||||||
|
inkscape:cy="9.75"
|
||||||
|
inkscape:window-width="2880"
|
||||||
|
inkscape:window-height="1514"
|
||||||
|
inkscape:window-x="3829"
|
||||||
|
inkscape:window-y="-11"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="Layer_1" /> <style
|
||||||
|
type="text/css"
|
||||||
|
id="style1"> .st0{fill:#FFFFFF;} .st1{fill:#676767;} .st2{fill:url(#SVGID_1_);} .st3{fill:#AFAFB0;} .st4{fill:#1CA8BD;} .st5{fill:#388E43;} .st6{fill:#F3A61D;} .st7{fill:#074E9E;} .st8{fill:#BEBDBD;} .st9{fill:#0069E6;} .st10{fill:#074E9D;} .st11{fill:#ADADAD;} .st12{fill:url(#SVGID_2_);} .st13{fill:#F5861F;} .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;} .st15{fill:#0B4FA0;} .st16{fill:url(#SVGID_3_);} .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;} .st18{fill:#A3000C;} .st19{fill:url(#SVGID_4_);} .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;} .st21{fill:url(#SVGID_5_);} .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;} .st23{fill:url(#SVGID_6_);} .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;} .st25{fill:url(#SVGID_7_);} .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;} .st27{fill:#F5A700;} .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;} .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;} .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;} .st31{fill:url(#SVGID_8_);} .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;} .st33{fill:#FF6D00;} .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;} .st35{fill:#622A7F;} .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;} .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;} .st38{opacity:0.2;} .st39{fill:#62C8F8;} .st40{opacity:0.7;fill:#FFFFFF;} .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;} .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;} .st43{fill:#06509B;} .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;} .st45{fill:#268AFF;} .st46{fill:#034BA1;} .st47{fill:#2283F5;} .st48{fill:#0D519D;} .st49{fill:url(#SVGID_9_);} .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;} .st51{fill:#1D9ECC;} </style> <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)"> <stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#074E9D"
|
||||||
|
id="stop15" /> <stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#3A6AB2"
|
||||||
|
id="stop16" /> </linearGradient> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> </svg>
|
||||||
|
After Width: | Height: | Size: 4.6 KiB |
55
assets/images/logo-white.svg
Normal file
55
assets/images/logo-white.svg
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<?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="logo-white.svg"
|
||||||
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
||||||
|
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"
|
||||||
|
inkscape:zoom="15.043185"
|
||||||
|
inkscape:cx="46.532699"
|
||||||
|
inkscape:cy="40.450211"
|
||||||
|
inkscape:window-width="2880"
|
||||||
|
inkscape:window-height="1514"
|
||||||
|
inkscape:window-x="3829"
|
||||||
|
inkscape:window-y="-11"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="Layer_1" /> <style
|
||||||
|
type="text/css"
|
||||||
|
id="style1"> .st0{fill:#FFFFFF;} .st1{fill:#676767;} .st2{fill:url(#SVGID_1_);} .st3{fill:#AFAFB0;} .st4{fill:#1CA8BD;} .st5{fill:#388E43;} .st6{fill:#F3A61D;} .st7{fill:#074E9E;} .st8{fill:#BEBDBD;} .st9{fill:#0069E6;} .st10{fill:#074E9D;} .st11{fill:#ADADAD;} .st12{fill:url(#SVGID_2_);} .st13{fill:#F5861F;} .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;} .st15{fill:#0B4FA0;} .st16{fill:url(#SVGID_3_);} .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;} .st18{fill:#A3000C;} .st19{fill:url(#SVGID_4_);} .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;} .st21{fill:url(#SVGID_5_);} .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;} .st23{fill:url(#SVGID_6_);} .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;} .st25{fill:url(#SVGID_7_);} .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;} .st27{fill:#F5A700;} .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;} .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;} .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;} .st31{fill:url(#SVGID_8_);} .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;} .st33{fill:#FF6D00;} .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;} .st35{fill:#622A7F;} .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;} .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;} .st38{opacity:0.2;} .st39{fill:#62C8F8;} .st40{opacity:0.7;fill:#FFFFFF;} .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;} .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;} .st43{fill:#06509B;} .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;} .st45{fill:#268AFF;} .st46{fill:#034BA1;} .st47{fill:#2283F5;} .st48{fill:#0D519D;} .st49{fill:url(#SVGID_9_);} .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;} .st51{fill:#1D9ECC;} </style> <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)"> <stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;"
|
||||||
|
id="stop15" /> <stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;"
|
||||||
|
id="stop16" /> </linearGradient> <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_)" /> </svg>
|
||||||
|
After Width: | Height: | Size: 5.3 KiB |
55
assets/images/twitter-white.svg
Normal file
55
assets/images/twitter-white.svg
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<?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="twitter-white.svg"
|
||||||
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
||||||
|
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"
|
||||||
|
inkscape:zoom="67.611097"
|
||||||
|
inkscape:cx="10.900577"
|
||||||
|
inkscape:cy="9.0000019"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1494"
|
||||||
|
inkscape:window-x="-11"
|
||||||
|
inkscape:window-y="-11"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="Layer_1" /> <style
|
||||||
|
type="text/css"
|
||||||
|
id="style1"> .st0{fill:#FFFFFF;} .st1{fill:#676767;} .st2{fill:url(#SVGID_1_);} .st3{fill:#AFAFB0;} .st4{fill:#1CA8BD;} .st5{fill:#388E43;} .st6{fill:#F3A61D;} .st7{fill:#074E9E;} .st8{fill:#BEBDBD;} .st9{fill:#0069E6;} .st10{fill:#074E9D;} .st11{fill:#ADADAD;} .st12{fill:url(#SVGID_2_);} .st13{fill:#F5861F;} .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;} .st15{fill:#0B4FA0;} .st16{fill:url(#SVGID_3_);} .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;} .st18{fill:#A3000C;} .st19{fill:url(#SVGID_4_);} .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;} .st21{fill:url(#SVGID_5_);} .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;} .st23{fill:url(#SVGID_6_);} .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;} .st25{fill:url(#SVGID_7_);} .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;} .st27{fill:#F5A700;} .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;} .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;} .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;} .st31{fill:url(#SVGID_8_);} .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;} .st33{fill:#FF6D00;} .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;} .st35{fill:#622A7F;} .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;} .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;} .st38{opacity:0.2;} .st39{fill:#62C8F8;} .st40{opacity:0.7;fill:#FFFFFF;} .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;} .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;} .st43{fill:#06509B;} .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;} .st45{fill:#268AFF;} .st46{fill:#034BA1;} .st47{fill:#2283F5;} .st48{fill:#0D519D;} .st49{fill:url(#SVGID_9_);} .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;} .st51{fill:#1D9ECC;} </style> <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)"> <stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#074E9D"
|
||||||
|
id="stop15" /> <stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#3A6AB2"
|
||||||
|
id="stop16" /> </linearGradient> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> </svg>
|
||||||
|
After Width: | Height: | Size: 5.0 KiB |
BIN
assets/images/vertical-ad-mock.jpg
Normal file
BIN
assets/images/vertical-ad-mock.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
55
assets/images/vimeo-white.svg
Normal file
55
assets/images/vimeo-white.svg
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<?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="vimeo-white.svg"
|
||||||
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
||||||
|
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"
|
||||||
|
inkscape:zoom="67.384805"
|
||||||
|
inkscape:cx="10.180337"
|
||||||
|
inkscape:cy="9.0302258"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1494"
|
||||||
|
inkscape:window-x="-11"
|
||||||
|
inkscape:window-y="-11"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="Layer_1" /> <style
|
||||||
|
type="text/css"
|
||||||
|
id="style1"> .st0{fill:#FFFFFF;} .st1{fill:#676767;} .st2{fill:url(#SVGID_1_);} .st3{fill:#AFAFB0;} .st4{fill:#1CA8BD;} .st5{fill:#388E43;} .st6{fill:#F3A61D;} .st7{fill:#074E9E;} .st8{fill:#BEBDBD;} .st9{fill:#0069E6;} .st10{fill:#074E9D;} .st11{fill:#ADADAD;} .st12{fill:url(#SVGID_2_);} .st13{fill:#F5861F;} .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;} .st15{fill:#0B4FA0;} .st16{fill:url(#SVGID_3_);} .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;} .st18{fill:#A3000C;} .st19{fill:url(#SVGID_4_);} .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;} .st21{fill:url(#SVGID_5_);} .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;} .st23{fill:url(#SVGID_6_);} .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;} .st25{fill:url(#SVGID_7_);} .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;} .st27{fill:#F5A700;} .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;} .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;} .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;} .st31{fill:url(#SVGID_8_);} .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;} .st33{fill:#FF6D00;} .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;} .st35{fill:#622A7F;} .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;} .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;} .st38{opacity:0.2;} .st39{fill:#62C8F8;} .st40{opacity:0.7;fill:#FFFFFF;} .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;} .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;} .st43{fill:#06509B;} .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;} .st45{fill:#268AFF;} .st46{fill:#034BA1;} .st47{fill:#2283F5;} .st48{fill:#0D519D;} .st49{fill:url(#SVGID_9_);} .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;} .st51{fill:#1D9ECC;} </style> <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)"> <stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#074E9D"
|
||||||
|
id="stop15" /> <stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#3A6AB2"
|
||||||
|
id="stop16" /> </linearGradient> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> </svg>
|
||||||
|
After Width: | Height: | Size: 5.0 KiB |
80
assets/images/youtube-white.svg
Normal file
80
assets/images/youtube-white.svg
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
<?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="youtube-white.svg"
|
||||||
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
||||||
|
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"
|
||||||
|
inkscape:zoom="61.155774"
|
||||||
|
inkscape:cx="7.9959743"
|
||||||
|
inkscape:cy="9.9500008"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1494"
|
||||||
|
inkscape:window-x="-11"
|
||||||
|
inkscape:window-y="-11"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="g41" /> <style
|
||||||
|
type="text/css"
|
||||||
|
id="style1"> .st0{fill:#FFFFFF;} .st1{fill:#676767;} .st2{fill:url(#SVGID_1_);} .st3{fill:#AFAFB0;} .st4{fill:#1CA8BD;} .st5{fill:#388E43;} .st6{fill:#F3A61D;} .st7{fill:#074E9E;} .st8{fill:#BEBDBD;} .st9{fill:#0069E6;} .st10{fill:#074E9D;} .st11{fill:#ADADAD;} .st12{fill:url(#SVGID_2_);} .st13{fill:#F5861F;} .st14{fill-rule:evenodd;clip-rule:evenodd;fill:#0B4FA0;} .st15{fill:#0B4FA0;} .st16{fill:url(#SVGID_3_);} .st17{fill:#FFFFFF;stroke:#A3131D;stroke-miterlimit:10;} .st18{fill:#A3000C;} .st19{fill:url(#SVGID_4_);} .st20{fill:#FFFFFF;stroke:#0B4FA0;stroke-miterlimit:10;} .st21{fill:url(#SVGID_5_);} .st22{fill:#FFFFFF;stroke:#622A7F;stroke-miterlimit:10;} .st23{fill:url(#SVGID_6_);} .st24{fill:#FFFFFF;stroke:#F5A700;stroke-miterlimit:10;} .st25{fill:url(#SVGID_7_);} .st26{fill:#FFFFFF;stroke:#2F8617;stroke-miterlimit:10;} .st27{fill:#F5A700;} .st28{fill-rule:evenodd;clip-rule:evenodd;fill:#2F8617;} .st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;} .st30{fill:none;stroke:#2F8617;stroke-width:0.4822;stroke-miterlimit:10;} .st31{fill:url(#SVGID_8_);} .st32{fill:#FFFFFF;stroke:#FF6D00;stroke-miterlimit:10;} .st33{fill:#FF6D00;} .st34{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6D00;} .st35{fill:#622A7F;} .st36{fill:none;stroke:#0B4FA0;stroke-width:1.5;stroke-miterlimit:10;} .st37{fill-rule:evenodd;clip-rule:evenodd;fill:#034BA1;} .st38{opacity:0.2;} .st39{fill:#62C8F8;} .st40{opacity:0.7;fill:#FFFFFF;} .st41{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;} .st42{fill:none;stroke:#074E9D;stroke-width:0.5;stroke-miterlimit:10;} .st43{fill:#06509B;} .st44{fill-rule:evenodd;clip-rule:evenodd;fill:#09509C;} .st45{fill:#268AFF;} .st46{fill:#034BA1;} .st47{fill:#2283F5;} .st48{fill:#0D519D;} .st49{fill:url(#SVGID_9_);} .st50{fill:#FFFFFF;stroke:#0088B7;stroke-miterlimit:10;} .st51{fill:#1D9ECC;} </style> <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)"> <stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#074E9D"
|
||||||
|
id="stop15" /> <stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#3A6AB2"
|
||||||
|
id="stop16" /> </linearGradient> <g
|
||||||
|
id="g45"
|
||||||
|
transform="translate(-352,-50.000001)"> <g
|
||||||
|
id="g41"> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> </g> <g
|
||||||
|
id="g44"
|
||||||
|
style="fill:#ffffff;fill-opacity:1"> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> <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"
|
||||||
|
style="fill:#ffffff;fill-opacity:1" /> </g> </g> </svg>
|
||||||
|
After Width: | Height: | Size: 7.0 KiB |
98
footer.php
98
footer.php
@ -1,6 +1,100 @@
|
|||||||
<!-- start footer html
|
<!-- start footer html
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<div class="container">
|
||||||
<?php wp_footer() ?>
|
<hr class="slowtwitch-divider">
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<img class="slowtwitch-horizontal-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<hr class="slowtwitch-divider">
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<!-- THIS SHOULD BE TAKEN CARE OF WITH CUSTOM POST TYPES IN ACF -->
|
||||||
|
<div class="row" class="partner-link-list">
|
||||||
|
<h4>Our Partners</h4>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="https://www.piedmontese.com/">Certified Piedmontese</a> |
|
||||||
|
<a href="http://www.cervelo.com/en/bikes/p-series">Cervelo</a> |
|
||||||
|
<a href="https://goodlifeproteins.com/discount/slowtwitch20">Goodlife Brands</a> |
|
||||||
|
<a href="https://hedcycling.com/">HED</a> |
|
||||||
|
<a href="https://jakroo.com/">Jakroo</a> |
|
||||||
|
<a href="https://lazersport.us/">Lazer</a> |
|
||||||
|
<a href="https://profile-design.com/">Profile Design</a> |
|
||||||
|
<a href="https://www.sailfish.com/en">Sailfish</a> |
|
||||||
|
<a href="https://bike.shimano.com/en-US/home.html">Shimano</a> |
|
||||||
|
<a href="http://speedplay.com/">Speedplay</a> |
|
||||||
|
<a href="https://ventumracing.com/">Ventum</a> |
|
||||||
|
<a href="https://www.wahoofitness.com/">Wahoo Fitness</a> |
|
||||||
|
<a href="https://www.sram.com/en/zipp">Zipp</a> |
|
||||||
|
<a href="https://zootsports.com/">Zoot Sports</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container footer-links">
|
||||||
|
<div class="row">
|
||||||
|
<div class="columns eight footer-links-slowtwitch">
|
||||||
|
<a href="<?php echo home_url('/aboutus') ?>">About</a> |
|
||||||
|
<a href="<?php echo home_url('/advertise') ?>">Advertise</a> |
|
||||||
|
<a href="<?php echo home_url('/privacy') ?>">Privacy Policy</a> |
|
||||||
|
<a href="<?php echo home_url('/agreement') ?>">User Agreement</a>
|
||||||
|
</div>
|
||||||
|
<div class="column one footer-links-twitter">
|
||||||
|
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
|
||||||
|
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/twitter-white.svg" alt="facebook logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="column one footer-links-vimeo">
|
||||||
|
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
|
||||||
|
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo-white.svg" alt="facebook logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="column one footer-links-facebook">
|
||||||
|
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
|
||||||
|
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook-white.svg" alt="facebook logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="column one footer-links-youtube">
|
||||||
|
<a style="display: contents;" href="https://www.facebook.com/slowtwitch/">
|
||||||
|
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube-white.svg" alt="facebook logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container footer-newsletter-signup">
|
||||||
|
<div class="row">
|
||||||
|
<div class="column one-half">
|
||||||
|
<h4>Subscribe to Our Newsletter</h4>
|
||||||
|
<p>This is a placeholder and does not work yet.</p>
|
||||||
|
<form action="">
|
||||||
|
<input type="email" placeholder="Email" />
|
||||||
|
<input type="submit" name="submit" id="submit">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="column one-half slowtwitch-logo-footer-container">
|
||||||
|
<a style="display: contents;" href="<?php echo home_url() ?>">
|
||||||
|
<span>transition-DOT-area-AT-slowtwitch-DOT-com</span>
|
||||||
|
<img class="slowtwitch-logo-footer" src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container footer-termination-container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="column one-third advertise-with-us-footer-container">
|
||||||
|
<a style="display: contents;" href="<?php echo home_url('advertise') ?>">
|
||||||
|
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo-white.svg" alt="slowtwitch logo">
|
||||||
|
<span>Advertise With Us</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="column two-thirds">
|
||||||
|
<span class="footer-copyright">©1999-2024 Slowtwitch, Inc., and Slowtwitch.com. Reproduction of material from any Slowtwitch.com page without written permission is strictly prohibited.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php wp_footer() ?>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
130
front-page.php
130
front-page.php
@ -1,15 +1,131 @@
|
|||||||
<?php get_header() ?>
|
<?php get_header() ?>
|
||||||
|
|
||||||
<!-- Primary Page Layout
|
<!-- Primary Page Layout
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
<?php
|
||||||
<div class="twelve column" style="margin-top: 5%">
|
query_posts('showposts=1');
|
||||||
<h4>Basic Page</h4>
|
if (have_posts()) : while (have_posts()) : the_post();
|
||||||
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
|
$category = get_the_category()[0];
|
||||||
|
?>
|
||||||
|
<div style="text-align: center;" class="container front-page-most-recent-post">
|
||||||
|
<div class="row">
|
||||||
|
<div class="one-third column">
|
||||||
|
<a href="<?php the_permalink(); ?>">
|
||||||
|
<?php the_post_thumbnail(); ?>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="two-thirds column">
|
||||||
|
<a href="<?php echo home_url($category->slug) ?>">
|
||||||
|
<p><?php echo $category->name; ?></p>
|
||||||
|
</a>
|
||||||
|
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
|
||||||
|
<h4><?php the_title(); ?></h4>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="front-page-most-recent-post-excerpt"><?php the_excerpt(__('(more…)')); ?></p>
|
||||||
|
<span class="datetime"><?php the_time('F j, Y'); ?></span> -
|
||||||
|
<?php the_author_posts_link(); ?>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<?php
|
||||||
|
endwhile;
|
||||||
|
endif;
|
||||||
|
|
||||||
|
wp_reset_postdata();
|
||||||
|
|
||||||
|
$post_section_two_args = array(
|
||||||
|
'showposts' => 6,
|
||||||
|
'offset' => 1,
|
||||||
|
'orderby' => 'post_date',
|
||||||
|
'order' => 'DESC',
|
||||||
|
'post_type' => 'post',
|
||||||
|
'post_status' => 'publish'
|
||||||
|
);
|
||||||
|
query_posts($post_section_two_args);
|
||||||
|
?>
|
||||||
|
<div style="text-align: center;" class="container front-page-post-grid">
|
||||||
|
<div class="column two-thirds container front-page-post-grid-card-container">
|
||||||
|
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
|
||||||
|
<?php
|
||||||
|
$category = get_the_category()[0];
|
||||||
|
?>
|
||||||
|
<div class="front-page-post-grid-card">
|
||||||
|
<a href="<?php the_permalink(); ?>">
|
||||||
|
<img src="<?php the_post_thumbnail_url(); ?>">
|
||||||
|
</a>
|
||||||
|
<a href="<?php echo home_url($category->slug) ?>">
|
||||||
|
<p><?php echo $category->name; ?></p>
|
||||||
|
</a>
|
||||||
|
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
|
||||||
|
<h6><?php the_title(); ?></h6>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
endwhile;
|
||||||
|
wp_reset_postdata();
|
||||||
|
endif;
|
||||||
|
?>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="column one-third">
|
||||||
|
<img class="front-page-article-grid-ad-mock" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<hr class="slowtwitch-divider">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<img class="slowtwitch-horizontal-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<hr class="slowtwitch-divider">
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
$post_section_two_args = array(
|
||||||
|
'showposts' => 8,
|
||||||
|
'offset' => 7,
|
||||||
|
'orderby' => 'post_date',
|
||||||
|
'order' => 'DESC',
|
||||||
|
'post_type' => 'post',
|
||||||
|
'post_status' => 'publish'
|
||||||
|
);
|
||||||
|
query_posts($post_section_two_args);
|
||||||
|
?>
|
||||||
|
<div style="text-align: center;" class="container front-page-post-grid">
|
||||||
|
<div class="column two-thirds container front-page-post-grid-card-container">
|
||||||
|
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
|
||||||
|
<?php
|
||||||
|
$category = get_the_category()[0];
|
||||||
|
?>
|
||||||
|
<div class="front-page-post-grid-card">
|
||||||
|
<a href="<?php the_permalink(); ?>">
|
||||||
|
<img src="<?php the_post_thumbnail_url(); ?>">
|
||||||
|
</a>
|
||||||
|
<a href="<?php echo home_url($category->slug) ?>">
|
||||||
|
<p><?php echo $category->name; ?></p>
|
||||||
|
</a>
|
||||||
|
<a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
|
||||||
|
<h6><?php the_title(); ?></h6>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<?php get_footer() ?>
|
<?php
|
||||||
|
endwhile;
|
||||||
|
wp_reset_postdata();
|
||||||
|
endif;
|
||||||
|
?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="column one-third">
|
||||||
|
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php get_footer() ?>
|
||||||
241
functions.php
241
functions.php
@ -24,4 +24,245 @@ function slowtwitch_menus() {
|
|||||||
register_nav_menus($locations);
|
register_nav_menus($locations);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function my_widgets_init() {
|
||||||
|
|
||||||
|
register_sidebar( array(
|
||||||
|
'id' => 'slowtwitch-front-page',
|
||||||
|
'name' => 'Widgets for Front Page',
|
||||||
|
) );
|
||||||
|
|
||||||
|
}
|
||||||
|
add_action( 'widgets_init', 'my_widgets_init' );
|
||||||
|
|
||||||
|
// Breadcrumbs
|
||||||
|
function custom_breadcrumbs() {
|
||||||
|
|
||||||
|
// Settings
|
||||||
|
$separator = '>';
|
||||||
|
$breadcrums_id = 'breadcrumbs';
|
||||||
|
$breadcrums_class = 'breadcrumbs';
|
||||||
|
$home_title = 'Homepage';
|
||||||
|
|
||||||
|
// If you have any custom post types with custom taxonomies, put the taxonomy name below (e.g. product_cat)
|
||||||
|
$custom_taxonomy = 'product_cat';
|
||||||
|
|
||||||
|
// Get the query & post information
|
||||||
|
global $post,$wp_query;
|
||||||
|
|
||||||
|
// Do not display on the homepage
|
||||||
|
if ( !is_front_page() ) {
|
||||||
|
|
||||||
|
// Build the breadcrums
|
||||||
|
echo '<ul id="' . $breadcrums_id . '" class="' . $breadcrums_class . '">';
|
||||||
|
|
||||||
|
// Home page
|
||||||
|
echo '<li class="item-home"><a class="bread-link bread-home" href="' . get_home_url() . '" title="' . $home_title . '">' . $home_title . '</a></li>';
|
||||||
|
echo '<li class="separator separator-home"> ' . $separator . ' </li>';
|
||||||
|
|
||||||
|
if ( is_archive() && !is_tax() && !is_category() && !is_tag() ) {
|
||||||
|
|
||||||
|
echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . post_type_archive_title('', false) . '</strong></li>';
|
||||||
|
|
||||||
|
} else if ( is_archive() && is_tax() && !is_category() && !is_tag() ) {
|
||||||
|
|
||||||
|
// If post is a custom post type
|
||||||
|
$post_type = get_post_type();
|
||||||
|
|
||||||
|
// If it is a custom post type display name and link
|
||||||
|
if($post_type != 'post') {
|
||||||
|
|
||||||
|
$post_type_object = get_post_type_object($post_type);
|
||||||
|
$post_type_archive = get_post_type_archive_link($post_type);
|
||||||
|
|
||||||
|
echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
|
||||||
|
echo '<li class="separator"> ' . $separator . ' </li>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
$custom_tax_name = get_queried_object()->name;
|
||||||
|
echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . $custom_tax_name . '</strong></li>';
|
||||||
|
|
||||||
|
} else if ( is_single() ) {
|
||||||
|
|
||||||
|
// If post is a custom post type
|
||||||
|
$post_type = get_post_type();
|
||||||
|
|
||||||
|
// If it is a custom post type display name and link
|
||||||
|
if($post_type != 'post') {
|
||||||
|
|
||||||
|
$post_type_object = get_post_type_object($post_type);
|
||||||
|
$post_type_archive = get_post_type_archive_link($post_type);
|
||||||
|
|
||||||
|
echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
|
||||||
|
echo '<li class="separator"> ' . $separator . ' </li>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get post category info
|
||||||
|
$category = get_the_category();
|
||||||
|
|
||||||
|
if(!empty($category)) {
|
||||||
|
|
||||||
|
// Get last category post is in
|
||||||
|
$last_category = end(array_values($category));
|
||||||
|
|
||||||
|
// Get parent any categories and create array
|
||||||
|
$get_cat_parents = rtrim(get_category_parents($last_category->term_id, true, ','),',');
|
||||||
|
$cat_parents = explode(',',$get_cat_parents);
|
||||||
|
|
||||||
|
// Loop through parent categories and store in variable $cat_display
|
||||||
|
$cat_display = '';
|
||||||
|
foreach($cat_parents as $parents) {
|
||||||
|
$cat_display .= '<li class="item-cat">'.$parents.'</li>';
|
||||||
|
$cat_display .= '<li class="separator"> ' . $separator . ' </li>';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// If it's a custom post type within a custom taxonomy
|
||||||
|
$taxonomy_exists = taxonomy_exists($custom_taxonomy);
|
||||||
|
if(empty($last_category) && !empty($custom_taxonomy) && $taxonomy_exists) {
|
||||||
|
|
||||||
|
$taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
|
||||||
|
$cat_id = $taxonomy_terms[0]->term_id;
|
||||||
|
$cat_nicename = $taxonomy_terms[0]->slug;
|
||||||
|
$cat_link = get_term_link($taxonomy_terms[0]->term_id, $custom_taxonomy);
|
||||||
|
$cat_name = $taxonomy_terms[0]->name;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if the post is in a category
|
||||||
|
if(!empty($last_category)) {
|
||||||
|
echo $cat_display;
|
||||||
|
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
|
||||||
|
|
||||||
|
// Else if post is in a custom taxonomy
|
||||||
|
} else if(!empty($cat_id)) {
|
||||||
|
|
||||||
|
echo '<li class="item-cat item-cat-' . $cat_id . ' item-cat-' . $cat_nicename . '"><a class="bread-cat bread-cat-' . $cat_id . ' bread-cat-' . $cat_nicename . '" href="' . $cat_link . '" title="' . $cat_name . '">' . $cat_name . '</a></li>';
|
||||||
|
echo '<li class="separator"> ' . $separator . ' </li>';
|
||||||
|
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
} else if ( is_category() ) {
|
||||||
|
|
||||||
|
// Category page
|
||||||
|
echo '<li class="item-current item-cat"><strong class="bread-current bread-cat">' . single_cat_title('', false) . '</strong></li>';
|
||||||
|
|
||||||
|
} else if ( is_page() ) {
|
||||||
|
|
||||||
|
// Standard page
|
||||||
|
if( $post->post_parent ){
|
||||||
|
|
||||||
|
// If child page, get parents
|
||||||
|
$anc = get_post_ancestors( $post->ID );
|
||||||
|
|
||||||
|
// Get parents in the right order
|
||||||
|
$anc = array_reverse($anc);
|
||||||
|
|
||||||
|
// Parent page loop
|
||||||
|
if ( !isset( $parents ) ) $parents = null;
|
||||||
|
foreach ( $anc as $ancestor ) {
|
||||||
|
$parents .= '<li class="item-parent item-parent-' . $ancestor . '"><a class="bread-parent bread-parent-' . $ancestor . '" href="' . get_permalink($ancestor) . '" title="' . get_the_title($ancestor) . '">' . get_the_title($ancestor) . '</a></li>';
|
||||||
|
$parents .= '<li class="separator separator-' . $ancestor . '"> ' . $separator . ' </li>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Display parent pages
|
||||||
|
echo $parents;
|
||||||
|
|
||||||
|
// Current page
|
||||||
|
echo '<li class="item-current item-' . $post->ID . '"><strong title="' . get_the_title() . '"> ' . get_the_title() . '</strong></li>';
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
// Just display current page if not parents
|
||||||
|
echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '"> ' . get_the_title() . '</strong></li>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
} else if ( is_tag() ) {
|
||||||
|
|
||||||
|
// Tag page
|
||||||
|
|
||||||
|
// Get tag information
|
||||||
|
$term_id = get_query_var('tag_id');
|
||||||
|
$taxonomy = 'post_tag';
|
||||||
|
$args = 'include=' . $term_id;
|
||||||
|
$terms = get_terms( $taxonomy, $args );
|
||||||
|
$get_term_id = $terms[0]->term_id;
|
||||||
|
$get_term_slug = $terms[0]->slug;
|
||||||
|
$get_term_name = $terms[0]->name;
|
||||||
|
|
||||||
|
// Display the tag name
|
||||||
|
echo '<li class="item-current item-tag-' . $get_term_id . ' item-tag-' . $get_term_slug . '"><strong class="bread-current bread-tag-' . $get_term_id . ' bread-tag-' . $get_term_slug . '">' . $get_term_name . '</strong></li>';
|
||||||
|
|
||||||
|
} elseif ( is_day() ) {
|
||||||
|
|
||||||
|
// Day archive
|
||||||
|
|
||||||
|
// Year link
|
||||||
|
echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
|
||||||
|
echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
|
||||||
|
|
||||||
|
// Month link
|
||||||
|
echo '<li class="item-month item-month-' . get_the_time('m') . '"><a class="bread-month bread-month-' . get_the_time('m') . '" href="' . get_month_link( get_the_time('Y'), get_the_time('m') ) . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</a></li>';
|
||||||
|
echo '<li class="separator separator-' . get_the_time('m') . '"> ' . $separator . ' </li>';
|
||||||
|
|
||||||
|
// Day display
|
||||||
|
echo '<li class="item-current item-' . get_the_time('j') . '"><strong class="bread-current bread-' . get_the_time('j') . '"> ' . get_the_time('jS') . ' ' . get_the_time('M') . ' Archives</strong></li>';
|
||||||
|
|
||||||
|
} else if ( is_month() ) {
|
||||||
|
|
||||||
|
// Month Archive
|
||||||
|
|
||||||
|
// Year link
|
||||||
|
echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
|
||||||
|
echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
|
||||||
|
|
||||||
|
// Month display
|
||||||
|
echo '<li class="item-month item-month-' . get_the_time('m') . '"><strong class="bread-month bread-month-' . get_the_time('m') . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</strong></li>';
|
||||||
|
|
||||||
|
} else if ( is_year() ) {
|
||||||
|
|
||||||
|
// Display year archive
|
||||||
|
echo '<li class="item-current item-current-' . get_the_time('Y') . '"><strong class="bread-current bread-current-' . get_the_time('Y') . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</strong></li>';
|
||||||
|
|
||||||
|
} else if ( is_author() ) {
|
||||||
|
|
||||||
|
// Auhor archive
|
||||||
|
|
||||||
|
// Get the author information
|
||||||
|
global $author;
|
||||||
|
$userdata = get_userdata( $author );
|
||||||
|
|
||||||
|
// Display author name
|
||||||
|
echo '<li class="item-current item-current-' . $userdata->user_nicename . '"><strong class="bread-current bread-current-' . $userdata->user_nicename . '" title="' . $userdata->display_name . '">' . 'Author: ' . $userdata->display_name . '</strong></li>';
|
||||||
|
|
||||||
|
} else if ( get_query_var('paged') ) {
|
||||||
|
|
||||||
|
// Paginated archives
|
||||||
|
echo '<li class="item-current item-current-' . get_query_var('paged') . '"><strong class="bread-current bread-current-' . get_query_var('paged') . '" title="Page ' . get_query_var('paged') . '">'.__('Page') . ' ' . get_query_var('paged') . '</strong></li>';
|
||||||
|
|
||||||
|
} else if ( is_search() ) {
|
||||||
|
|
||||||
|
// Search results page
|
||||||
|
echo '<li class="item-current item-current-' . get_search_query() . '"><strong class="bread-current bread-current-' . get_search_query() . '" title="Search results for: ' . get_search_query() . '">Search results for: ' . get_search_query() . '</strong></li>';
|
||||||
|
|
||||||
|
} elseif ( is_404() ) {
|
||||||
|
|
||||||
|
// 404 page
|
||||||
|
echo '<li>' . 'Error 404' . '</li>';
|
||||||
|
}
|
||||||
|
|
||||||
|
echo '</ul>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
?>
|
?>
|
||||||
34
header.php
34
header.php
@ -32,15 +32,25 @@
|
|||||||
<p>Subscribe</p>
|
<p>Subscribe</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row flex-row">
|
<div class="row flex-row">
|
||||||
<img class="slowtwitch-logo-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
|
<a href="<?php echo home_url() ?>" class="slowtwitch-logo-header hide-mobile">
|
||||||
|
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
|
||||||
|
</a>
|
||||||
<img class="slowtwitch-mobile-text-logo" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
|
<img class="slowtwitch-mobile-text-logo" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
|
||||||
<img class="slowtwitch-ad-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
|
<img class="slowtwitch-ad-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
|
||||||
</div>
|
</div>
|
||||||
<div class="row flex-row-right hide-mobile">
|
<div class="row flex-row-right hide-mobile">
|
||||||
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/twitter.svg" alt="twitter logo">
|
<a style="display: contents;" class="slowtwitch-logo-social" href="https://twitter.com/slowtwitch">
|
||||||
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo.svg" alt="vimeo logo">
|
<img src="/wp-content/themes/slowtwitch-wp/assets/images/twitter.svg" alt="twitter logo">
|
||||||
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook.svg" alt="facebook logo">
|
</a>
|
||||||
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
|
<a style="display: contents;" class="slowtwitch-logo-social" href="https://vimeo.com/slowtwitch">
|
||||||
|
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo.svg" alt="vimeo logo">
|
||||||
|
</a>
|
||||||
|
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.facebook.com/slowtwitch/">
|
||||||
|
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook.svg" alt="facebook logo">
|
||||||
|
</a>
|
||||||
|
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.youtube.com/slowtwitch">
|
||||||
|
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
|
||||||
|
</a>
|
||||||
<form method="get" action="">
|
<form method="get" action="">
|
||||||
<div class="searchBarContainer">
|
<div class="searchBarContainer">
|
||||||
<input type="text" class="searchBox" name="s" id="s" placeholder="Search" />
|
<input type="text" class="searchBox" name="s" id="s" placeholder="Search" />
|
||||||
@ -54,13 +64,19 @@
|
|||||||
<label for="open-btn" class="menu-open-btn"><i class="fa fa-bars" aria-hidden="true"></i></label>
|
<label for="open-btn" class="menu-open-btn"><i class="fa fa-bars" aria-hidden="true"></i></label>
|
||||||
<div class="two columns desktop-tag-logos">
|
<div class="two columns desktop-tag-logos">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
|
<a href="<?php echo home_url('tag/swim') ?>">
|
||||||
|
<img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
|
<a href="<?php echo home_url('tag/bike') ?>">
|
||||||
|
<img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
|
<a href="<?php echo home_url('tag/run') ?>">
|
||||||
|
<img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -73,7 +89,7 @@
|
|||||||
'menu' => 'primary',
|
'menu' => 'primary',
|
||||||
'container' => '',
|
'container' => '',
|
||||||
'theme_location' => 'primary',
|
'theme_location' => 'primary',
|
||||||
'items_wrap' => '<input type="radio" name="slide" id="open-btn"><input type="radio" name="slide" id="cancel-btn"><ul class="nav-links" id="test"><label for="cancel-btn" class="menu-cancel-btn"><i class="fa fa-remove" aria-hidden="true"></i></label>%3$s</ul>'
|
'items_wrap' => '<input type="radio" name="slide" id="open-btn"><input type="radio" name="slide" id="cancel-btn"><ul class="nav-links" id="test"><label for="cancel-btn" class="menu-cancel-btn"><i class="fa fa-remove" aria-hidden="true"></i></label><form class="hide-desktop" method="get" action=""><div class="searchBarContainer"><input type="text" class="searchBox" name="s" id="s" placeholder="Search" /><button class="btn-search"><img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg"></button></div></form>%3$s</ul>'
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
|
|||||||
53
single.php
53
single.php
@ -0,0 +1,53 @@
|
|||||||
|
<?php get_header() ?>
|
||||||
|
|
||||||
|
<article class="container">
|
||||||
|
<?php
|
||||||
|
if (have_posts()) {
|
||||||
|
while (have_posts()) {
|
||||||
|
the_post();
|
||||||
|
$post_id = get_the_ID();
|
||||||
|
?>
|
||||||
|
<div class="column two-thirds">
|
||||||
|
|
||||||
|
<?php custom_breadcrumbs(); ?>
|
||||||
|
<h1 class="article-title"> <?php the_title(); ?> </h1>
|
||||||
|
<div class="article-author-box">
|
||||||
|
<div class="article-author-name">
|
||||||
|
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
|
||||||
|
<?php the_author() ?>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<?php the_date() ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php the_content(); ?>
|
||||||
|
<?php
|
||||||
|
$related_posts = get_field('related_posts', $post_id);
|
||||||
|
if (isset($related_posts)) :
|
||||||
|
?>
|
||||||
|
<div>
|
||||||
|
<h3>Related Articles</h3>
|
||||||
|
<div class="related-posts-grid">
|
||||||
|
<?php foreach ($related_posts as $post) : setup_postdata($post); ?>
|
||||||
|
<div class="related-posts-card">
|
||||||
|
<?php the_post_thumbnail('thumbnail'); ?>
|
||||||
|
<h6><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h6>
|
||||||
|
</div>
|
||||||
|
<?php endforeach;
|
||||||
|
wp_reset_postdata(); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
endif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="column one-third">
|
||||||
|
<img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
|
||||||
|
<?php dynamic_sidebar('slowtwitch-front-page'); ?>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<?php get_footer() ?>
|
||||||
265
style.css
265
style.css
@ -11,6 +11,10 @@
|
|||||||
font-family: Oswald;
|
font-family: Oswald;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #0b4fa0;
|
||||||
|
}
|
||||||
|
|
||||||
.hide-desktop {
|
.hide-desktop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -36,7 +40,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.slowtwitch-logo-social {
|
.slowtwitch-logo-social {
|
||||||
margin: 0 5px 0 5px;
|
margin: 0 10px 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row {
|
.flex-row {
|
||||||
@ -64,6 +68,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.desktop-tag-logos img {
|
.desktop-tag-logos img {
|
||||||
|
margin-top: 10px;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -262,4 +267,262 @@ nav {
|
|||||||
.slowtwitch-mobile-text-logo {
|
.slowtwitch-mobile-text-logo {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hide-desktop {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-desktop .searchBarContainer {
|
||||||
|
margin-left: 35px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-desktop .searchBarContainer button {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FRONT PAGE STUFF */
|
||||||
|
|
||||||
|
.front-page-most-recent-post {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-most-recent-post img {
|
||||||
|
object-fit: cover;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-post-grid-card img {
|
||||||
|
object-fit: cover;
|
||||||
|
width: 250px;
|
||||||
|
height: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-post-grid-card-container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-post-grid-card-container p {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-post-grid-card {
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-article-grid-ad-mock {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slowtwitch-divider {
|
||||||
|
border-top: 5px solid #0b4fa0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slowtwitch-horizontal-ad {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 940px) {
|
||||||
|
.front-page-post-grid-card {
|
||||||
|
max-width: 250px;
|
||||||
|
}
|
||||||
|
.front-page-post-grid-card img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-most-recent-post h4 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-most-recent-post .front-page-most-recent-post-excerpt {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.front-page-post-grid-card {
|
||||||
|
max-width: 155px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 550px) {
|
||||||
|
.front-page-post-grid-card-container {
|
||||||
|
justify-content: center;
|
||||||
|
align-content: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.front-page-post-grid-card {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.front-page-post-grid {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 375px) {
|
||||||
|
.front-page-post-grid-card {
|
||||||
|
width: 90%;
|
||||||
|
max-width: fit-content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FOOTER STUFF */
|
||||||
|
|
||||||
|
.partner-link-list a {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links {
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links-slowtwitch {
|
||||||
|
background: linear-gradient(90deg, rgba(59,128,209,1) 50%, rgba(11,79,160,1) 100%);
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links-slowtwitch a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
margin: 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links-youtube {
|
||||||
|
background-color: black;
|
||||||
|
height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links img {
|
||||||
|
display: block;
|
||||||
|
margin: 6px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links-facebook {
|
||||||
|
background-color: #0b4fa0;
|
||||||
|
height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links-vimeo {
|
||||||
|
background-color: #19B7EA;
|
||||||
|
height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-links-twitter {
|
||||||
|
background-color: #1da1f2;
|
||||||
|
height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slowtwitch-logo-footer {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slowtwitch-logo-footer-container {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-termination-container {
|
||||||
|
background-color: #0b4fa0;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-termination-container .column {
|
||||||
|
min-height: 100px;
|
||||||
|
background-color: #0b4fa0;
|
||||||
|
display: flex;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-termination-container span {
|
||||||
|
color: white;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.advertise-with-us-footer-container img {
|
||||||
|
margin: 10px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-copyright {
|
||||||
|
margin: 15px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Posts */
|
||||||
|
|
||||||
|
.article-title {
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-responsive {
|
||||||
|
display: block;
|
||||||
|
margin: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
float: left;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-sidebar-ad {
|
||||||
|
margin-top: 30px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-author-box {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px dotted #272727;
|
||||||
|
border-left: 1px dotted #272727;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-author-box img {
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-author-name {
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* related posts */
|
||||||
|
|
||||||
|
.related-posts-grid {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related-posts-card {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* BREADCRUMBS */
|
||||||
|
#breadcrumbs{
|
||||||
|
list-style:none;
|
||||||
|
margin:30px 0;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#breadcrumbs li{
|
||||||
|
display:inline-block;
|
||||||
|
vertical-align:middle;
|
||||||
|
margin-right:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#breadcrumbs .separator{
|
||||||
|
font-size:18px;
|
||||||
|
font-weight:100;
|
||||||
|
color:#ccc;
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user