init

web/nfc-theme/static/geo.js

@@ -0,0 +1,10 @@
+const ua = String(platform.os).toLowerCase();
+const android = ua.indexOf("android") > -1;
+const ios = ua.indexOf("ios") > -1;
+const windows = ua.indexOf("windows") > -1;
+const linux = ua.indexOf("linux") > -1;
+const mac = ua.indexOf("macos") > -1;
+var hashlink = document.querySelector(".geo a");
+if ( windows || mac || linux ) hashlink.href = "https://maps.google.com/?q=" + hashlink.getAttribute("latlon");
+else if ( android ) hashlink.href = "geo:0,0?q=" + hashlink.getAttribute("latlon");
+else if ( ios ) hashlink.href = "http://maps.apple.com/?ll=" + hashlink.getAttribute("latlon") + "&q=" + hashlink.innerHTML;

web/nfc-theme/static/local.css

@@ -0,0 +1,144 @@
+@font-face {
+  font-family: 'David Libre';
+  src: local('David Libre'), local('DavidLibre'),
+       url('DavidLibre-Regular.ttf') format('ttf')
+}
+
+/* CSS Reset */
+html {
+  margin: 0;
+  padding: 0;
+  text-align: left;
+  text-rendering: optimizeLegibility;
+}
+
+/* HTML5 tag defaults. */
+header, footer, aside, nav, article 
+{ 
+  display: block;
+}
+
+h1, h2, h3, h4, h5 { 
+  margin-block-start: 0;
+  font-weight: normal;
+  text-align: left;
+  font-size: 1em;
+}
+
+body {
+  font-family: 'David Libre';
+  padding: 1em;
+  font-size: 1.4em;
+  line-height: 1.2em;
+  text-align: left;
+  color: #090A0E;
+  height: 100vh;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  margin: auto;
+  max-width: 40em;
+}
+
+p {
+  margin-block-start: 0;
+}
+
+ul, ul li {
+  margin:0;
+  padding:0;
+  list-style:none      
+}
+
+ul li::before {
+  content: '*\00a0'; 
+}
+
+/* Use a thin border around all images. */
+img 
+{
+  border: 1px solid;
+  max-width: 40em;
+  width: 100%;
+}
+
+/* Navigation bar. */
+nav 
+{
+  padding-bottom: 1ex;
+  margin-bottom: 4em;
+}
+
+nav::after {
+  clear:left;
+}
+
+nav ul 
+{
+  padding: 0;
+  margin-left: 0;
+  list-style: none;
+}
+
+nav ul li 
+{
+  display: inline;
+  float: left;
+  margin-right: .4em; /* How far between items. */
+  margin-top: .3em;
+}
+
+nav li::before {
+  content: none;
+}
+
+nav ul li a 
+{
+  display: inline;
+  margin: 0;
+}
+
+/*
+ * Use a border around tables, but don't draw lines around individual
+ * cells.
+ */
+table 
+{
+  border-style: solid;
+  border-collapse: collapse; 
+  border-width: thin;
+  font-size: 100%;
+}
+
+th, td 
+{
+  border-style: solid;
+  border-width: thin;
+}
+
+a {
+  border-bottom: 1px solid #090A0E;
+}
+
+/* for unvisited links: blue */
+a:link
+{
+  text-decoration: none;
+}
+
+/* for visited links: purple */
+a:visited
+{
+  text-decoration: none;
+}
+
+/* when mouse is over link or the link is active*/
+a:hover, a:active
+{
+  text-decoration: none;
+}
+
+blockquote {
+  border: 1px solid;
+  margin: 0;
+  padding-left: 1em;
+}