updated form controls for MDB

views/index.handlebars

@@ -1,13 +1,11 @@
 <div class="container">
 	<div class="row">
 		<div class="col-md-12">
-			<div class="card">
+			<div class="card card-block default-color-dark white-text">
-				<div class="card-title card-block default-color-dark white-text">
+				<div class="card-title">
 					<h1>Spee.ch</h1>
 				</div>
-				<div class="card-block">
+					<p>Spee.ch is a single-serving site that reads and publishes images to and from the <a class="white-text" href="https://lbry.io">LBRY</a> blockchain.</p>
-					<p>Spee.ch is a single-serving site that reads and publishes images to and from the <a href="https://lbry.io">LBRY</a> blockchain.</p>
-				</div>
 			</div>
 		</div>
 	</div>

views/partials/documentation.handlebars

@@ -4,45 +4,21 @@
 			<h2>Documentation</h2>
 		</div>
 		<div class="row">
-			<div class="col-md-6">
+			<div class="col-md-12">
-				<h3>Site Navigation</h3>
+				<strong><a href="/">spee.ch</a></strong>
-				<ul>
+				<li>To publish a file, use the tool on the homepage.</li>
-					<li><strong><a href="/">spee.ch</a></strong>
+				<br>
-						<ul>
+				<strong>spee.ch/&ltthe name of the claim&gt</strong>
-							<li>To publish a file, navigate to the homepage.</li>
+				<li >Serves the newest file with the largest bid at a claim.</li>
-						</ul>
+				<li >E.g. <a href="/doitlive">spee.ch/doitlive</a>.</li>
-					</li>
+				<br>
-					<li><strong>spee.ch/&ltthe name of the claim&gt</strong>
+				<strong>spee.ch/&lt the name of the claim &gt/&lt the claim_id &gt</strong>
-						<ul>
+				<li >Serves a specific file at a claim</li>
-							<li>To view the file with the largest bid at a claim.</li>
+				<li >E.g. <a href="/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5">spee.ch/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5</a></li>
-							<li>E.g. <a href="/doitlive">spee.ch/doitlive</a>.</li>
+				<br>
-						</ul>
+				<strong>spee.ch/&ltthe name of the claim&gt/all</strong>
-					</li>
+				<li >Displays a list of all files at a claim</li>
-					<li><strong>spee.ch/&lt the name of the claim &gt/&lt the claim_id &gt</strong>
+				<li >E.g. <a href="/doitlive/all">spee.ch/doitlive/all</a></li>
-						<ul>
-							<li>To view a specific file at a claim</li>
-							<li>E.g. <a href="/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5">spee.ch/doitlive/c496c8c55ed79816fec39e36a78645aa4458edb5</a></li>
-						</ul>
-					</li>
-					<li><strong>spee.ch/&ltthe name of the claim&gt/all</strong>
-						<ul>
-							<li>To view a batch of files at a claim</li>
-							<li>E.g. <a href="/doitlive/all">spee.ch/doitlive/all</a></li>
-						</ul>
-					</li>
-				</ul>
-			</div>
-			<div class="col-md-6">
-				<h3>API</h3>
-				<p>Note: these are being used for testing durring spee.ch development and may not be maintained</p>
-				<ul>
-					<li>A GET request to <strong>spee.ch/claim_list/&ltthe name of the claim&gt</strong> 
-						<ul>
-							<li>Will return the claim_list for the claim in json format. </li> 
-							<li>E.g. <a href="/claim_list/doitlive">spee.ch/claim_list/doitlive</a></li>
-						</ul>
-					</li>
-				</ul>
 			</div>
 		</div>
 	</div>

views/partials/examples.handlebars

@@ -4,7 +4,7 @@
 			<h2>Examples</h2>
 		</div>
 		<div class="card-block">
-			<ul class="list">
+			<ul>
 				<li class="list-square"><a href="/coconuts">spee.ch/coconuts</a></li>
 				<li class="list-square"><a href="/wood">spee.ch/wood</a></li>
 				<li class="list-square"><a href="/doitlive">spee.ch/doitlive</a></li>

views/partials/publish.handlebars

@@ -7,26 +7,28 @@
 			<form id="publish-form" action="" method="" enctype="multipart/form-data">
 				<div id="drop-zone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)">
 					<p>Drag and drop your file here, or choose your file below.</p>
-					
 					<input type="file"  id="siofu_input" name="file" accept="video/*,image/*" onchange="previewAndStageFile(event.target.files[0])" enctype="multipart/form-data"/>
 				</div>
 				<img id="image-preview" src="" height="200" alt="Image preview..."/>
-				<br/>
+				<div class="md-form">
-				Name: <input type="text" id="publish-name" name="name" value="name"/>
+					<input type="text" id="publish-name" value="Name" class="form-control">
-				<br/>
+				</div>
-				License: <select type="text" id="publish-license" name="license" value="license">
+				<fieldset class="form-group">
-					<option value="Public Domain">Public Domain</option>
+					License:
-					<option value="Creative Commons">Creative Commons</option>
+					<select type="text" id="publish-license" name="license" value="license">
-				</select>
+						<option value="Public Domain">Public Domain</option>
-				<br/>
+						<option value="Creative Commons">Creative Commons</option>
-				NSFW: <select type="text" id="publish-nsfw" name="nsfw" value="false">
+					</select>
-					<option value="false">False</option>
+				</fieldset>
-					<option value="true">True</option>
+				<fieldset class="form-group">
-				</select>
+					<input type="checkbox" id="publish-nsfw">
+					<label for="publish-nsfw">NSFW</label>
+				</fieldset>
 				<p><i>By clicking 'Publish' I attest that I have read and agree to the <a href="https://lbry.io/termsofservice" target="_blank">LBRY terms of service</a>.</i></p>
 				<button id="publish-submit">Publish</button>
 				<button id="publish-reset">Reset</button>
 			</form>
+
 		</div>
 	</div>
 </div>