make the periods a style thing

diff --git a/index.html b/index.html
index 8373e697a884ec242e4ce905f5a9efb8c82737e7..55e6237abb6d746816a23de5f368b21f0cbdedd2 100644 (file)
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
                 <ul>
                     <li><a href="#experience" class="h">Experience</a></li>
                     <li><a href="#skills" class="h">Skills</a></li>
-                    <li><a href="#about" class="h">About</a></li>
+                    <li><a href="#about" class="h">Elsewhere</a></li>
                 </ul>
             </nav>
         </header>
@@ -20,7 +20,7 @@
         <div id="content">
             <article id="resume">
                 <div>
-                    <h2 id="experience">Experience.</h2>
+                    <h2 id="experience">Experience</h2>
                     <details open>
                         <summary><strong>Consultant at Booz Allen Hamilton in the Washington, D.C. area <em>(August 2019&mdash;Present)</em></strong></summary>
                         <ul>
@@ -86,7 +86,7 @@
                     </details>
                 </div>
                 <div>
-                    <h2 id="skills">Skills.</h2>
+                    <h2 id="skills">Skills</h2>
                     <p><em>In rank order from "very confident/use frequently" to "have experience with/used once."</em></p>
                     <details open>
                         <summary><strong>Programming</strong></summary>
@@ -126,7 +126,7 @@
 
             <article id="about">
                 <div>
-                    <h2><span class="h">Social media.</span></h2>
+                    <h2><span class="h">Elsewhere</span></h2>
                     <p>
                       <a href="https://github.com/jackkinsey/" class="h">github</a>
                       <a href="https://twitter.com/_jackkinsey" class="h">twitter</a>
@@ -134,7 +134,7 @@
                     </p>
                 </div>
                 <div>
-                    <h2><span class="h">Notes.</span></h2>
+                    <h2><span class="h">Notes</span></h2>
                     <p><span class="h">All content, unless otherwise noted, released under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a>.</span></p>
                 </div>
             </article>

diff --git a/res/style.css b/res/style.css
index e1b089307e27c53df134b108096229debc0bec74..cd8a9f130c6a287543156318698e4607f1e87d35 100644 (file)
--- a/res/style.css
+++ b/res/style.css
@@ -79,6 +79,11 @@ article h2::before {
     content: "\2014"; /* emdash */
 }
 
+article h2::after {
+    font-size: 1em;
+    content: ".";
+}
+
 em {
     font-style:italic;
 }