generator-steroids
Version:
A Yeoman generator for Steroids
72 lines (60 loc) • 1.76 kB
HTML
<html>
<head>
<meta charset="utf8">
<title>Steroids Tutorial App</title>
<link rel="stylesheet" href="/vendor/topcoat/css/topcoat-mobile-light.css" />
<link rel="stylesheet" href="/stylesheets/application.css" />
<script src="/javascripts/onerror.js"></script>
<script src="/javascripts/console.log.js"></script>
<script src="http://localhost/cordova.js"></script>
<script src="/components/steroids-js/steroids.js"></script>
<script src="/components/jquery/jquery.min.js"></script>
<script src="/vendor/hammerjs/jquery.hammer.min.js"></script>
<script src="/models/models.js"></script>
<script src="/controllers/application.js"></script>
<script src="/controllers/<%= yield.controller %>.js"></script>
<style>
/**
Inlining CSS here is suboptimal, but we're trying to be concise!
Chevron style from Ratchet. Licensed under The MIT License:
http://opensource.org/licenses/MIT
*/
li {
position:relative;
}
.chevron {
position: absolute;
top: 50%;
right: 20px;
margin-top: -8px;
display:block;
height:20px;
}
/* Base styles for both 1/2's of the chevron */
.chevron:before,
.chevron:after {
position: relative;
display: block;
width: 14px;
height: 2px;
background-color: #999;
content: '';
}
/* Position and rotate respective 1/2's of the chevron */
.chevron:before {
top: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.chevron:after {
top: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
</style>
</head>
<body>
<%= yield.view %>
</body>
</html>