Skip to content

Instantly share code, notes, and snippets.

@Neener54

Neener54/application.html.erb

Created June 8, 2014 15:45
Show Gist options
  • Save Neener54/662fe4b1cf6d6ed2807d to your computer and use it in GitHub Desktop.
Save Neener54/662fe4b1cf6d6ed2807d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
application.html.erb
<!DOCTYPE HTML>
<!--
Prologue 1.2 by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Prologue by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<%= csrf_meta_tag %>
<%= stylesheet_link_tag 'application' %>
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]><%= javascript_include_tag "html5shiv"><![endif]-->
<noscript>
<%= stylesheet_link_tag 'no_script' %>
</noscript>
<!--[if lte IE 9]><%= stylesheet_link_tag 'ie9' %><![endif]-->
<!--[if lte IE 8]><%= stylesheet_link_tag 'ie8' %><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header" class="skel-panels-fixed">
<div class="top">
<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span>
<h1 id="title">Jane Doe</h1>
<span class="byline">Hyperspace Engineer</span>
</div>
<!-- Nav -->
<nav id="nav">
<!--
Prologue's nav expects links in one of two formats:
1. Hash link (scrolls to a different section within the page)
<li><a href="#foobar" id="foobar-link" class="skel-panels-ignoreHref"><span class="fa fa-whatever-icon-you-want">Foobar</span></a></li>
2. Standard link (sends the user to another page/site)
<li><a href="http://foobar.tld"><span class="fa fa-whatever-icon-you-want">Foobar</span></a></li>
-->
<ul>
<li><a href="#top" id="top-link" class="skel-panels-ignoreHref"><span class="fa fa-home">Intro</span></a></li>
<li><a href="#portfolio" id="portfolio-link" class="skel-panels-ignoreHref"><span class="fa fa-th">Portfolio</span></a></li>
<li><a href="#about" id="about-link" class="skel-panels-ignoreHref"><span class="fa fa-user">About Me</span></a></li>
<li><a href="#contact" id="contact-link" class="skel-panels-ignoreHref"><span class="fa fa-envelope">Contact</span></a></li>
</ul>
</nav>
</div>
<div class="bottom">
<!-- Social Icons -->
<ul class="icons">
<li><a href="#" class="fa fa-twitter solo"><span>Twitter</span></a></li>
<li><a href="#" class="fa fa-facebook solo"><span>Facebook</span></a></li>
<li><a href="#" class="fa fa-github solo"><span>Github</span></a></li>
<li><a href="#" class="fa fa-dribbble solo"><span>Dribbble</span></a></li>
<li><a href="#" class="fa fa-envelope solo"><span>Email</span></a></li>
</ul>
</div>
</div>
<!-- Main -->
<div id="main">
<%= yield %>
</div>
<!-- Footer -->
<div id="footer">
<!-- Copyright -->
<div class="copyright">
<p>&copy; 2013 Jane Doe. All rights reserved.</p>
<ul class="menu">
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
<%= javascript_link_tab 'application' %>
</body>
</html>
Raw
application.js
//= require jquery.min
//= require skel.min
//= require init
Raw
application.scss
/*
*= require whatever_css_file
*/
Raw
no_script.scss
/*
*= require skel-noscript
*= require style
*= require style-wide
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment