Merge pull request #27 from lbryio/bootstrap

Style tweaks to homepage
This commit is contained in:
Bill Bittner 2017-06-11 15:48:22 -07:00 committed by GitHub
commit 198ca00ea2
4 changed files with 35 additions and 26 deletions

View file

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

View file

@ -1,15 +1,16 @@
<div class="col-md-12"> <div class="col-md-12">
<div class="card" id="documentation"> <div class="card" id="documentation">
<div class="card-title card-block default-color-dark white-text"> <div class="card-title card-block default-color-dark white-text">
<h2>Documentation</h2> <h2>Site Navigation</h2>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<strong><a href="/">spee.ch</a></strong> <strong>Spee.ch/</strong>
<li>To publish a file, use the tool on the homepage.</li> <li><a href="/">https://spee.ch</a></li>
<li>Learn about Spee.ch and publish your own media</li>
<br> <br>
<strong>spee.ch/&ltthe name of the claim&gt</strong> <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> <li >E.g. <a href="/doitlive">spee.ch/doitlive</a>.</li>
<br> <br>
<strong>spee.ch/&lt the name of the claim &gt/&lt the claim_id &gt</strong> <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" id="examples">
<div class="card-title card-block default-color-dark white-text"> <div class="card-title card-block default-color-dark white-text">
<h2>Examples</h2> <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" id="publish">
<div class="card-title card-block default-color-dark white-text"> <div class="card-title card-block default-color-dark white-text">
<h2>Publish Your Own</h2> <h2>Publish Your Own</h2>
</div> </div>
<div class="card-block" id="publish-active-area"> <div class="card-block" id="publish-active-area">
<form id="publish-form" action="" method="" enctype="multipart/form-data"> <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)"> <div class="row">
<p>Drag and drop your file here, or choose your file below.</p> <div class="col-md-6">
<input type="file" id="siofu_input" name="file" accept="video/*,image/*" onchange="previewAndStageFile(event.target.files[0])" 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..."/>
</div> </div>
<img id="image-preview" src="" height="200" alt="Image preview..."/> <div class="col-md-6">
<div class="md-form"> <div class="md-form">
<input type="text" id="publish-name" value="Name" class="form-control"> <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> </div>
<fieldset class="form-group"> </div>
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>
</form> </form>
</div> </div>