Skip to content

Instantly share code, notes, and snippets.

@veapon
Created November 18, 2014 10:58
Show Gist options
  • Save veapon/6aced5a079429bce2cba to your computer and use it in GitHub Desktop.
Save veapon/6aced5a079429bce2cba to your computer and use it in GitHub Desktop.
post-rock.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Index</title>
<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
<style>
body{
background: url('bg.jpg') no-repeat bottom right fixed;
}
.paper{
background: #FFF;
padding: 40px 20px;
border-radius: 4px;
}
.wrapper{
width: 768px;
margin: 0 auto;
}
.main{
margin-top: 90px;
}
.entry{
margin-bottom: 120px;
}
.entry, .entry-title, .entry-link{
color: #FFF;
}
.form .cover{
min-height: 160px;
max-width: 360px;
}
.width-half{
width: 50%;
}
</style>
</head>
<body>
<div class="wrapper">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
</div>
</nav><!--
<article class="main entry-list">
<div class="entry row">
<div class="col-md-6">
<img src="http://doing.ws/wp-content/uploads/2014/09/s4406956.jpg" class="img-responsive" alt="Responsive image">
</div>
<div class="col-md-6">
<h3>Rain Ep</h3>
<p><a href="#" class="entry-link">Circadian Eyes</a></p>
</div>
</div>
<div class="entry row">
<div class="col-md-6">
<img src="http://doing.ws/wp-content/uploads/2014/02/s9071230.jpg" class="img-responsive" alt="Responsive image">
</div>
<div class="col-md-6">
<h3>Weathered (Wayside And Woodland Recordings, 2012) </h3>
<p><a href="#" class="entry-link">Epic45</a></p>
</div>
</div>
<div class="entry row">
<div class="col-md-6">
<img src="http://doing.ws/wp-content/uploads/2014/09/s4406956.jpg" class="img-responsive" alt="Responsive image">
</div>
<div class="col-md-6">
<h3>Rain Ep</h3>
<p><a href="#" class="entry-link">Circadian Eyes</a></p>
</div>
</div>
<div class="entry row">
<div class="col-md-6">
<img src="http://doing.ws/wp-content/uploads/2014/09/s4406956.jpg" class="img-responsive" alt="Responsive image">
</div>
<div class="col-md-6">
<h3>Rain Ep</h3>
<p><a href="#" class="entry-link">Circadian Eyes</a></p>
</div>
</div>
</article> -->
<!-- <article class="main entry-detail">
<div class="row">
<div class="col-md-3">
<img src="http://doing.ws/wp-content/uploads/2014/09/s4406956.jpg" class="img-responsive" alt="Responsive image">
</div>
<div class="col-md-9">
<h3>Rain Ep</h3>
<p><a href="#" class="entry-link">Circadian Eyes</a></p>
</div>
</div>
</article> -->
<div class="main form">
<form role="form" class="paper">
<div class="row">
<div class="col-md-3">
<img data-src="holder.js/100%x100%/text:Cover" alt="Cover" class="img-responsive img-thumbnail cover" id="cover">
</div>
<div class="col-md-9">
<div class="form-group">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">163<span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript:;">163</a></li>
<li><a href="javascript:;">Lastfm</a></li>
</ul>
</div><!-- /btn-group -->
<input type="text" class="form-control" id="txtApi" placeholder="Album id">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="btnApi">Get!</button>
</span>
</div><!-- /input-group -->
</div>
<div class="form-group">
<input type="text" class="form-control width-half" name="artist" placeholder="Artist">
</div>
<div class="form-group">
<input type="text" class="form-control width-half" name="album" placeholder="Album">
</div>
<div class="form-group">
<input type="text" class="form-control width-half" name="release" placeholder="Release date">
</div>
<div class="form-group">
<textarea class="form-control" rows="6" name="tracks" style="resize: vertical" placeholder="Tracks. One track per line."></textarea>
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
<script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://cdn.staticfile.org/holder/2.4.1/holder.js"></script>
<script>
function main_hide() {
$('.main').animate({})
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment