breath-web-app
Version:
A Web & Mobile App to help you focus on and calm your breathing.
61 lines (43 loc) • 1.96 kB
HTML
<html lang="en" prefix="og: http://ogp.me/ns#" class="is-paused hold-for-20pc X-bug app-about--close">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title> Breath Web App </title>
<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.png" />
<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" />
<link href="lib/style.css" rel="stylesheet" />
<link href="lib/animate.css" rel="stylesheet" />
<link href="lib/icon.svg" rel="icon" />
<main>
<svg xmlns="http://www.w3.org/2000/svg">
<circle id="breath" class="x-Off-White" cx="50%" cy="50%" r="1%" role="button" tabindex="0">
<title> Click to breath! </title>
</circle>
</svg>
<button
id="pause-btn"
title=" PAUSE "
><i class="sr-only">Pause</i></button>
</main>
<a
id="fork-me"
role="button"
class="about-btn"
target="_blank"
rel="noopener"
href="https://github.com/nfreear/breath#readme"
title="Breath Web App (beta) © 2020 Nick Freear | License: GPL-3.0+ "
><i class="sr-only">About </i>Breath<sup class="beta"> beta</sup></a>
<div id="about" ></div>
<script src="lib/index.js" type="module" ></script>
<!--
Gist :~ https://gist.github.com/nfreear/c8666ec92360d09c4f6d559a4e4d55ec
-->
</html>