<!– from: jekyllcodex.org/without-plugin/connect-buttons/ –> <style> connect-buttons {display: inline-block; vertical-align: middle; } connect-buttons:after {content: “”; display: block; clear: both;} connect-buttons > div {

position: relative;
text-align: left; 
height: 36px; 
width: 32px; 
float: left; 
text-align: center;

} connect-buttons > div > svg {height: 16px; fill: #959396; margin-top: 10px;} /* $grey-dk-000 */ connect-buttons > div:hover {cursor: pointer;} connect-buttons > div.facebook:hover > svg {fill: #3B5998;} connect-buttons > div.github:hover > svg {fill: #000000;} connect-buttons > div.twitter:hover > svg {fill: #55ACEE;} connect-buttons > div.linkedin:hover > svg {fill: #0077b5;} connect-buttons > div.pinterest:hover > svg {fill: #CB2027;} connect-buttons > div.rss:hover > svg {fill: #ECB13D;} connect-buttons > div.gplus:hover > svg {fill: dd4b39;} connect-buttons > div.mail:hover > svg {fill: #5c5962;} /* $grey-dk-100 */ connect-buttons > div.instagram:hover > svg {fill: #C73B92;} connect-buttons > div.facebook > svg {height: 18px; margin-top: 9px;} connect-buttons > div.github > svg {height: 18px; margin-top: 9px;} connect-buttons > div.twitter > svg {height: 20px; margin-top: 8px;} connect-buttons > div.linkedin > svg {height: 19px; margin-top: 7px;} connect-buttons > div.pinterest > svg {height: 20px; margin-top: 9px;} /* connect-buttons > div.rss > svg {height: 16px; margin-top: 9px;} */ connect-buttons > div.gplus > svg {height: 17px; margin-top: 9px; position: relative; left: 1px;} connect-buttons > div.mail > svg {height: 14px; margin-top: 11px;} </style>

<div style=“text-align: left;”>

<span style="user-select: none;" title="Connect and Follow">🌊</span>
<div id="connect-buttons">
  {% if site.social.connect.facebook_url %}<div class="facebook" title="Connect on Facebook" onclick="window.open('{{ site.social.connect.facebook_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z"/></svg></div>{% endif %}
  {% if site.social.connect.github_url %}<div class="github" title="Connect on Github" onclick="window.open('{{ site.social.connect.github_url }}');"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></div>{% endif %}
  {% if site.social.connect.linkedin_url %}<div class="linkedin" title="Connect on Linkedin" onclick="window.open('{{ site.social.connect.linkedin_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z"/></svg></div>{% endif %}
  {% if site.social.connect.pinterest_url %}<div class="pinterest" title="Connect on Pinterest" onclick="window.open('{{ site.social.connect.pinterest_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M256 597q0-108 37.5-203.5t103.5-166.5 152-123 185-78 202-26q158 0 294 66.5t221 193.5 85 287q0 96-19 188t-60 177-100 149.5-145 103-189 38.5q-68 0-135-32t-96-88q-10 39-28 112.5t-23.5 95-20.5 71-26 71-32 62.5-46 77.5-62 86.5l-14 5-9-10q-15-157-15-188 0-92 21.5-206.5t66.5-287.5 52-203q-32-65-32-169 0-83 52-156t132-73q61 0 95 40.5t34 102.5q0 66-44 191t-44 187q0 63 45 104.5t109 41.5q55 0 102-25t78.5-68 56-95 38-110.5 20-111 6.5-99.5q0-173-109.5-269.5t-285.5-96.5q-200 0-334 129.5t-134 328.5q0 44 12.5 85t27 65 27 45.5 12.5 30.5q0 28-15 73t-37 45q-2 0-17-3-51-15-90.5-56t-61-94.5-32.5-108-11-106.5z"/></svg></div>{% endif %}
  {% if site.social.connect.twitter_url %}<div class="twitter" title="Connect on Twitter" onclick="window.open('{{ site.social.connect.twitter_url }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/></svg></div>{% endif %}
  {% if site.social.connect.rss_url %}<div class="rss" title="Connect RSS Feed" onclick="window.open('{{ site.social.connect.rss_url }}');"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"/></svg></div>{% endif %}
</div>

</div>