Skip to content

Instantly share code, notes, and snippets.

@phoenixbox

phoenixbox/gist:5561143

Created May 11, 2013 19:38
Show Gist options
  • Save phoenixbox/5561143 to your computer and use it in GitHub Desktop.
Save phoenixbox/5561143 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
<title>FeedEngine</title>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= javascript_include_tag "soundcloud" %>
<%= csrf_meta_tags %>
</head>
<body>
<div id="maincontainer">
<div id="topsection">
<div class="innertube">
<div id="logo">
<h1>Tuneline</h1>
</div>
<div id="login">
<% if current_user %>
Signed in as <%= current_user.name %>!
<%= link_to "Go to my page", root_url(subdomain: current_user.subdomain) %>
<%= link_to "Sign out", signout_path %>
<!-- render template for header nav -->
<% else %>
<%= link_to "Sign in with Twitter", "/auth/twitter" %>
<% end %>
</div> <!--end of #login -->
<% flash.each do |name, msg| %>
<%= content_tag :div, msg, id: "flash_#{name}" %>
<% end %>
</div> <!--end of .innertube -->
</div> <!--end of #topsection -->
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube">
<div class="links-inline">
<ul>
<li><a href="#">All</a></li>
<li><a href="#">Re-Feeds</a></li>
<li><a href="#">Mics</a></li>
</ul>
</div> <!--end of .links-inline -->
<div id="content">
<h1>Masonry Layout</h1>
<div class="item" id="tweet-sample"></div> <!--end of #tweet-sample -->
<div class="item" id="textpost-sample"></div> <!--end of #extpost-sample -->
<div class="item" id="imgpost-sample"></div> <!--end of #imgpost-sample -->
<div class="item" id="linkpost-sample"></div> <!--end of #linkpost-sample -->
<div class="item" id="albumart-sample"></div> <!--end of #albumart-sample -->
<div class="item" id="soundcloud-sample"></div> <!--end of #souncloud-sample -->
<%= yield %>
</div> <!--end of #masonry-container -->
</div> <!--end of .innertube -->
</div> <!--end of #contentcolumn -->
</div> <!--end of #contentwrapper -->
<div id="leftcolumn">
<div class="innertube">
<div id="personal-profile">
<h1><b>Personal Profile</b></h1>
<p>Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur.</p>
<div> <!--end of #personal-profile -->
<div id="user-posting">
<form name="wallpost" action="#" method="post">
<input name="text" id="messagetick2" type="checkbox" value="yes" />Text &nbsp;
<input name="link" id="messagetick2" type="checkbox" value="yes" />Link &nbsp;
<input name="image" id="messagetick2" type="checkbox" value="yes" />Image &nbsp;
<div id="textpost" style=display:none;>Please type your message.
<textarea name="setmessage" cols="23" rows="5"></textarea>
<input type="submit" value="Post">
</div> <!--end of #textpost -->
<div id="linkpost" style=display:none;>Please type your message.
<input type="text" name="link" value="Enter your link here"><br>
<textarea name="setmessage" cols="23" rows="5"></textarea>
<input type="submit" value="Post">
</div> <!--end of #linkpost -->
<div id="imagepost" style=display:none;>Please type your message.
<input type="text" name="img"><br>
<input type="submit" value="Upload">
<textarea name="setmessage" cols="23" rows="5"></textarea>
<input type="submit" value="Post">
</div> <!--end of #imagepost -->
</form> <!--end of form 'wallpost' -->
</div> <!--end of #user-postin -->
<div id="soundcloud-player">
<h2>Soundcloud Player</h2>
</div> <!--end of #soundcloud-player -->
</div> <!--end of #innertube -->
</div><!--end of #leftcolumn -->
</div> <!--end of #maincontainer -->
</body>
<script>
$('input[name=text]').click(function () {
$('#textpost').slideToggle($(this).is(':checked'));
});
$('input[name=link]').click(function () {
$('#linkpost').slideToggle($(this).is(':checked'));
});
$('input[name=image]').click(function () {
$('#imagepost').slideToggle($(this).is(':checked'));
});
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment