235 lines
7.5 KiB
HTML
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 = "Author Name"
|
||
|
|
Avatar = "images/site-logo.svg"
|
||
|
|
Biography = "A short description, a few sentences describing the author. Set
|
||
|
|
the 'ShowBio' parameter to false to hide this."
|
||
|
|
ShowBio = true
|
||
|
|
|
||
|
|
[params.indieWeb]
|
||
|
|
EmailAddress = "email.address@example.com"
|
||
|
|
Country = "CountryName"
|
||
|
|
City = "CityName"
|
||
|
|
</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’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’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’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 'ShowBio' 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/">← 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 →</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>
|