Skip to content

Commit

Permalink
moved social icons to hugo template
Browse files Browse the repository at this point in the history
  • Loading branch information
@johanvandegriff
johanvandegriff committed Sep 29, 2022
1 parent 566bd5b commit f1dd4d4
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 23 deletions.
41 changes: 18 additions & 23 deletions layouts/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
{{ define "main" }}
<style>
/* .custom-thumbnail-image {background-image: none !important;} */
/* .custom-thumbnail-image {background-image: url("/gallery/drawings/images/sick-gamer-setup-6-johanv.tv-small-dark.png") !important;} */
.custom-thumbnail-image {background-image: url("/gallery/drawings/images/sick-gamer-setup-blank-small.png") !important;}
</style>
<section id="content">
Expand All @@ -11,28 +10,24 @@
<img src="/logo" alt="logo" style="border: 2px dashed rgb(90, 103, 216); 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>
<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;/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>
{{ partial "social.html" (slice
"mastodon https://fosstodon.org/@johanv"
"codeberg https://codeberg.org/johanvandegriff"
"sourcehut https://git.sr.ht/~johanvandegriff"
"github https://github.com/johanvandegriff"
"keyoxide https://keyoxide.org/CB274A4B4E0B24B79A86FB98121A0B83683707DB"
"odysee https://odysee.com/@johanv:5"
"twitch https://www.twitch.tv/jjvantheman"
"youtube https://youtube.com/user/jjvantheman"
"peertube https://diode.zone/c/johanv/videos"
"lichess https://lichess.org/@/jjvan"
"drawception https://drawception.com/player/962191/johanv/drawings/1/"
"devpost https://devpost.com/johanvandegriff"
"nethack https://alt.org/nethack/plr.php?player=jjvan"
"instructables https://instructables.com/member/jjvan/"
"oshwlab https://oshwlab.com/jjvan"
"scratch https://scratch.mit.edu/users/jjvan/"
) }}
</div>
</div>
<div class="user-content-header">
Expand Down
9 changes: 9 additions & 0 deletions themes/hugowncast/layouts/partials/social.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<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">
{{ range . }}
{{- $icon := index (split . " ") 0 -}}
{{- $url := index (split . " ") 1 -}}
<li><a class="user-social-item flex m-1" rel="me" href="{{- $url -}}"><span class="platform-icon rounded-lg bg-no-repeat" style="background-image: url(&quot;/icons-96x96/{{- $icon -}}.png&quot;);" title="find me on {{- $icon -}}"></span><span class="platform-label visually-hidden text-indigo-800 text-xs uppercase max-w-xs inline-block">find me on {{- $icon -}}</span></a></li>
{{ end }}
</p>
</ul>

0 comments on commit f1dd4d4

Please sign in to comment.