Skip to content

Instantly share code, notes, and snippets.

@arnabdas

arnabdas/index.html

Created August 2, 2013 04:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save arnabdas/6137408 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save arnabdas/6137408 to your computer and use it in GitHub Desktop.
Download ZIP
AngularJS with Twitter Bootstrap scaffold
Raw
index.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is an example page">
<meta name="author" content="">
<title>Example</title>
<!-- Le styles -->
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css" />
<style>
body {
padding-top: 60px;
}
@media (max-width: 979px) {
/* Remove any padding from the body */
body {
padding-top: 0;
}
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/json3/3.2.4/json3.min.js"></script>
<![endif]-->
<!-- Add your site or application content here -->
<div class="container-fluid">
<div ng-view></div>
</div>
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script src="app.js"></script>
<script src="main.js"></script>
</body>
</html>
Raw
main.js
/*global angular */
(function () {
"use strict";
angular.module('coderuseApp')
.controller('MainCtrl', ['$scope', function ($scope) {
$scope.awesomeThings = [
'HTML5 Boilerplate',
'AngularJS',
'Karma'
];
$('.description').jKit('lorem', { 'length': '400' });
$('#slideshowImgDiv').jKit('slideshow', { 'interval': '4000', 'speed': 'slow', 'animation': 'fade' });
}]);
}());
Raw
script.js
/*global angular */
(function () {
"use strict";
angular.module('coderuseApp', [])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl'
})
.otherwise({
redirectTo: '/'
});
}]) // (function () {}())
.constant('servicesConfig', (function () {
var protocol = 'http://';
return {
fooService: protocol + 'fooservice.com',
barService: protocol + 'barservice.com'
};
}()));
}());
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment