The website

PennyDreadfulMTG · Jul 9, 2019 · ffb8a47 · ffb8a47
1 parent 6b9534e
commit ffb8a47
Show file tree

Hide file tree

Showing 11 changed files with 447 additions and 5 deletions.
diff --git a/css/bootstrap-theme.min.css b/css/bootstrap-theme.min.css
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/pd.css b/css/pd.css
@@ -0,0 +1,3 @@
+li {
+  margin-bottom:5px;
+}
diff --git a/deck_check.html b/deck_check.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>PD-Deck Check</title>
+
+    <!-- Bootstrap -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <!-- Customizations -->
+    <link href="css/pd.css" rel="stylesheet">
+
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+
+
+    <nav class="navbar navbar-inverse navbar-fixed-top">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="#">Penny Dreadful</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+
+          <ul class="nav navbar-nav">
+            <li><a href="http://pdmtgo.com">Home</a></li>
+            <li><a href="http://blog.pdmtgo.com">Blog</a></li>
+            <li class="active"><a href="#">Deck Checker <span class="sr-only">(current)</span></a></li>
+          </ul>
+
+        </div><!--/.navbar-collapse -->
+      </div>
+    </nav>
+
+    <!-- Main jumbotron for a primary marketing message or call to action -->
+    <div class="jumbotron">
+      <div class="container">
+        <h1>Deck Checker</h1>
+        <p>Card lines must use the format "# Card Name".  Other lines will be ignored.  (ex: "Sideboard", "Creatures", and blank lines)</p>
+        <!-- <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p> -->
+        <div class="row">
+          <div class="col-md-6">
+            <textarea id="decklist" rows="20" cols="50" class="pull-right" placeholder="Paste your decklist here"></textarea>
+            <!-- <p><a class="btn btn-default" href="legal_cards.txt" role="button">0.01 Tix List &raquo;</a></p> -->
+          </div>
+          <div class="col-md-6">
+            <div id="nLoading" class="alert alert-info" role="alert"><strong>Loading</strong>, please wait...</div>
+
+            <div id="nCheckButton" style="display:none;" class="alert" role="alert"><button id="checkButton" type="button" class="btn btn-primary">Check the Deck</button></div>
+
+            <div id="nChecking" style="display:none;" class="alert alert-info" role="alert">Checking...</div>
+
+            <div id="nContains" style="display:none;" class="alert alert-info" role="alert">Deck contains <span id="cardCount"></span>.</div>
+
+            <div id="nFewCards" style="display:none;" class="alert alert-danger" role="alert">There are less than 60 cards in your deck.</div>
+
+            <div id="nLegal" style="display:none;" class="alert alert-success" role="alert">The deck has only legal cards.</div>
+
+            <div id="nIllegal" style="display:none;" class="alert alert-danger" role="alert">The following cards in your deck are not legal:<br>
+            <ul id="illegalCards"></ul></div>
+
+            <div id="nError" style="display:none;" class="bg-danger" role="alert">There has been an error.  Please refresh the page to continue.</div>
+          </div>
+        </div>
+
+
+      <div class="row" style="margin-top:20px">
+        <div class="col-md-12">
+          <div class="alert alert-warning" role="alert">
+            <p>For dual-cards, use the form "Pure // Simple".  Report issues in the official Discord channel.</p>
+          </div>
+        </div>
+      </div>
+      </div>
+
+    </div>
+
+    <!-- <p id="devLegalCards" style="display:none"></p> -->
+
+
+
+    <div class="container">
+
+      <footer>
+        <p>Site created and maintained by Zachery Delafosse and binarySwordsman</p>
+      </footer>
+    </div> <!-- /container -->
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/deck_check.js"></script>
+
+    <!-- a penny for your time -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-81565158-1', 'auto');
+      ga('send', 'pageview');
+
+    </script>
+  </body>
+</html>
diff --git a/images/clip_community.jpg b/images/clip_community.jpg
diff --git a/images/clip_resources.jpg b/images/clip_resources.jpg
diff --git a/images/clip_resources2.jpg b/images/clip_resources2.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Penny Dreadful</title>
+
+    <!-- Bootstrap -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <!-- Customizations -->
+    <link href="css/pd.css" rel="stylesheet">
+
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+
+
+    <nav class="navbar navbar-inverse navbar-fixed-top">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="#">Penny Dreadful</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+
+          <ul class="nav navbar-nav">
+            <li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
+            <li><a href="http://blog.pdmtgo.com">Blog</a></li>
+            <li><a href="deck_check.html">Deck Checker</a></li>
+          </ul>
+
+        </div><!--/.navbar-collapse -->
+      </div>
+    </nav>
+
+    <!-- Main jumbotron for a primary marketing message or call to action -->
+    <div class="jumbotron">
+      <div class="container">
+        <h1>The Truly Budget MTGO Format</h1>
+        <p>Penny Dreadful (abbreviated to pd) is an incredibly budget format meant to be played on Magic Online.  When you're done building and buying your deck, save it under the "freeform" format, then hop onto the "Just for Fun" lobby, select the deck, and put "Penny Dreadful" in the comments section.  See you there!</p>
+        <!-- <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p> -->
+      </div>
+    </div>
+
+    <div class="container">
+      <!-- Example row of columns -->
+      <div class="row">
+        <div class="col-md-4">
+          <h2>The One Rule</h2>
+          <p><strong>In Penny Dreadful, any card on the 0.01 Tix list is legal to use in your deck.</strong>  Every time a new set is released, a list of all 0.01 Tix cards is recorded and published here.  This list remains valid until the next Standard set release.</p>
+          <!-- <p><a class="btn btn-default" href="legal_cards.txt" role="button">0.01 Tix List &raquo;</a></p> -->
+        </div>
+        <div class="col-md-4">
+          <h2>Power Level</h2>
+          <p>Penny Dreadful includes many powerful cards from Magic's history.  Classics like Mother of Runes, Wildfire, Animate Dead, Frantic Search, Aetherling, and Treasure Cruise are available here.</p>
+          <p>The format self-regulates, as a deck that dominates the format will increase in price slightly and become illegal by the next rotation.  There is currently no banlist, but one will be considered in the future if necessary.</p>
+        </div>
+        <div class="col-md-4">
+          <h2>Brewer's Paradise</h2>
+          <p>In a format where the staples will cycle with every set release, brewers take center stage in a race to define the next meta.  At less than 1 Tix per deck, no card is out of your budget!</p>
+          <p>Mechanics that weren't quite powerful enough to compete in Modern and Standard are now king in Penny Dreadful.</p>
+        </div>
+      </div>
+
+
+      <div class="row" id="community">
+        <div class="col-md-3 hidden-sm hidden-xs">
+          <img style="margin-top:-50px;" src="images/clip_resources2.jpg" class="img-responsive" alt="Community">
+        </div>
+        <div class="col-md-4">
+          <h2>Join The Community</h2>
+          <ul class="list-unstyled">
+            <li><a class="btn btn-default" href="https://www.reddit.com/r/PennyDreadfulMTG/" target="_blank" role="button">Dedicated <strong>subreddit</strong> /r/PennyDreadfulMTG/</a></li>
+            <li><a class="btn btn-default" href="https://discord.gg/H6EHdHu" target="_blank" role="button">Penny Dreadful <strong>Discord channel</strong></a></li>
+            <!-- <li><a class="btn btn-default" href="#community" role="button">Find our <strong>MTGO Clan</strong> "Penny Dreadful"</a></li> -->
+            <li><a class="btn btn-default" href="http://pennydreadfulmagic.com" target="_blank" role="button"><strong>League</strong> &amp; Community Tools</a></li>
+          </ul>
+        </div>
+        <div class="col-md-5">
+          <h2>Resources</h2>
+          <ul class="list-unstyled">
+            <li><a class="btn btn-primary" href="legal_cards.txt" target="_blank" role="button">Official Legal Cards List</a></li>
+            <li><a class="btn btn-default" href="https://scryfall.com/search?q=f:pd" target="_blank" role="button">Search legal cards on <strong>Scryfall.com</strong></a></li>
+            <li><a class="btn btn-default" href="https://www.cardhoarder.com/" target="_blank" role="button">Buy cards from <strong>CardHoarder</strong></a></li>
+          </ul>
+          <p>Know a resource we've missed? Let us know!</p>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-md-9">
+          <h2>Legal Stuff</h2>
+          <p>Wizards of the Coast, Magic: The Gathering, and their logos are trademarks of Wizards of the Coast LLC in the United States and other countries. © 2009 Wizards. All Rights Reserved.</p>
+          <p>This site is not affiliated with, endorsed, sponsored, or specifically approved by Wizards of the Coast LLC. This site may use the trademarks and other intellectual property of Wizards of the Coast LLC, which is permitted under <a href="http://magic.wizards.com/en/community/fan-kits" target="_blank">Wizards' Fan Site Policy</a>. For example, MAGIC: THE GATHERING® is a trademark[s] of Wizards of the Coast. For more information about Wizards of the Coast or any of Wizards' trademarks or other intellectual property, please visit their website at (<a href="http://archive.wizards.com/" target="_blank">archive.wizards.com</a>).</p>
+        </div>
+
+        <div class="col-md-3 hidden-sm hidden-xs">
+          <img style="margin-top:-80px;" src="images/clip_resources.jpg" class="img-responsive" alt="Resources">
+        </div>
+      </div>
+
+      <hr>
+
+      <footer>
+        <p>Site created and maintained by Zachery Delafosse, binarySwordsman, and Katelyn Gigante</p>
+      </footer>
+    </div> <!-- /container -->
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>
+
+    <!-- a penny for your time -->
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-81565158-1', 'auto');
+      ga('send', 'pageview');
+
+    </script>
+  </body>
+</html>
diff --git a/index.md b/index.md
diff --git a/js/bootstrap.min.js b/js/bootstrap.min.js