Web/scripts/social.js

52 lines
1.4 KiB
JavaScript
Raw Normal View History

2018-07-24 22:45:53 +02:00
const socials = [{
2019-07-06 23:35:20 +02:00
name: 'Twitter',
link: 'https://twitter.com/Ellpeck'
2018-12-30 02:26:56 +01:00
},
{
2019-07-06 23:35:20 +02:00
name: 'GitHub',
link: 'https://github.com/Ellpeck/',
darkIcon: true
2018-07-24 22:45:53 +02:00
},
{
2019-07-06 23:35:20 +02:00
name: 'Twitch',
link: 'http://twitch.tv/ellpeck'
2018-07-24 22:45:53 +02:00
},
{
2019-07-06 23:35:20 +02:00
name: 'YouTube',
link: 'https://www.youtube.com/c/ellpeck'
2018-07-24 22:45:53 +02:00
},
{
2019-07-06 23:35:20 +02:00
name: "itch.io",
link: "https://ellpeck.itch.io/",
darkIcon: true
2018-07-24 22:45:53 +02:00
},
{
2019-07-06 23:35:20 +02:00
name: 'Instagram',
link: 'https://instagram.com/Ellopecko'
2018-07-24 22:45:53 +02:00
},
{
name: 'LinkedIn',
link: 'https://www.linkedin.com/in/ellpeck/'
2018-07-24 22:45:53 +02:00
},
{
2019-07-06 23:35:20 +02:00
name: 'Email',
link: 'mailto:me@ellpeck.de',
darkIcon: true
2018-07-24 22:45:53 +02:00
}
];
let s = '';
for (social of socials) {
s += '<a class="btn ' + (dark ? "btn-dark" : "btn-light") + ' social-button rounded-0" href="' + social.link + '"">';
let icon = social.name.toLowerCase();
if (dark && social.darkIcon)
2018-12-30 02:26:56 +01:00
icon += '_dark';
s += '<img class="social-image" src="res/social/' + icon + '.png" alt="">';
s += social.name;
2018-07-24 22:45:53 +02:00
s += '</a>'
}
$('#social-list').html(s);
var disc = $("#discord-div");
var theme = dark ? "dark" : "light";
disc.html('<iframe id="discord-widget" src="https://discordapp.com/widget?id=181435613147430913&theme=' + theme + '" width="300" height="450" allowtransparency="true" frameborder="0"></iframe>');