caffeinated.blog/public/post/author-bios/index.html
2021-02-02 22:12:57 +10:00

235 lines
7.5 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Author Bios | Caffeinated Blog</title>
<meta name="description" content="Description of website for head meta tag">
<meta name="author" content="">
<link rel="apple-touch-icon" sizes="180x180" href=https://caffeinated.blog/apple-touch-icon.png>
<link rel="icon" type="image/png" sizes="32x32" href=https://caffeinated.blog/favicon-32x32.png>
<link rel="icon" type="image/png" sizes="16x16" href=https://caffeinated.blog/favicon-16x16.png>
<link rel="manifest" href=https://caffeinated.blog/site.webmanifest>
<link rel="mask-icon" href=https://caffeinated.blog/safari-pinned-tab.svg color="#00416a">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="theme-color" content="#ffffff">
<link rel="me" href="https://github.com/glennrice">
<link rel="me" href="https://micro.blog/glennr">
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
<link rel="stylesheet" href=https://caffeinated.blog/css/fonts.css />
<link rel="stylesheet" href=https://caffeinated.blog/css/style.css />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="sitelogo">
<a class="glyph" alt="Home" href="https://caffeinated.blog/"><img src=https://caffeinated.blog/images/site-logo.png alt="Site Logo" height="64px" width="64px"></a>
</div>
<header>
<nav>
<div id="page-nav">
<div class="page-nav-item">
<a href="https://caffeinated.blog/">Home</a>
</div>
<div class="page-nav-item">
<a href="/about/">
<span>About The Theme</span>
</a>
</div>
<div class="page-nav-item">
<a href="/adding-menu-items/">
<span>Adding Page Items</span>
</a>
</div>
</div>
</nav>
</header>
<div id="content">
<article class="h-entry">
<header>
<h1 class="post-title p-name">Author Bios</h1>
<p class="post-date">Posted on
<time class="dt-published" datetime="2018-10-01T08:00:00-04:00">
1 October, 2018 at 08:00 -0400
</time> by <a href="https://caffeinated.blog/" class="p-author h-card" rel="author">Glenn Rice</a>
</p>
<p class="post-tag">Category:
<a href="https://caffeinated.blog/categories/meta" class="post-tag p-category">meta</a>
</p>
<hr class="post-underline">
</header>
<section class="content e-content">
<p>The bottom of every page in the theme can optionally show a short biography of the site author, including a profile picture, email link, and location.</p>
<h2 id="setting-up-the-author-bio">Setting up the author bio</h2>
<p>A set of configuration options are used for displaying the biography.</p>
<pre><code>[params]
Author = &quot;Author Name&quot;
Avatar = &quot;images/site-logo.svg&quot;
Biography = &quot;A short description, a few sentences describing the author. Set
the 'ShowBio' parameter to false to hide this.&quot;
ShowBio = true
[params.indieWeb]
EmailAddress = &quot;email.address@example.com&quot;
Country = &quot;CountryName&quot;
City = &quot;CityName&quot;
</code></pre><p>Specifics on each setting item are as follows:</p>
<ul>
<li><code>Author</code>: Your name; this is the site author name.</li>
<li><code>Avatar</code>: The path to your profile picture. By default, it will show the theme&rsquo;s logo (<code>/static/images/site-logo.svg</code>).</li>
<li><code>Biography</code>: Hopefully the placeholder text here is self-explanatory; add a couple of short sentences about yourself here.</li>
<li><code>ShowBio</code>: If you prefer not to show the author bio, set this to <code>false</code>. By default, it&rsquo;s set to <code>true</code>.</li>
<li><code>EmailAddress</code>: The email address at which you can be contacted.</li>
<li><code>Country</code>: The name of the country in which you live.</li>
<li><code>City</code>: The name of the city in which you live.</li>
</ul>
<h2 id="indieweb-features">IndieWeb features</h2>
<p>The following classes are used to mark up the author bio for <a href="https://indieweb.org">IndieWeb</a> parsing:</p>
<table>
<thead>
<tr>
<th align="left">Element</th>
<th align="left">Class</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">The author card</td>
<td align="left"><code>h-card</code></td>
</tr>
<tr>
<td align="left">Profile picture</td>
<td align="left"><code>u-photo</code></td>
</tr>
<tr>
<td align="left">Author URL*</td>
<td align="left"><code>p-name</code>, <code>u-url</code>, <code>rel=me</code></td>
</tr>
<tr>
<td align="left">City</td>
<td align="left"><code>p-locality</code></td>
</tr>
<tr>
<td align="left">Country</td>
<td align="left"><code>p-country-name</code></td>
</tr>
<tr>
<td align="left">Email address</td>
<td align="left"><code>u-email</code></td>
</tr>
<tr>
<td align="left">Biography</td>
<td align="left"><code>p-note</code></td>
</tr>
</tbody>
</table>
<p>*Author URL is set to the site&rsquo;s base URL.</p>
</section>
<footer>
<a class="permalink u-url" href="https://caffeinated.blog/post/author-bios/">🔗</a>
<hr class="post-underline">
<p class="post-tag">Tags for this post:
<a href="https://caffeinated.blog/tags/options" class="post-tag p-category">options</a>
</p>
</footer>
</article>
</div>
<div class="h-card">
<img class="u-photo" src="https://caffeinated.blog/images/myAvatar.svg" />
<div class="card-content">
<h2 class="card-name"><a class="p-name u-url" href="https://caffeinated.blog/" rel="me">Glenn Rice</a></h2>
<p class="card-subhead">
<span class="p-locality"></span>,
<span class="p-country-name">Australia</span><br />
<a class="u-email" href="mailto:">Email me</a>
</p>
</div>
<p class="p-note">A short description, a few sentences describing the author. Set the &#39;ShowBio&#39; parameter to false to hide this.</p>
</div>
<div id="footer">
<nav id="article-skip">
<div class="next">
<a alt="Newer article" href="https://caffeinated.blog/post/featured-typefaces/">&larr; Newer</a>
</div>
<div class="top">
<a alt="Top of page" href="#">Top</a>
</div>
<div class="prev">
<a alt="Older article" href="https://caffeinated.blog/about/">Older &rarr;</a>
</div>
</nav>
<aside id="social">
<div id="social-icons">
<div class="icon-24x24">
<a class="glyph" alt="GitHub profile" href="https://github.com/glennrice"><img src=https://caffeinated.blog/icons/github.svg height="24px" width="24px"></a>
</div>
<div class="icon-24x24">
<a class="glyph" alt="Keybase profile" href="https://keybase.io/glennr"><img src=https://caffeinated.blog/icons/keybase.svg height="24px" width="24px"></a>
</div>
</div>
</aside>
<p class="copyright">
Copyright © 2019, Glenn Rice
</p>
</div>
</body>
</html>