add try-it input & logic

This commit is contained in:
jomo
2015-10-17 20:31:09 +02:00
parent c6f4b038b2
commit 863402fb97
3 changed files with 51 additions and 10 deletions

View File

@@ -67,11 +67,25 @@
</div>
</div>
<section id="try">
<h2><a href="#try">Try it</a></h2>
<form id="tryit" action="#">
<div class="row">
<div class="col-md-11">
<input id="tryname" type="text" placeholder="Enter valid username or UUID">
</div>
<div class="col-md-1">
<input type="submit" value="Go!">
</div>
</div>
</form>
</section>
<section id="avatars">
<h2><a href="#avatars">Avatars</a></h2>
<div class="row">
<div class="col-md-2">
<img src="/avatars/853c80ef3c3749fdaa49938b674adae6?size=100" alt="jeb_'s avatar">
<img class="tryit" data-src="/avatars/$?size=100" src="/avatars/853c80ef3c3749fdaa49938b674adae6?size=100" alt="avatar">
</div>
<div class="col-md-10">
<div class="code">
@@ -86,7 +100,7 @@
<h2><a href="#head-renders">Head Renders</a></h2>
<div class="row">
<div class="col-md-2">
<img src="/renders/head/853c80ef3c3749fdaa49938b674adae6" alt="jeb_'s head">
<img class="tryit" data-src="/renders/head/$" src="/renders/head/853c80ef3c3749fdaa49938b674adae6" alt="head">
</div>
<div class="col-md-10">
<div class="code">
@@ -101,7 +115,7 @@
<h2><a href="#body-renders">Body Renders</a></h2>
<div class="row">
<div class="col-md-2">
<img src="/renders/body/853c80ef3c3749fdaa49938b674adae6" alt="jeb_'s body">
<img class="tryit" data-src="/renders/body/$" src="/renders/body/853c80ef3c3749fdaa49938b674adae6" alt="body">
</div>
<div class="col-md-10">
<div class="code">
@@ -116,7 +130,7 @@
<h2><a href="#skins">Skins</a></h2>
<div class="row">
<div class="col-md-2">
<img src="/skins/853c80ef3c3749fdaa49938b674adae6" alt="jeb_'s skin">
<img class="tryit" data-src="/skins/$" src="/skins/853c80ef3c3749fdaa49938b674adae6" alt="skin">
</div>
<div class="col-md-10">
<div class="code">
@@ -131,7 +145,7 @@
<h2><a href="#capes">Capes</a></h2>
<div class="row">
<div class="col-md-2">
<img src="/capes/069a79f444e94726a5befca90e38aaf5?default=853c80ef3c3749fdaa49938b674adae6" alt="Mojang cape">
<img class="tryit" data-src="/capes/$?default=853c80ef3c3749fdaa49938b674adae6" src="/capes/069a79f444e94726a5befca90e38aaf5?default=853c80ef3c3749fdaa49938b674adae6" alt="cape">
</div>
<div class="col-md-10">
<div class="code">