Deploy Drafty

mraleph · Jul 25, 2015 · 8203b71 · 8203b71
1 parent 6b9daa6
commit 8203b71
Show file tree

Hide file tree

Showing 3 changed files with 721 additions and 0 deletions.
diff --git a/drafty/css/style.css b/drafty/css/style.css
@@ -0,0 +1,51 @@
+/* some style */
+
+img {
+  padding: 5px;
+  border-radius: 20px;
+}
+
+.always-show-pick img.picked {
+  background: gold;
+}
+
+.show-pick img {
+  opacity: 0.7;
+}
+
+.show-pick img.picked {
+  background: gold;
+  opacity: 1.0;
+}
+
+.pick-navigator {
+  text-align: center;
+}
+
+.share {
+    float: right;
+}
+
+.pick-index {
+    float: left;
+    letter-spacing: .05em;
+    text-transform: capitalize;
+    font-weight: bold;
+}
+
+body {
+    font-family: 'Fira Sans';
+}
+
+img.taken {
+    display: none;
+}
+
+div.show-taken img.taken {
+    display: inline-block;
+    opacity: 0.5;
+}
+
+.mode-controls {
+  float: right;
+}
diff --git a/drafty/index.html b/drafty/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="css/style.css" rel="stylesheet" type="text/css">
+    <link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="my-app">
+    </div>
+    <div style="width: 500px; margin-left: auto; margin-right: auto; font-family: 'Fira Sans'; font-size: 1.2em;">
+      <p>This page is a simple tool that allows you to view MTGO and share draft logs. Load a log using "Choose File" button.</p>
+      <p>Note that draft log is <em>not</em> uploaded anywhere when you load it. To upload draft log (e.g. for sharing with somebody) press "Share" button.
+        Your log will be uploaded to <a href="https://gist.github.com">gist.github.com</a> as an anonymous gist and you will receive an URL of the form <pre style="text-align: center;">http://mrale.ph/drafty/#...</pre> to use for sharing.</p>
+      <p>Please note that once the log is uploaded it becomes public and can't be easily deleted. Refer to <a href="https://help.github.com/articles/deleting-an-anonymous-gist/">GitHub Help</a> for more information.</p>
+      <p>All images are fetched from <a href="https://deckbrew.com/">https://deckbrew.com/</a></p>
+      <p>(Button "Show Taken Cards" allows you to see which cards were in this booster when it passed you before)</p>
+    </div>
+    <script src="js/compiled/drafty.js" type="text/javascript"></script>
+  </body>
+</html>