Skip to content

Instantly share code, notes, and snippets.

@karmiclychee

karmiclychee/App.haml

Last active December 16, 2015 16:39
Show Gist options
  • Save karmiclychee/5464741 to your computer and use it in GitHub Desktop.
Save karmiclychee/5464741 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
App.haml
!!!
%html
%head
%title Flip
= stylesheet_link_tag "application", :media => "all"
= javascript_include_tag "application"
= csrf_meta_tags
%body
.container
.row
.span4
= render 'layouts/navbar'
.span8
= render 'layouts/messages'
.row
= yield
Raw
navbar.haml
%div{ class: "navbar navbar-inverse" }
.navbar-inner
%a.brand{:href => "/"}
Flip
%ul.nav
%li.divider-vertical
- unless user_signed_in?
%li
= link_to "Sign Up", new_user_registration_path
%li
= link_to "Sign In", new_user_session_path
- else
%li.dropdown
= link_to [@user], class: "dropdown-toggle", "data-target" => "#", "data-toggle" => "dropdown" do
= @user.username
%b.caret
%ul.dropdown-menu
%li
= link_to "Profile", [@user]
%li
= link_to "Account Settings", edit_user_registration_path(@user)
%li
= link_to "Sign Out", destroy_user_session_path, method: :delete
Raw
rendared.html
<!DOCTYPE html>
<html>
<head>
<title>Flip</title>
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/collections.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/items.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/profiles.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/projects.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/registrations.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/users.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-affix.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-alert.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-button.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/collections.js?body=1" type="text/javascript"></script>
<script src="/assets/items.js?body=1" type="text/javascript"></script>
<script src="/assets/profiles.js?body=1" type="text/javascript"></script>
<script src="/assets/projects.js?body=1" type="text/javascript"></script>
<script src="/assets/registrations.js?body=1" type="text/javascript"></script>
<script src="/assets/users.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="gcJftu+LjcFhz03hrjDJZ3FGwzEgsXCCJtr6sQyBV0w=" name="csrf-token" />
</head>
<body>
<div class='container'>
<div class='row'>
<div class='span4'>
<div class='navbar navbar-inverse'>
<div class='navbar-inner'>
<a class='brand' href='/'>
Flip
</a>
<ul class='nav'>
<li class='divider-vertical'></li>
<li class='dropdown'>
<a href="/users/1" class="dropdown-toggle" data-target="#" data-toggle="dropdown">Karmiclychee
<b class='caret'></b>
</a>
<ul class='dropdown-menu'>
<li>
<a href="/users/1">Profile</a>
</li>
<li>
<a href="/users/edit.1">Account Settings</a>
</li>
<li>
<a href="/users/sign_out" data-method="delete" rel="nofollow">Sign Out</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class='span8'>
</div>
</div>
<div class='row'>
<div class='span4' id='sidebar'>
<div class='row'>
<div class='span4' id='profile_card'>
<ul class='nav nav-list'>
<li></li>
<img alt="547743_518541982167_192679676_n" class="img-rounded" src="/system/profiles/avatars/000/000/001/thumb/547743_518541982167_192679676_n.jpg?1366865733" />
<li class='nav-header'>
Jayml
</li>
<li>
Rails Developer and Illustrator
</li>
<li>
<a href="/profiles/1/edit">Edit Profile</a>
</li>
<li>
<a href="/profiles/1/collections/new">Add Collection</a>
</li>
</ul>
</div>
</div>
<div class='row'>
<div class='span4'>
<br>
<!-- - unless a.length == 0 -->
View 0 uncategorized projects.
<br>
</div>
</div>
</div>
<div class='span4'></div>
<div class='span8'>
<ul class='thumbnails'>
<li class='span8' id='collection_2'>
<div class='thumbnail'>
<img alt='generic' src='/assets/empty.jpg'>
<div>
<center>
<h5>
<a href="/profiles/1/collections/2">Zardoz</a>
<small>
<ul class='unstyled'>
<li>
Poopp
</li>
<li>
Projects: 0
</li>
</ul>
</small>
</h5>
<a href="/profiles/1/collections/2" class="btn btn-mini">Open</a>
<a href="/profiles/1/collections/2/edit" class="btn btn-mini">Edit</a>
<a href="/profiles/1/collections/2" class="btn btn-mini btn-danger" data-confirm="Are you sure you want to delete Zardoz and everything in it?" data-method="delete" rel="nofollow">Delete</a>
</center>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment