Skip to content

Commit

Permalink
added more icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@johanvandegriff
johanvandegriff committed Aug 24, 2022
1 parent e77eaf0 commit 17703f5
Show file tree
Hide file tree
Showing 39 changed files with 20 additions and 20 deletions.
40 changes: 20 additions & 20 deletions layouts/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,16 +10,27 @@
<div class="flex flex-cr items-center">
<img src="/logo" alt="logo" style="border-radius: 100%; min-width: var(--user-image-width);width: var(--user-image-width);height: var(--user-image-width);max-height: var(--user-image-width); margin: 1rem" />
<div>
<ul style="display: flex; flex-wrap: wrap; list-style-type: none" class="social-list m-2 text-center">
<h1 style="font-size: large" class="text-center">Johan Vandegriff</h1>
<ul style="display: flex; flex-wrap: wrap; list-style-type: none; padding: 0" class="social-list m-2 text-center">
<p class="follow-icon-list flex flex-row items-center justify-center flex-wrap">
<li><a class="user-social-item flex m-1" rel="me" href="https://github.com/johanvandegriff"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/github.svg&quot;);" title="Find me on github"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on github</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://keyoxide.org/CB274A4B4E0B24B79A86FB98121A0B83683707DB"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/keyoxide.png&quot;);" title="Find me on keyoxide"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on keyoxide</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://fosstodon.org/@johanv"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/mastodon.svg&quot;);" title="Find me on mastodon"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on mastodon</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://odysee.com/@johanv:5"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/odysee.svg&quot;);" title="Find me on odysee"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on odysee</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://www.twitch.tv/jjvantheman"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/twitch.svg&quot;);" title="Find me on twitch"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on twitch</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://youtube.com/user/jjvantheman"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/youtube.svg&quot;);" title="Find me on youtube"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on youtube</span></a></li>
<!-- <li><a class="user-social-item flex m-1" rel="me" href="https://jjv.sh"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/follow.svg&quot;);" title="Find me on follow"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on follow</span></a></li> -->
<li><a class="user-social-item flex m-1" rel="me" href="https://jjv.sh"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/img/platformlogos/default.svg&quot;);" title="Find me on more"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">Find me on more</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://github.com/johanvandegriff"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/github.png&quot;);" title="find me on github"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on github</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://keyoxide.org/CB274A4B4E0B24B79A86FB98121A0B83683707DB"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/keyoxide.png&quot;);" title="find me on keyoxide"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on keyoxide</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://fosstodon.org/@johanv"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/mastodon.png&quot;);" title="find me on mastodon"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on mastodon</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://odysee.com/@johanv:5"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/odysee.png&quot;);" title="find me on odysee"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on odysee</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://www.twitch.tv/jjvantheman"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/twitch.png&quot;);" title="find me on twitch"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on twitch</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://youtube.com/user/jjvantheman"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/youtube.png&quot;);" title="find me on youtube"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on youtube</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://codeberg.org/johanvandegriff"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/codeberg.png&quot;);" title="find me on codeberg"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on codeberg</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://git.sr.ht/~johanvandegriff/"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/sourcehut.png&quot;);" title="find me on sourcehut"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on sourcehut</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://lichess.org/@/jjvan"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/lichess.png&quot;);" title="find me on lichess"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on lichess</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://drawception.com/player/962191/johanv/drawings/1/"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/drawception.png&quot;);" title="find me on drawception"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on drawception</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://devpost.com/johanvandegriff"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/devpost.png&quot;);" title="find me on devpost"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on devpost</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://alt.org/nethack/plr.php?player=jjvan"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/nethack.png&quot;);" title="find me on nethack"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on nethack</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://instructables.com/member/jjvan/"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/instructables.png&quot;);" title="find me on instructables"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on instructables</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://oshwlab.com/jjvan"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/oshwlab.png&quot;);" title="find me on oshwlab"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on oshwlab</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://scratch.mit.edu/users/jjvan/"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/scratch.png&quot;);" title="find me on scratch"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on scratch</span></a></li>
<li><a class="user-social-item flex m-1" rel="me" href="https://diode.zone/c/johanv/videos"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/peertube.png&quot;);" title="find me on peertube"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on peertube</span></a></li>
<!-- <li><a class="user-social-item flex m-1" rel="me" href=""><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/follow.png&quot;);" title="find me on follow"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on follow</span></a></li> -->
<!-- <li><a class="user-social-item flex m-1" rel="me" href=""><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/default.png&quot;);" title="find me on more"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on more</span></a></li> -->
</p>
</ul>
</div>
Expand All @@ -35,17 +46,6 @@
<a target="_blank"href="https://youtube.com/user/jjvantheman">youtube</a> (<a target="_blank"href="https://www.youtube.com/playlist?list=PL9MPtw9DDuDJBfVToJkkUYetGn_gYYes4">VODs</a>) |
<a target="_blank"href="https://www.twitch.tv/jjvantheman">twitch</a> |
<a target="_blank"href="https://dlive.tv/jjvantheman">dlive</a>
<p>find me:
<a target="_blank"href="https://codeberg.org/johanvandegriff">codeberg</a> |
<a target="_blank"href="https://git.sr.ht/~johanvandegriff/">sourcehut</a> |
<a target="_blank"href="https://lichess.org/@/jjvan">lichess</a> |
<a target="_blank"href="https://drawception.com/player/962191/johanv/drawings/1/">drawception</a> |
<a target="_blank"href="https://devpost.com/johanvandegriff">devpost</a> |
<a target="_blank"href="https://alt.org/nethack/plr.php?player=jjvan">nethack</a> |
<a target="_blank"href="https://instructables.com/member/jjvan/">instructables</a> |
<a target="_blank"href="https://oshwlab.com/jjvan">oshwlab (easyeda)</a> |
<a target="_blank"href="https://scratch.mit.edu/users/jjvan/">scratch</a> |
<a target="_blank"href="https://diode.zone/c/johanv/videos">peertube</a></p>
</div>
<p style="font-weight: bold">Here's a random interesting fact about me:</p>
<p id="fact"></p>
Expand Down
Binary file added static/icons-96x96/bandcamp.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/codeberg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/default.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/devpost.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/discord.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/donate.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/drawception.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/facebook.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/follow.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/github.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/gitlab.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/google.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/instagram.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/instructables.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/keyoxide.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/ko-fi.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/lbry.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/liberapay.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/lichess.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/link.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/linkedin.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/mastodon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/nethack.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/odysee.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/oshwlab.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/icons-96x96/patreon.png
View file
Binary file added static/icons-96x96/paypal.png
View file
Binary file added static/icons-96x96/peertube.png
View file
Binary file added static/icons-96x96/scratch.png
View file
Binary file added static/icons-96x96/snapchat.png
View file
Binary file added static/icons-96x96/soundcloud.png
View file
Binary file added static/icons-96x96/sourcehut.png
View file
Binary file added static/icons-96x96/spotify.png
View file
Binary file added static/icons-96x96/steam.png
View file
Binary file added static/icons-96x96/tiktok.png
View file
Binary file added static/icons-96x96/twitch.png
View file
Binary file added static/icons-96x96/twitter.png
View file
Binary file added static/icons-96x96/youtube.png
View file

0 comments on commit 17703f5

Please sign in to comment.