Add an IndieWeb h-card

This commit is contained in:
Bill Niblock 2020-06-26 08:52:52 -04:00
parent 2d1a4a1ef9
commit 76dc6bbec2
2 changed files with 40 additions and 11 deletions

View file

@ -19,22 +19,22 @@
accident.</p>
</section>
<section id="social">
<a href="https://github.com/VagabondAzulien">
<a rel="me" href="https://github.com/VagabondAzulien">
<img src="{{ site.url }}/src/images/github_light.png"
width="32" height="32" alt="GitHub"
title="My GitHub Repos" />
</a>
<a href="https://www.twitch.tv/vagabondazulien/profile">
<a rel="me" href="https://www.twitch.tv/vagabondazulien/profile">
<img src="{{ site.url }}/src/images/twitch_light.png"
width="32" height="32" alt="Twitch"
title="My Twitch Profile" />
</a>
<a href="https://steamcommunity.com/id/azulien">
<a rel="me" href="https://steamcommunity.com/id/azulien">
<img src="{{ site.url }}/src/images/steam_light.png"
width="32" height="32" alt="Steam"
title="My Steam Profile" />
</a>
<a href="https://matrix.to/#/@vagabondazulien:exp.farm">
<a rel="me" href="https://matrix.to/#/@vagabondazulien:exp.farm">
<img src="{{ site.url }}/src/images/matrix_light.png"
width="32" height="32" alt="Matrix"
title="My Steam Profile" />

View file

@ -15,13 +15,42 @@
</head>
<body>
<div class="cor_page">
<header>
<div>The</div><div>Internet</div><div>Vagabond</div>
</header>
<main>
{{ content }}
</main>
{% include cor_menu.html %}
</div>
<!-- IndieWeb h-card -->
<section style="display: none;" class="h-card">
<!-- IndieWeb: About Me -->
<span class="p-name">Bill Niblock</span>
<span class="p-note">
I'm a computer scientist by education, a technologist
by trade, a gamer by hobby, and a philosopher by accident.
</span>
<!-- IndieWeb: Profile Pic (WIP) -->
<!-- IndieWeb: Location -->
<span class="p-locality">Buffalo</span>
<span class="p-region">New York</span>
<span class="p-country-name">United States of America</span>
<!-- IndieWeb: Links -->
<a class="u-url u-uid" href="https://theinternetvagabond.com"></a>
<a class="u-email" rel="me" href="mailto:bill@theinternetvagabond.com"></a>
<a class="u-url" rel="me" href="https://github.com/VagabondAzulien"></a>
<a class="u-url" rel="me" href="https://steamcommunity.com/id/azulien"></a>
<a class="u-url" rel="me" href="https://matrix.to/#/@vagabondazulien:exp.farm"></a>
<!-- IndieWeb: Categories -->
<span class="p-category">Gaming</span>
<span class="p-category">Technology</span>
<span class="p-category">Philosophy</span>
<span class="p-category">Open Source Software</span>
<span class="p-category">Coffee</span>
</section>
</body>
</html>