UPDATED h-cards to support p-note.

UPDATED to v0.2.2.

content/pages/about.ejs

@@ -3,7 +3,7 @@
   "title": "About",
   "description": "Information about both Eric and the site.",
   "date_pub": "2015-11-10T07:18:00-05:00",
-  "date_upd": "2018-07-08T19:09:00-04:00",
+  "date_upd": "2018-07-15T16:49:00-04:00",
   "section"     : "about",
   "content_type": "formatted",
   "short_code": "ma"
@@ -29,14 +29,17 @@
     <li>My name is <a class="p-name fn u-url u-uid url mainBio-div-link"
       href="/">Eric Woodward</a> and this is my website.</li>
 
-    <li class="p-role role">
+    <li class="p-note p-role role">
       I am a <span class="p-category category">geek</span>,
       <span class="p-category category">coder</span>,
       <span class="p-category category">gamer</span>,
       <span class="p-category category">tinkerer</span>,
       <span class="p-category category">husband</span>,
       <span class="p-category category">father</span>,
-      and American cyborg,
+      <span class="p-category category">server admin</span>,
+      <span class="p-category category">web developer</span>,
+      and <span class="p-category category">American</span>
+      <span class="p-category category">cyborg</span>,
       though not necessarily in that order.
     </li>
 

content/support/root/index.html.ejs

@@ -246,7 +246,7 @@
 
       <div class="dataDiv">
 
-        <p class="p-role role">
+        <p class="p-role role p-note">
           My name is <a class="p-name fn u-url u-uid url"
           href="/">Eric Woodward</a>, and I am a
           <span class="p-category category">geek</span>,
@@ -257,7 +257,8 @@
           <span class="p-category category">father</span>,
           <span class="p-category category">server admin</span>,
           <span class="p-category category">web developer</span>,
-          and <span class="p-category category">American</span> <span class="p-category category">cyborg</span>,
+          and <span class="p-category category">American</span>
+          <span class="p-category category">cyborg</span>,
           though not necessarily in that order.
         </p>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "itsericwoodward-com-gulp",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "IEW site, now using Gulp.",
   "dependencies": {},
   "devDependencies": {

templates/partials/bio.ejs

@@ -22,7 +22,7 @@
 
   <p>My name is <a class="p-name fn u-url u-uid url asideBio-div-link"
       href="/"><%=site.author.name%></a> and this is my website.</p>
-  <p class="p-role role">
+  <p class="p-note p-role role">
     I am a <span class="p-category category">geek</span>,
     <span class="p-category category">coder</span>,
     <span class="p-category category">gamer</span>,
@@ -31,7 +31,8 @@
     <span class="p-category category">father</span>,
     <span class="p-category category">server admin</span>,
     <span class="p-category category">web developer</span>,
-    and <span class="p-category category">American</span> <span class="p-category category">cyborg</span>,
+    and <span class="p-category category">American</span>
+    <span class="p-category category">cyborg</span>,
     though not necessarily in that order.
   </p>