Commits

Anonymous committed faa9d09

add marker PDFS and links to print them

Comments (0)

Files changed (3)

Binary file added.
Binary file added.
 <html>
-<head></head>
+<head>
+<style>
+p,ul {
+    width: 30em;
+    margin: auto;
+    margin-bottom: 1em;
+    text-align: justify;
+}
+
+p.buttons {
+    padding: 1em;
+}
+
+a.button {
+    padding: 0.5em;
+    border: 1px solid #555555;
+    border-radius: 0.5em;
+    text-decoration: none;
+}
+a.button:hover {
+    background: blue;
+    color: white;
+    -moz-animation: twocolors 1s infinite;
+    -moz-animation-direction: alternate;
+    -webkit-animation: twocolors 1s infinite;
+    -webkit-animation-direction: alternate;
+}
+
+@-webkit-keyframes twocolors {
+    0% {
+        border-radius: 0.5em;
+    }
+    50% {
+        border-radius: 0.75em;
+        border-width: 1em;
+        left: -1em;
+        border-color: #CCCC00;
+    }
+    100% {
+        border-radius: 0em;
+    }
+}
+
+</style>
+</head>
 <body>
+<p><b>The Space Suit<br><br></b></p>
 <p>
 I am Character. Vagabond mathematician, travel writer. Perhaps you've read my work?
 Likely not, for fame is not mine. But it will be --- ahem --- might be. That is to say,
 <p>
 The Application contains my spare Space Suit, which will enable the wearer to enter a plane of your dimension. Please, bring this suit to me. I am in dire need of rescue.
 </p>
-<div><a href="application.html">launch application</a></div>
+<p class="buttons">
+    <a class="button" href="application.html">launch application</a>
+    <a class="button" href="1-2.pdf">print markers #1 & 2</a>
+    <a class="button" href="3.pdf">print marker #3</a>
+</p>
 <p>
-Important technical information: This prototype requires a very modern browser. You'll need either Mozilla Firefox Aurora or Google Chrome Canary. If you are using Aurora, open <b>about:config</b> and set <b>media.navigator.enabled</b> to <i>true</i>. This application makes use of the built in camera, and thus the browser will ask for your authorization. Both Aurora and Canary may be unpredicable/unstable, so if you experience any problems then a page reload might be the only solution.
+Important technical information: Aside the printed markers, this prototype requires a very modern browser. You'll need either <a href="http://www.mozilla.org/en-US/firefox/aurora/">Mozilla Firefox Aurora</a> or <a href="https://www.google.com/intl/en/chrome/browser/canary.html">Google Chrome Canary</a>. If you are using Aurora, open <b>about:config</b> and set <b>media.navigator.enabled</b> to <i>true</i>. On startup the browser will ask for your authorization before the webcam is activated. Both Aurora and Canary are as unpredicable/unstable as advertised, so if you experience any problems then a page reload might be the only solution.
 </p>
 <p>
-More technical information: This prototype employs a number of excellent exciting Open Source libraries. They include:
+This prototype employs a number of wonderful Open Source projects. They are:
 <ul>
-<li>JSAR Toolkit: <a href="https://github.com/kig/JSARToolKit">https://github.com/kig/JSARToolKit</a>, a javascript port of FLAR Toolkit, which is Flash port of <a href="www.hitl.washington.edu/artoolkit/">ARToolkit</a></li>
-<li>THREE.JS: <a href="https://github.com/mrdoob/three.js/">https://github.com/mrdoob/three.js/</a></li>
-<li>RequireJS: <a href="http://requirejs.org/">http://requirejs.org/</a></li>
+    <li>JSAR Toolkit: <a href="https://github.com/kig/JSARToolKit">https://github.com/kig/JSARToolKit</a>, a javascript port of FLAR Toolkit, which is Flash port of <a href="www.hitl.washington.edu/artoolkit/">ARToolkit</a></li>
+    <li>THREE.JS: <a href="https://github.com/mrdoob/three.js/">https://github.com/mrdoob/three.js/</a></li>
+    <li>RequireJS: <a href="http://requirejs.org/">http://requirejs.org/</a></li>
 </ul>
+</p>
+<p>
 Software licenses are confusing and confounding to this author. The source code to this application is available on Bitbucket.
 </p>
 </body>