made examples and publish sections horizontal

views/index.handlebars

@@ -2,6 +2,8 @@
 	{{> topBar}}
 	<div class="row">
 		{{> examples}}
+	</div>
+	<div class="row">
 		{{> publish}}
 	</div>
 	<div class="row">

views/partials/documentation.handlebars

@@ -1,15 +1,16 @@
 <div class="col-md-12">
 	<div class="card" id="documentation">
 		<div class="card-title card-block default-color-dark white-text">
-			<h2>Documentation</h2>
+			<h2>Site Navigation</h2>
 		</div>
 		<div class="row">
 			<div class="col-md-12">
-				<strong><a href="/">spee.ch</a></strong>
-				<li>To publish a file, use the tool on the homepage.</li>
+				<strong>Spee.ch/</strong>
+				<li><a href="/">https://spee.ch</a></li>
+				<li>Learn about Spee.ch and publish your own media</li>
 				<br>
 				<strong>spee.ch/&ltthe name of the claim&gt</strong>
-				<li >Serves the newest file with the largest bid at a claim.</li>
+				<li >Serves the newest file with the largest bid at a claim</li>
 				<li >E.g. <a href="/doitlive">spee.ch/doitlive</a>.</li>
 				<br>
 				<strong>spee.ch/&lt the name of the claim &gt/&lt the claim_id &gt</strong>

views/partials/examples.handlebars

@@ -1,4 +1,4 @@
-<div class="col-md-6">
+<div class="col-md-12">
 	<div class="card" id="examples">
 		<div class="card-title card-block default-color-dark white-text">
 			<h2>Examples</h2>

views/partials/publish.handlebars

@@ -1,15 +1,19 @@
-<div class="col-md-6">
+<div class="col-md-12">
 	<div class="card" id="publish">
 		<div class="card-title card-block default-color-dark white-text">
 			<h2>Publish Your Own</h2>
 		</div>
 		<div class="card-block" id="publish-active-area">
 			<form id="publish-form" action="" method="" enctype="multipart/form-data">
+			<div class="row">
+				<div class="col-md-6">
 					<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..."/>
+				</div>
+				<div class="col-md-6">
 					<div class="md-form">
 						<input type="text" id="publish-name" value="Name" class="form-control">
 					</div>
@@ -27,6 +31,8 @@
 					<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>
+				</div>
+			</div>
 			</form>
 
 		</div>