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> accident.</p>
</section> </section>
<section id="social"> <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" <img src="{{ site.url }}/src/images/github_light.png"
width="32" height="32" alt="GitHub" width="32" height="32" alt="GitHub"
title="My GitHub Repos" /> title="My GitHub Repos" />
</a> </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" <img src="{{ site.url }}/src/images/twitch_light.png"
width="32" height="32" alt="Twitch" width="32" height="32" alt="Twitch"
title="My Twitch Profile" /> title="My Twitch Profile" />
</a> </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" <img src="{{ site.url }}/src/images/steam_light.png"
width="32" height="32" alt="Steam" width="32" height="32" alt="Steam"
title="My Steam Profile" /> title="My Steam Profile" />
</a> </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" <img src="{{ site.url }}/src/images/matrix_light.png"
width="32" height="32" alt="Matrix" width="32" height="32" alt="Matrix"
title="My Steam Profile" /> title="My Steam Profile" />

View file

@ -15,13 +15,42 @@
</head> </head>
<body> <body>
<div class="cor_page"> <div class="cor_page">
<header>
<div>The</div><div>Internet</div><div>Vagabond</div> <header>
</header> <div>The</div><div>Internet</div><div>Vagabond</div>
<main> </header>
{{ content }}
</main> <main>
{% include cor_menu.html %} {{ content }}
</main>
{% include cor_menu.html %}
</div> </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> </body>
</html> </html>