Bug #3, add OpenGraph meta-data; fix CSS for heading <H1>

nfreear · Apr 5, 2020 · 0c12e1e · 0c12e1e
1 parent 05dc072
commit 0c12e1e
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -14,8 +14,8 @@ __Currently in 'Beta'.__
 _Try me!_ [__nfreear.github.io/breath__][app]
 
 
-_Resonant breathing biofeedback training_ has [been shown][doi] to be
-[beneficial][wp] to relieve stress.
+_Resonant breathing biofeedback training_ has [been shown][sutarto 2012] to be
+[beneficial][wp] to relieve stress ([Moss 2004][])
 
 ---
 ## 0.9.0-beta ##
@@ -50,10 +50,12 @@ This is the current status, based on what I've managed to test so far!
 
 [wp]: https://en.wikipedia.org/wiki/Biofeedback#Stress_reduction
   "Biofeedback on Wikipedia."
-[sutarto-2012]: https://doi.org/10.1080%2F10803548.2012.11076959
+[sutarto 2012]: https://doi.org/10.1080%2F10803548.2012.11076959
 "A.P. Sutarto, M.N.A Wahab & N.M. Zin (2012) Resonant Breathing Biofeedback Training for Stress Reduction Among Manufacturing Operators, Internat. J. of Occupational Safety and Ergonomics, 18:4, 549-561, DOI: 10.1080/10803548.2012.11076959; Retrieved 04-April-2020"
-[moss-2004]: https://bfe.org/articles/issue1_final.pdf
-"Moss D. Heart rate variability (HRV) biofeedback. Psychophysiology Today. 2004;(1):4–11. Retrieved 04-April-2020."
+[pdf-moss 2004]: https://bfe.org/articles/issue1_final.pdf
+"(PDF) Moss D. Heart rate variability (HRV) biofeedback. Psychophysiology Today. 2004;(1):4–11. Retrieved 04-April-2020."
+[moss 2004]: https://scholar.google.com/scholar?q=Moss+%22Heart+rate+variability+%28HRV%29+biofeedback%22#
+"Moss D. Heart rate variability (HRV) biofeedback. Psychophysiology Today. 2004;(1):4–11. On Google Scholar."
 [eddie]: https://eddiestern.com/the-breathing-app/
 [android]: https://play.google.com/store/apps/details?id=org.ayny.breathingapp#
   "The Breathing App, on Google Play for Android."

diff --git a/docs/index.html b/docs/index.html
@@ -1,12 +1,19 @@
 <!doctype html>
-<html lang="en" class="is-paused app-about--close">
+<html lang="en" prefix="og: http://ogp.me/ns#" class="is-paused app-about--close">
 
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-  <title> Breath Web App (beta) </title>
+  <title> Breath Web App </title>
 
-  <meta name="description" content="A Web App to help you focus on and calm your breathing." />
+  <meta property="og:title" content="Breath Web App" />
+  <meta property="og:type" content="website" />
+  <meta property="og:description" content="A Web and mobile App to help you focus on and calm your breathing." />
+  <meta property="og:url" content="https://nfreear.github.io/breath/" />
+  <meta property="og:image" content="https://nfreear.github.io/breath/lib/icon.svg" />
+
+  <meta name="twitter:creator" content="@nfreear" />
+  <meta name="description" content="A Web and mobile App to help you focus on and calm your breathing." />
   <meta name="copyright" content="© Nick Freear, 01-April-2020 | License: GPL-3.0+" />
 
   <link href="manifest.webmanifest" rel="manifest" type="application/manifest+json" />

diff --git a/docs/lib/app-about.html b/docs/lib/app-about.html
@@ -30,7 +30,9 @@
 }
 
 .app-about h1 {
+  font-size: calc(var(--zoom) * 1.5rem);
   word-spacing: -.1rem;
+  transition: font-size 1s;
 }
 
 .app-about h1,
@@ -43,6 +45,7 @@
 .app-about sup {
   color: gray;
   font-style: italic;
+  word-spacing: -.3rem;
 }
 
 .app-about > div {
@@ -85,7 +88,7 @@
     >&times;</button>
 
   <div>
-    <h1> Breath Web App<sup>beta</sup> </h1>
+    <h1> Breath Web App<sup> beta</sup> </h1>
 
     <p>
       <a href="https://github.com/nfreear/breath#readme"

diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "name": "breath-web-app",
   "version": "0.9.0-beta",
   "description": "A Web App to help you focus on and calm your breathing.",
-  "keywords": [ "breathing", "web-app", "svg-animation", "smil" ],
+  "keywords": [ "breathing", "biofeedback", "wellbeing", "web-app", "svg-animation", "smil" ],
   "license": "GPL-3.0+",
   "homepage": "https://nfreear.github.io/breath/",
   "repository": "https://github.com/nfreear/breath.git",