made examples and publish sections horizontal

This commit is contained in:
bill bittner 2017-06-11 15:44:31 -07:00
parent a621998194
commit b934007a7e
4 changed files with 35 additions and 26 deletions

View file

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

View file

@ -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>

View file

@ -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>

View file

@ -1,32 +1,38 @@
<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 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 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>
<img id="image-preview" src="" height="200" alt="Image preview..."/>
<div class="md-form">
<input type="text" id="publish-name" value="Name" class="form-control">
<div class="col-md-6">
<div class="md-form">
<input type="text" id="publish-name" value="Name" class="form-control">
</div>
<fieldset class="form-group">
License:
<select type="text" id="publish-license" name="license" value="license">
<option value="Public Domain">Public Domain</option>
<option value="Creative Commons">Creative Commons</option>
</select>
</fieldset>
<fieldset class="form-group">
<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>
</div>
<fieldset class="form-group">
License:
<select type="text" id="publish-license" name="license" value="license">
<option value="Public Domain">Public Domain</option>
<option value="Creative Commons">Creative Commons</option>
</select>
</fieldset>
<fieldset class="form-group">
<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>
</div>
</form>
</div>