51 lines
No EOL
2.5 KiB
HTML
51 lines
No EOL
2.5 KiB
HTML
<span class="anchor" id="social"></span>
|
|
<div class="list-display rounded">
|
|
<h1>🔗 Social</h1>
|
|
<p>
|
|
These are other websites where you can find me and the things I do, including the pages where I publish my code and games and where I sometimes stream and upload videos. This list also includes a lot of ways to reach me.
|
|
</p>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div id="social-list">
|
|
{% for item in site.data.socials %}
|
|
<a class="btn btn-light social-button rounded-0" href="{{ item.link }}">
|
|
<img class="social-image social-image-light" src="res/social/{{ item.name | downcase }}.png" alt="Social icon">
|
|
|
|
{% if item.darkIcon %}
|
|
{% assign dark = item.name | downcase | append: "_dark" %}
|
|
{% else %}
|
|
{% assign dark = item.name | downcase %}
|
|
{% endif %}
|
|
<img class="social-image social-image-dark" src="res/social/{{ dark }}.png" alt="Social icon" hidden>
|
|
|
|
{{ item.name }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
Additionally, here are some miscellaneous socials:
|
|
<ul>
|
|
<li>I post most of my Sims 4 builds on <a href="https://ellpeck.de/sims4gallery">the gallery</a> as <strong>Ellpeck</strong>. I also post screenshots on my <a href="https://www.instagram.com/ellssimsbuilds/">Simstagram</a>.</li>
|
|
<li>My Nintendo Switch friend code is <strong>SW-5281-8834-6801</strong>.</li>
|
|
<li>My AC: New Horizons Dream Address is <strong>DA-4030-6437-5104</strong>.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-auto" id="discord-div">
|
|
<iframe id="discord-widget" title="Ellpeck's Discord server" width="300" height="450" allowtransparency="true" frameborder="0"></iframe>
|
|
</div>
|
|
|
|
<script>
|
|
if (dark) {
|
|
$(".social-image-light").attr("hidden", true);
|
|
$(".social-image-dark").attr("hidden", false);
|
|
$("#social-list").find(".btn-light").each(function () {
|
|
let e = $(this);
|
|
e.removeClass("btn-light");
|
|
e.addClass("btn-dark");
|
|
});
|
|
}
|
|
let theme = dark ? "dark" : "light";
|
|
$("#discord-widget").attr("src", `https://discordapp.com/widget?id=181435613147430913&theme=${theme}`);
|
|
</script>
|
|
</div>
|
|
</div> |