Now that I own my domain name ,
let’s setup Web Sign In with Octopress.
We’ll also add an h-card, so that I own my digital identity.
1 – add the asides
This one is easy, head to your source/_includes/asides, and add the following file:
<section class="h-card">
<h1>
<a class="p-name u-url" href="{{ site.url }}">{{ site.author }}</a>
</h1>
{% if site.gravatar_email %}
<img class="u-photo" src="{% gravatar_image %}" alt="Gravatar of {{ site.author }} " title="Gravatar of {{ site.author }}" /><br/>
{% endif %}
{% if site.bio %}
<h2>Bio</h2>
<p class="p-note">{{ site.bio }}</p>
{% endif %}
{% if site.email %}
email: <a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a><br/>
{% endif %}
</section>
<section>
<h2>Find me on other places!</h2>
<ul>
{% if site.twitter_user %}
<li><a href="https://twitter.com/{{site.twitter_user}}" rel="me">@{{site.twitter_user}} on Twitter</a></li>
{% endif %}
{% if site.github_user %}
<li><a href="https://github.com/{{site.github_user}}" rel="me">Github</a></li>
{% endif %}
{% if site.googleplus_user %}
<li><a href="https://google.com/+{{site.googleplus_user}}" rel="me">Google</a></li>
{% endif %}
</ul>
</section>
Just add asides/about_me.html to your _config.yml in default_asides, and that’s it!
Profit :) You can now sign in the IndieWebCamp wiki \o/
2 – Use gravatar for your image (optional)
If you want a picture of you also, I took the decision to use gravatar. To make this working,
just cd plugins; wget https://raw.githubusercontent.com/joet3ch/gravatar-octopress/master/gravatar.rb
Thanks joet3ch for his plugin :)
(Unfortunatelly, I’ll not be able to webmention him because, he is not part of IndieWeb.. We’ll learn about webmention soon!)
Final thoughts
I now control my identity online!