<% if(icon == 'facebook') { %>
    <a href="<%= link %>" title="Facebook" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Facebook'})" 
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-facebook-f"></i>
    </a>
<% } %>
<% if(icon == 'youtube') { %>
    <a href="<%= link %>" title="Youtube" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'YouTube'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-youtube"></i>
    </a>
<% } %>
<% if(icon == 'linkedin') { %>
    <a href="<%= link %>" title="Linkedin" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Linkedin'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-linkedin"></i>
    </a>
<% } %>
<% if(icon == 'vimeo') { %>
    <a href="<%= link %>" title="Vimeo" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Vimeo'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-vimeo"></i>
    </a>
<% } %>
<% if(icon == 'github') { %>
    <a href="<%= link %>" title="Github" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Github'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-github"></i>
    </a>
<% } %>
<% if(icon == 'twitter') { %>
    <a href="<%= link %>" title="Twitter" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Twitter'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-twitter"></i>
    </a>
<% } %>
<% if(icon == 'lastfm') { %>
    <a href="<%= link %>" title="Last.fm" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'LastFM'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-lastfm"></i>
    </a>
<% } %>
<% if(icon == 'tumblr') { %>
    <a href="<%= link %>" title="'Coisas do James' on Tumblr" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Tumblr'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-tumblr"></i>
    </a>
<% } %>
<% if(icon == 'itch-io') { %>
    <a href="<%= link %>" title="My games on Itch.io" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Itch.io'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-itch-io"></i>
    </a>
<% } %>
<% if(icon == 'steam') { %>
    <a href="<%= link %>" title="Gamer profile on Steam" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Steam'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-steam"></i>
    </a>
<% } %>
<% if(icon == 'rss') { %>
    <a href="<%= link %>" title="James Peret's projects and posts RSS feed" 
        v-on:click="mixpanelTrack('RSS feed')"class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fas fa-rss"></i>
    </a>
<% } %>
<% if(icon == 'git') { %>
    <a href="<%= link %>" title="Code repositories" 
        v-on:click="mixpanelTrack('Git Repositories')"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-git-alt"></i>
    </a>
<% } %>
<% if(icon == 'soundcloud') { %>
    <a href="<%= link %>" title="Songs on soundcloud" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Soundcloud'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-soundcloud"></i>
    </a>
<% } %>
<% if(icon == 'twitch.tv') { %>
    <a href="<%= link %>" title="Twitch.tv" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Twitch.tv'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-twitch"></i>
    </a>
<% } %>
<% if(icon == 'npm') { %>
    <a href="<%= link %>" title="Node modules on NPM" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'NPM'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-npm"></i>
    </a>
<% } %>
<% if(icon == 'pinterest') { %>
    <a href="<%= link %>" title="Pinterest" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Pinterest'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-pinterest"></i>
    </a>
<% } %>
<% if(icon == 'unity') { %>
    <a href="<%= link %>" title="Unity Connect" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Unity Connect'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-unity"></i>
    </a>
<% } %>
<% if(icon == 'angellist') { %>
    <a href="<%= link %>" title="Angel List" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Angel List'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-angellist"></i>
    </a>
<% } %>
<% if(icon == 'codepen') { %>
    <a href="<%= link %>" title="codepen" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'CodePen'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-codepen"></i>
    </a>
<% } %>
<% if(icon == 'behance') { %>
    <a href="<%= link %>" title="Portolio on Behance" 
        v-on:click="mixpanelTrack('Social Link', {'network': 'Behance'})"
        class="display-4 social-link" style="margin-right: 10px" data-toggle="tooltip" data-placement="top">
        <i class="fab fa-behance"></i>
    </a>
<% } %>