diff --git a/drafty/css/style.css b/drafty/css/style.css new file mode 100644 index 0000000..bcf84f3 --- /dev/null +++ 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 new file mode 100644 index 0000000..c5f6a4a --- /dev/null +++ b/drafty/index.html @@ -0,0 +1,22 @@ + + +
+ + + + + + +This page is a simple tool that allows you to view MTGO and share draft logs. Load a log using "Choose File" button.
+Note that draft log is not 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 gist.github.com as an anonymous gist and you will receive an URL of the form
http://mrale.ph/drafty/#...to use for sharing. +
Please note that once the log is uploaded it becomes public and can't be easily deleted. Refer to GitHub Help for more information.
+All images are fetched from https://deckbrew.com/
+(Button "Show Taken Cards" allows you to see which cards were in this booster when it passed you before)
+