- <link rel="stylesheet" href="{{STATIC_URL}}css/bootstrap.min.css">
- <style>
- body {
- padding-top: 50px;
- padding-bottom: 20px;
- }
- </style>
- <link rel="stylesheet" href="{{STATIC_URL}}css/bootstrap-theme.min.css">
- <link rel="stylesheet" href="{{STATIC_URL}}css/main.css">
-
- <script src="{{STATIC_URL}}js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
- </head>
- <body>
- <!--[if lt IE 7]>
- <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
- <![endif]-->
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
- <div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <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="#">meta is magic</a>
+{% block jumbotron %}
+<div class="jumbotron">
+ <div class="container">
+ <h1>How good is your deck?</h1>
+ <p>Curious how decks like yours have performed in tournaments?<br/>
+ Paste your <a href="http://ponyhead.com/deckbuilder">ponyhead.com</a> URL here and find out!</p>
+ <p>
+ <form action="{% url 'meta.views.rate' %}" method="post" class="form-inline" role="form">
+ {% csrf_token %}
+ <div class="form-group">
+ <label class="sr-only" for="ponyheadURL">ponyhead decklist url</label>
+ <input type="url" name="url" class="form-control input-lg" id="ponyheadURL" placeholder="Deck URL"/>
+ <button type="submit" class="btn btn-lg btn-default btn-primary">Tell me!</button>