twigg-app 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/javascripts/_bootstrap.js +7 -0
- data/assets/javascripts/_jquery.js +19 -0
- data/assets/javascripts/_tables.js +3 -0
- data/assets/javascripts/_views.js +10 -0
- data/assets/javascripts/application.js +9 -0
- data/{public/application.js → assets/javascripts/views/_commit_set_bar_chart.js} +32 -34
- data/assets/javascripts/views/_russia.js +61 -0
- data/assets/javascripts/views/_tags.js +56 -0
- data/assets/javascripts/views/_tags_word_cloud.js +51 -0
- data/assets/stylesheets/_bootstrap_overrides.scss +15 -0
- data/assets/stylesheets/_footer.scss +28 -0
- data/assets/stylesheets/_global.scss +14 -0
- data/assets/stylesheets/_tables.scss +20 -0
- data/assets/stylesheets/application.scss +10 -0
- data/assets/stylesheets/d3/_bar_chart.scss +25 -0
- data/assets/stylesheets/d3/_bubble_chart.scss +22 -0
- data/lib/twigg-app/app/routes.rb +4 -0
- data/lib/twigg-app/app/server.rb +78 -21
- data/lib/twigg-app/app/version.rb +1 -1
- data/public/vendor/bootstrap/Gruntfile.js +32 -10
- data/public/vendor/bootstrap/README.md +2 -0
- data/public/vendor/bootstrap/_config.yml +5 -10
- data/public/vendor/bootstrap/_includes/footer.html +2 -1
- data/public/vendor/bootstrap/_includes/nav-components.html +33 -31
- data/public/vendor/bootstrap/_includes/nav-css.html +32 -22
- data/public/vendor/bootstrap/_includes/nav-getting-started.html +17 -1
- data/public/vendor/bootstrap/_includes/nav-javascript.html +1 -1
- data/public/vendor/bootstrap/_includes/nav-main.html +1 -1
- data/public/vendor/bootstrap/_includes/social-buttons.html +1 -1
- data/public/vendor/bootstrap/_layouts/default.html +18 -14
- data/public/vendor/bootstrap/_layouts/home.html +9 -6
- data/public/vendor/bootstrap/assets/css/docs.css +584 -396
- data/public/vendor/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png +0 -0
- data/public/vendor/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png +0 -0
- data/public/vendor/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png +0 -0
- data/public/vendor/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png +0 -0
- data/public/vendor/bootstrap/assets/ico/favicon.png +0 -0
- data/public/vendor/bootstrap/assets/js/application.js +2 -1
- data/public/vendor/bootstrap/assets/js/customizer.js +160 -45
- data/public/vendor/bootstrap/assets/js/filesaver.js +169 -0
- data/public/vendor/bootstrap/assets/js/jquery.js +6 -5
- data/public/vendor/bootstrap/assets/js/raw-files.js +3 -0
- data/public/vendor/bootstrap/bower.json +1 -1
- data/public/vendor/bootstrap/components.html +787 -364
- data/public/vendor/bootstrap/composer.json +1 -1
- data/public/vendor/bootstrap/css.html +413 -248
- data/public/vendor/bootstrap/customize.html +413 -447
- data/public/vendor/bootstrap/dist/css/bootstrap-theme.css +384 -0
- data/public/vendor/bootstrap/dist/css/bootstrap-theme.min.css +1 -0
- data/public/vendor/bootstrap/dist/css/bootstrap.css +3033 -1807
- data/public/vendor/bootstrap/dist/css/bootstrap.min.css +1 -1
- data/public/vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.eot +0 -0
- data/public/vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.svg +228 -0
- data/public/vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/public/vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.woff +0 -0
- data/public/vendor/bootstrap/dist/js/bootstrap.js +18 -12
- data/public/vendor/bootstrap/dist/js/bootstrap.min.js +1 -1
- data/public/vendor/bootstrap/examples/carousel/carousel.css +128 -0
- data/public/vendor/bootstrap/examples/carousel/index.html +201 -0
- data/public/vendor/bootstrap/examples/grid/grid.css +28 -0
- data/public/vendor/bootstrap/examples/grid/index.html +119 -0
- data/public/vendor/bootstrap/examples/jumbotron/index.html +111 -0
- data/public/vendor/bootstrap/examples/jumbotron/jumbotron.css +5 -0
- data/public/vendor/bootstrap/examples/jumbotron-narrow/index.html +78 -0
- data/public/vendor/bootstrap/examples/jumbotron-narrow/jumbotron-narrow.css +79 -0
- data/public/vendor/bootstrap/examples/justified-nav/index.html +79 -0
- data/public/vendor/bootstrap/examples/justified-nav/justified-nav.css +88 -0
- data/public/vendor/bootstrap/examples/navbar/index.html +83 -0
- data/public/vendor/bootstrap/examples/navbar/navbar.css +7 -0
- data/public/vendor/bootstrap/examples/navbar-fixed-top/index.html +86 -0
- data/public/vendor/bootstrap/examples/navbar-fixed-top/navbar-fixed-top.css +4 -0
- data/public/vendor/bootstrap/examples/navbar-static-top/index.html +87 -0
- data/public/vendor/bootstrap/examples/navbar-static-top/navbar-static-top.css +7 -0
- data/public/vendor/bootstrap/examples/non-responsive/index.html +96 -0
- data/public/vendor/bootstrap/examples/non-responsive/non-responsive.css +117 -0
- data/public/vendor/bootstrap/examples/offcanvas/index.html +127 -0
- data/public/vendor/bootstrap/examples/offcanvas/offcanvas.css +48 -0
- data/public/vendor/bootstrap/examples/offcanvas/offcanvas.js +5 -0
- data/public/vendor/bootstrap/examples/screenshots/carousel.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/grid.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/jumbotron-narrow.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/jumbotron.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/justified-nav.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/navbar-fixed.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/navbar-static.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/navbar.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/non-responsive.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/offcanvas.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/sign-in.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/starter-template.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/sticky-footer-navbar.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/sticky-footer.jpg +0 -0
- data/public/vendor/bootstrap/examples/screenshots/theme.jpg +0 -0
- data/public/vendor/bootstrap/examples/signin/index.html +46 -0
- data/public/vendor/bootstrap/examples/signin/signin.css +40 -0
- data/public/vendor/bootstrap/examples/starter-template/index.html +63 -0
- data/public/vendor/bootstrap/examples/starter-template/starter-template.css +7 -0
- data/public/vendor/bootstrap/examples/sticky-footer/index.html +51 -0
- data/public/vendor/bootstrap/examples/sticky-footer/sticky-footer.css +39 -0
- data/public/vendor/bootstrap/examples/sticky-footer-navbar/index.html +86 -0
- data/public/vendor/bootstrap/examples/sticky-footer-navbar/sticky-footer-navbar.css +46 -0
- data/public/vendor/bootstrap/examples/theme/index.html +387 -0
- data/public/vendor/bootstrap/examples/theme/theme.css +14 -0
- data/public/vendor/bootstrap/fonts/glyphicons-halflings-regular.eot +0 -0
- data/public/vendor/bootstrap/fonts/glyphicons-halflings-regular.svg +228 -0
- data/public/vendor/bootstrap/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/public/vendor/bootstrap/fonts/glyphicons-halflings-regular.woff +0 -0
- data/public/vendor/bootstrap/getting-started.html +513 -22
- data/public/vendor/bootstrap/index.html +3 -4
- data/public/vendor/bootstrap/javascript.html +123 -115
- data/public/vendor/bootstrap/js/dropdown.js +3 -3
- data/public/vendor/bootstrap/js/modal.js +5 -3
- data/public/vendor/bootstrap/js/tests/unit/modal.js +19 -0
- data/public/vendor/bootstrap/js/tests/vendor/jquery.js +6 -5
- data/public/vendor/bootstrap/js/tooltip.js +9 -5
- data/public/vendor/bootstrap/js/transition.js +1 -1
- data/public/vendor/bootstrap/less/alerts.less +7 -11
- data/public/vendor/bootstrap/less/bootstrap.less +17 -21
- data/public/vendor/bootstrap/less/button-groups.less +14 -10
- data/public/vendor/bootstrap/less/buttons.less +3 -2
- data/public/vendor/bootstrap/less/carousel.less +6 -1
- data/public/vendor/bootstrap/less/dropdowns.less +22 -5
- data/public/vendor/bootstrap/less/forms.less +36 -15
- data/public/vendor/bootstrap/less/glyphicons.less +232 -0
- data/public/vendor/bootstrap/less/grid.less +9 -3
- data/public/vendor/bootstrap/less/input-groups.less +1 -1
- data/public/vendor/bootstrap/less/jumbotron.less +16 -5
- data/public/vendor/bootstrap/less/labels.less +9 -5
- data/public/vendor/bootstrap/less/mixins.less +73 -43
- data/public/vendor/bootstrap/less/modals.less +8 -0
- data/public/vendor/bootstrap/less/navbar.less +251 -189
- data/public/vendor/bootstrap/less/navs.less +13 -12
- data/public/vendor/bootstrap/less/pager.less +1 -1
- data/public/vendor/bootstrap/less/pagination.less +20 -9
- data/public/vendor/bootstrap/less/panels.less +28 -8
- data/public/vendor/bootstrap/less/progress-bars.less +6 -10
- data/public/vendor/bootstrap/less/responsive-utilities.less +120 -49
- data/public/vendor/bootstrap/less/scaffolding.less +37 -18
- data/public/vendor/bootstrap/less/tables.less +84 -59
- data/public/vendor/bootstrap/less/theme.less +232 -0
- data/public/vendor/bootstrap/less/thumbnails.less +8 -19
- data/public/vendor/bootstrap/less/type.less +2 -2
- data/public/vendor/bootstrap/less/variables.less +63 -50
- data/public/vendor/bootstrap/package.json +2 -1
- data/public/vendor/components-backbone/LICENSE +22 -0
- data/public/vendor/components-backbone/README.md +10 -0
- data/public/vendor/components-backbone/backbone-min.js +4 -0
- data/public/vendor/components-backbone/backbone.js +1571 -0
- data/public/vendor/components-backbone/bower.json +17 -0
- data/public/vendor/components-backbone/component.json +21 -0
- data/public/vendor/components-backbone/composer.json +37 -0
- data/public/vendor/components-backbone/package.json +24 -0
- data/public/vendor/d3.layout.cloud.js +401 -0
- data/public/vendor/replacejs/CHANGELOG.md +4 -0
- data/public/vendor/replacejs/replace.js +21 -2
- data/public/vendor/underscore/CNAME +1 -0
- data/public/vendor/underscore/CONTRIBUTING.md +9 -0
- data/public/vendor/underscore/LICENSE +22 -0
- data/public/vendor/underscore/README.md +19 -0
- data/public/vendor/underscore/Rakefile +10 -0
- data/public/vendor/underscore/docs/docco.css +192 -0
- data/public/vendor/underscore/docs/favicon.ico +0 -0
- data/public/vendor/underscore/docs/images/background.png +0 -0
- data/public/vendor/underscore/docs/images/underscore.png +0 -0
- data/public/vendor/underscore/docs/underscore.html +823 -0
- data/public/vendor/underscore/favicon.ico +0 -0
- data/public/vendor/underscore/index.html +2467 -0
- data/public/vendor/underscore/index.js +1 -0
- data/public/vendor/underscore/package.json +16 -0
- data/public/vendor/underscore/test/arrays.js +200 -0
- data/public/vendor/underscore/test/chaining.js +59 -0
- data/public/vendor/underscore/test/collections.js +453 -0
- data/public/vendor/underscore/test/functions.js +265 -0
- data/public/vendor/underscore/test/index.html +44 -0
- data/public/vendor/underscore/test/objects.js +570 -0
- data/public/vendor/underscore/test/speed.js +75 -0
- data/public/vendor/underscore/test/utility.js +266 -0
- data/public/vendor/underscore/test/vendor/jquery.js +9404 -0
- data/public/vendor/underscore/test/vendor/jslitmus.js +670 -0
- data/public/vendor/underscore/test/vendor/qunit.css +235 -0
- data/public/vendor/underscore/test/vendor/qunit.js +1977 -0
- data/public/vendor/underscore/test/vendor/runner.js +98 -0
- data/public/vendor/underscore/underscore-min.js +1 -0
- data/public/vendor/underscore/underscore.js +1226 -0
- data/views/dashboard.haml +1 -1
- data/views/layout.haml +8 -4
- metadata +132 -25
- data/public/vendor/bootstrap/_layouts/customize.html +0 -52
- data/public/vendor/bootstrap/assets/js/jquery.bbq.min.js +0 -1287
- data/public/vendor/bootstrap-glyphicons/CHANGELOG.md +0 -3
- data/public/vendor/bootstrap-glyphicons/CNAME +0 -1
- data/public/vendor/bootstrap-glyphicons/CONTRIBUTING.md +0 -54
- data/public/vendor/bootstrap-glyphicons/LICENSE +0 -19
- data/public/vendor/bootstrap-glyphicons/README.md +0 -61
- data/public/vendor/bootstrap-glyphicons/_config.yml +0 -12
- data/public/vendor/bootstrap-glyphicons/composer.json +0 -9
- data/public/vendor/bootstrap-glyphicons/css/bootstrap-glyphicons.css +0 -2
- data/public/vendor/bootstrap-glyphicons/css/bootstrap.css +0 -9
- data/public/vendor/bootstrap-glyphicons/css/docs.css +0 -160
- data/public/vendor/bootstrap-glyphicons/fonts/glyphiconshalflings-regular.eot +0 -0
- data/public/vendor/bootstrap-glyphicons/fonts/glyphiconshalflings-regular.otf +0 -0
- data/public/vendor/bootstrap-glyphicons/fonts/glyphiconshalflings-regular.svg +0 -175
- data/public/vendor/bootstrap-glyphicons/fonts/glyphiconshalflings-regular.ttf +0 -0
- data/public/vendor/bootstrap-glyphicons/fonts/glyphiconshalflings-regular.woff +0 -0
- data/public/vendor/bootstrap-glyphicons/index.html +0 -255
- data/public/vendor/bootstrap-glyphicons/less/bootstrap-glyphicons.less +0 -201
- data/public/vendor/bootstrap-glyphicons/package.json +0 -18
@@ -0,0 +1,117 @@
|
|
1
|
+
|
2
|
+
/* Template-specific stuff
|
3
|
+
*
|
4
|
+
* Customizations just for the template—these are not necessary for anything
|
5
|
+
* with disabling the responsiveness.
|
6
|
+
*/
|
7
|
+
|
8
|
+
/* Account for fixed navbar */
|
9
|
+
body {
|
10
|
+
padding-top: 70px;
|
11
|
+
padding-bottom: 30px;
|
12
|
+
}
|
13
|
+
|
14
|
+
/* Finesse the page header spacing */
|
15
|
+
.page-header {
|
16
|
+
margin-bottom: 30px;
|
17
|
+
}
|
18
|
+
.page-header .lead {
|
19
|
+
margin-bottom: 10px;
|
20
|
+
}
|
21
|
+
|
22
|
+
|
23
|
+
/* Non-responsive overrides
|
24
|
+
*
|
25
|
+
* Utilitze the following CSS to disable the responsive-ness of the container,
|
26
|
+
* grid system, and navbar.
|
27
|
+
*/
|
28
|
+
|
29
|
+
/* Reset the container */
|
30
|
+
.container {
|
31
|
+
max-width: none !important;
|
32
|
+
width: 970px;
|
33
|
+
}
|
34
|
+
|
35
|
+
/* Demonstrate the grids */
|
36
|
+
.col-xs-4 {
|
37
|
+
padding-top: 15px;
|
38
|
+
padding-bottom: 15px;
|
39
|
+
background-color: #eee;
|
40
|
+
border: 1px solid #ddd;
|
41
|
+
background-color: rgba(86,61,124,.15);
|
42
|
+
border: 1px solid rgba(86,61,124,.2);
|
43
|
+
}
|
44
|
+
|
45
|
+
.container .navbar-header,
|
46
|
+
.container .navbar-collapse {
|
47
|
+
margin-right: 0;
|
48
|
+
margin-left: 0;
|
49
|
+
}
|
50
|
+
|
51
|
+
/* Always float the navbar header */
|
52
|
+
.navbar-header {
|
53
|
+
float: left;
|
54
|
+
}
|
55
|
+
|
56
|
+
/* Undo the collapsing navbar */
|
57
|
+
.navbar-collapse {
|
58
|
+
display: block !important;
|
59
|
+
height: auto !important;
|
60
|
+
padding-bottom: 0;
|
61
|
+
overflow: visible !important;
|
62
|
+
}
|
63
|
+
|
64
|
+
.navbar-toggle {
|
65
|
+
display: none;
|
66
|
+
}
|
67
|
+
|
68
|
+
.navbar-brand {
|
69
|
+
margin-left: -15px;
|
70
|
+
}
|
71
|
+
|
72
|
+
/* Always apply the floated nav */
|
73
|
+
.navbar-nav {
|
74
|
+
float: left;
|
75
|
+
margin: 0;
|
76
|
+
}
|
77
|
+
.navbar-nav > li {
|
78
|
+
float: left;
|
79
|
+
}
|
80
|
+
.navbar-nav > li > a {
|
81
|
+
padding: 15px;
|
82
|
+
}
|
83
|
+
|
84
|
+
/* Redeclare since we override the float above */
|
85
|
+
.navbar-nav.navbar-right {
|
86
|
+
float: right;
|
87
|
+
}
|
88
|
+
|
89
|
+
/* Undo custom dropdowns */
|
90
|
+
.navbar .open .dropdown-menu {
|
91
|
+
position: absolute;
|
92
|
+
float: left;
|
93
|
+
background-color: #fff;
|
94
|
+
border: 1px solid #cccccc;
|
95
|
+
border: 1px solid rgba(0, 0, 0, 0.15);
|
96
|
+
border-width: 0 1px 1px;
|
97
|
+
border-radius: 0 0 4px 4px;
|
98
|
+
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
99
|
+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
100
|
+
}
|
101
|
+
.navbar .open .dropdown-menu > li > a {
|
102
|
+
color: #333;
|
103
|
+
}
|
104
|
+
.navbar .open .dropdown-menu > li > a:hover,
|
105
|
+
.navbar .open .dropdown-menu > li > a:focus,
|
106
|
+
.navbar .open .dropdown-menu > .active > a,
|
107
|
+
.navbar .open .dropdown-menu > .active > a:hover,
|
108
|
+
.navbar .open .dropdown-menu > .active > a:focus {
|
109
|
+
color: #fff !important;
|
110
|
+
background-color: #428bca !important;
|
111
|
+
}
|
112
|
+
.navbar .open .dropdown-menu > .disabled > a,
|
113
|
+
.navbar .open .dropdown-menu > .disabled > a:hover,
|
114
|
+
.navbar .open .dropdown-menu > .disabled > a:focus {
|
115
|
+
color: #999 !important;
|
116
|
+
background-color: transparent !important;
|
117
|
+
}
|
@@ -0,0 +1,127 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6
|
+
<meta name="description" content="">
|
7
|
+
<meta name="author" content="">
|
8
|
+
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
|
9
|
+
|
10
|
+
<title>Off Canvas Template for Bootstrap</title>
|
11
|
+
|
12
|
+
<!-- Bootstrap core CSS -->
|
13
|
+
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
|
14
|
+
|
15
|
+
<!-- Custom styles for this template -->
|
16
|
+
<link href="offcanvas.css" rel="stylesheet">
|
17
|
+
|
18
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
19
|
+
<!--[if lt IE 9]>
|
20
|
+
<script src="../../assets/js/html5shiv.js"></script>
|
21
|
+
<script src="../../assets/js/respond.min.js"></script>
|
22
|
+
<![endif]-->
|
23
|
+
</head>
|
24
|
+
|
25
|
+
<body>
|
26
|
+
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
|
27
|
+
<div class="container">
|
28
|
+
<div class="navbar-header">
|
29
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
30
|
+
<span class="icon-bar"></span>
|
31
|
+
<span class="icon-bar"></span>
|
32
|
+
<span class="icon-bar"></span>
|
33
|
+
</button>
|
34
|
+
<a class="navbar-brand" href="#">Project name</a>
|
35
|
+
</div>
|
36
|
+
<div class="collapse navbar-collapse">
|
37
|
+
<ul class="nav navbar-nav">
|
38
|
+
<li class="active"><a href="#">Home</a></li>
|
39
|
+
<li><a href="#about">About</a></li>
|
40
|
+
<li><a href="#contact">Contact</a></li>
|
41
|
+
</ul>
|
42
|
+
</div><!-- /.nav-collapse -->
|
43
|
+
</div><!-- /.container -->
|
44
|
+
</div><!-- /.navbar -->
|
45
|
+
|
46
|
+
<div class="container">
|
47
|
+
|
48
|
+
<div class="row row-offcanvas row-offcanvas-right">
|
49
|
+
<div class="col-xs-12 col-sm-9">
|
50
|
+
<p class="pull-right visible-xs">
|
51
|
+
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
|
52
|
+
</p>
|
53
|
+
<div class="jumbotron">
|
54
|
+
<h1>Hello, world!</h1>
|
55
|
+
<p>This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.</p>
|
56
|
+
</div>
|
57
|
+
<div class="row">
|
58
|
+
<div class="col-6 col-sm-6 col-lg-4">
|
59
|
+
<h2>Heading</h2>
|
60
|
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
|
61
|
+
<p><a class="btn btn-default" href="#">View details »</a></p>
|
62
|
+
</div><!--/span-->
|
63
|
+
<div class="col-6 col-sm-6 col-lg-4">
|
64
|
+
<h2>Heading</h2>
|
65
|
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
|
66
|
+
<p><a class="btn btn-default" href="#">View details »</a></p>
|
67
|
+
</div><!--/span-->
|
68
|
+
<div class="col-6 col-sm-6 col-lg-4">
|
69
|
+
<h2>Heading</h2>
|
70
|
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
|
71
|
+
<p><a class="btn btn-default" href="#">View details »</a></p>
|
72
|
+
</div><!--/span-->
|
73
|
+
<div class="col-6 col-sm-6 col-lg-4">
|
74
|
+
<h2>Heading</h2>
|
75
|
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
|
76
|
+
<p><a class="btn btn-default" href="#">View details »</a></p>
|
77
|
+
</div><!--/span-->
|
78
|
+
<div class="col-6 col-sm-6 col-lg-4">
|
79
|
+
<h2>Heading</h2>
|
80
|
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
|
81
|
+
<p><a class="btn btn-default" href="#">View details »</a></p>
|
82
|
+
</div><!--/span-->
|
83
|
+
<div class="col-6 col-sm-6 col-lg-4">
|
84
|
+
<h2>Heading</h2>
|
85
|
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
|
86
|
+
<p><a class="btn btn-default" href="#">View details »</a></p>
|
87
|
+
</div><!--/span-->
|
88
|
+
</div><!--/row-->
|
89
|
+
</div><!--/span-->
|
90
|
+
|
91
|
+
<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
|
92
|
+
<div class="well sidebar-nav">
|
93
|
+
<ul class="nav">
|
94
|
+
<li>Sidebar</li>
|
95
|
+
<li class="active"><a href="#">Link</a></li>
|
96
|
+
<li><a href="#">Link</a></li>
|
97
|
+
<li><a href="#">Link</a></li>
|
98
|
+
<li>Sidebar</li>
|
99
|
+
<li><a href="#">Link</a></li>
|
100
|
+
<li><a href="#">Link</a></li>
|
101
|
+
<li><a href="#">Link</a></li>
|
102
|
+
<li>Sidebar</li>
|
103
|
+
<li><a href="#">Link</a></li>
|
104
|
+
<li><a href="#">Link</a></li>
|
105
|
+
</ul>
|
106
|
+
</div><!--/.well -->
|
107
|
+
</div><!--/span-->
|
108
|
+
</div><!--/row-->
|
109
|
+
|
110
|
+
<hr>
|
111
|
+
|
112
|
+
<footer>
|
113
|
+
<p>© Company 2013</p>
|
114
|
+
</footer>
|
115
|
+
|
116
|
+
</div><!--/.container-->
|
117
|
+
|
118
|
+
|
119
|
+
|
120
|
+
<!-- Bootstrap core JavaScript
|
121
|
+
================================================== -->
|
122
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
123
|
+
<script src="../../assets/js/jquery.js"></script>
|
124
|
+
<script src="../../dist/js/bootstrap.min.js"></script>
|
125
|
+
<script src="offcanvas.js"></script>
|
126
|
+
</body>
|
127
|
+
</html>
|
@@ -0,0 +1,48 @@
|
|
1
|
+
/*
|
2
|
+
* Style twaks
|
3
|
+
* --------------------------------------------------
|
4
|
+
*/
|
5
|
+
body {
|
6
|
+
padding-top: 70px;
|
7
|
+
}
|
8
|
+
footer {
|
9
|
+
padding-left: 15px;
|
10
|
+
padding-right: 15px;
|
11
|
+
}
|
12
|
+
|
13
|
+
/*
|
14
|
+
* Off Canvas
|
15
|
+
* --------------------------------------------------
|
16
|
+
*/
|
17
|
+
@media screen and (max-width: 768px) {
|
18
|
+
.row-offcanvas {
|
19
|
+
position: relative;
|
20
|
+
-webkit-transition: all 0.25s ease-out;
|
21
|
+
-moz-transition: all 0.25s ease-out;
|
22
|
+
transition: all 0.25s ease-out;
|
23
|
+
}
|
24
|
+
|
25
|
+
.row-offcanvas-right
|
26
|
+
.sidebar-offcanvas {
|
27
|
+
right: -50%; /* 6 columns */
|
28
|
+
}
|
29
|
+
|
30
|
+
.row-offcanvas-left
|
31
|
+
.sidebar-offcanvas {
|
32
|
+
left: -50%; /* 6 columns */
|
33
|
+
}
|
34
|
+
|
35
|
+
.row-offcanvas-right.active {
|
36
|
+
right: 50%; /* 6 columns */
|
37
|
+
}
|
38
|
+
|
39
|
+
.row-offcanvas-left.active {
|
40
|
+
left: 50%; /* 6 columns */
|
41
|
+
}
|
42
|
+
|
43
|
+
.sidebar-offcanvas {
|
44
|
+
position: absolute;
|
45
|
+
top: 0;
|
46
|
+
width: 50%; /* 6 columns */
|
47
|
+
}
|
48
|
+
}
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,46 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6
|
+
<meta name="description" content="">
|
7
|
+
<meta name="author" content="">
|
8
|
+
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
|
9
|
+
|
10
|
+
<title>Signin Template for Bootstrap</title>
|
11
|
+
|
12
|
+
<!-- Bootstrap core CSS -->
|
13
|
+
<link href="../../dist/css/bootstrap.css" rel="stylesheet">
|
14
|
+
|
15
|
+
<!-- Custom styles for this template -->
|
16
|
+
<link href="signin.css" rel="stylesheet">
|
17
|
+
|
18
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
19
|
+
<!--[if lt IE 9]>
|
20
|
+
<script src="../../assets/js/html5shiv.js"></script>
|
21
|
+
<script src="../../assets/js/respond.min.js"></script>
|
22
|
+
<![endif]-->
|
23
|
+
</head>
|
24
|
+
|
25
|
+
<body>
|
26
|
+
|
27
|
+
<div class="container">
|
28
|
+
|
29
|
+
<form class="form-signin">
|
30
|
+
<h2 class="form-signin-heading">Please sign in</h2>
|
31
|
+
<input type="text" class="form-control" placeholder="Email address" autofocus>
|
32
|
+
<input type="password" class="form-control" placeholder="Password">
|
33
|
+
<label class="checkbox">
|
34
|
+
<input type="checkbox" value="remember-me"> Remember me
|
35
|
+
</label>
|
36
|
+
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
|
37
|
+
</form>
|
38
|
+
|
39
|
+
</div> <!-- /container -->
|
40
|
+
|
41
|
+
|
42
|
+
<!-- Bootstrap core JavaScript
|
43
|
+
================================================== -->
|
44
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
45
|
+
</body>
|
46
|
+
</html>
|
@@ -0,0 +1,40 @@
|
|
1
|
+
body {
|
2
|
+
padding-top: 40px;
|
3
|
+
padding-bottom: 40px;
|
4
|
+
background-color: #eee;
|
5
|
+
}
|
6
|
+
|
7
|
+
.form-signin {
|
8
|
+
max-width: 330px;
|
9
|
+
padding: 15px;
|
10
|
+
margin: 0 auto;
|
11
|
+
}
|
12
|
+
.form-signin .form-signin-heading,
|
13
|
+
.form-signin .checkbox {
|
14
|
+
margin-bottom: 10px;
|
15
|
+
}
|
16
|
+
.form-signin .checkbox {
|
17
|
+
font-weight: normal;
|
18
|
+
}
|
19
|
+
.form-signin .form-control {
|
20
|
+
position: relative;
|
21
|
+
font-size: 16px;
|
22
|
+
height: auto;
|
23
|
+
padding: 10px;
|
24
|
+
-webkit-box-sizing: border-box;
|
25
|
+
-moz-box-sizing: border-box;
|
26
|
+
box-sizing: border-box;
|
27
|
+
}
|
28
|
+
.form-signin .form-control:focus {
|
29
|
+
z-index: 2;
|
30
|
+
}
|
31
|
+
.form-signin input[type="text"] {
|
32
|
+
margin-bottom: -1px;
|
33
|
+
border-bottom-left-radius: 0;
|
34
|
+
border-bottom-right-radius: 0;
|
35
|
+
}
|
36
|
+
.form-signin input[type="password"] {
|
37
|
+
margin-bottom: 10px;
|
38
|
+
border-top-left-radius: 0;
|
39
|
+
border-top-right-radius: 0;
|
40
|
+
}
|
@@ -0,0 +1,63 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6
|
+
<meta name="description" content="">
|
7
|
+
<meta name="author" content="">
|
8
|
+
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
|
9
|
+
|
10
|
+
<title>Starter Template for Bootstrap</title>
|
11
|
+
|
12
|
+
<!-- Bootstrap core CSS -->
|
13
|
+
<link href="../../dist/css/bootstrap.css" rel="stylesheet">
|
14
|
+
|
15
|
+
<!-- Custom styles for this template -->
|
16
|
+
<link href="starter-template.css" rel="stylesheet">
|
17
|
+
|
18
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
19
|
+
<!--[if lt IE 9]>
|
20
|
+
<script src="../../assets/js/html5shiv.js"></script>
|
21
|
+
<script src="../../assets/js/respond.min.js"></script>
|
22
|
+
<![endif]-->
|
23
|
+
</head>
|
24
|
+
|
25
|
+
<body>
|
26
|
+
|
27
|
+
<div class="navbar navbar-inverse navbar-fixed-top">
|
28
|
+
<div class="container">
|
29
|
+
<div class="navbar-header">
|
30
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
31
|
+
<span class="icon-bar"></span>
|
32
|
+
<span class="icon-bar"></span>
|
33
|
+
<span class="icon-bar"></span>
|
34
|
+
</button>
|
35
|
+
<a class="navbar-brand" href="#">Project name</a>
|
36
|
+
</div>
|
37
|
+
<div class="collapse navbar-collapse">
|
38
|
+
<ul class="nav navbar-nav">
|
39
|
+
<li class="active"><a href="#">Home</a></li>
|
40
|
+
<li><a href="#about">About</a></li>
|
41
|
+
<li><a href="#contact">Contact</a></li>
|
42
|
+
</ul>
|
43
|
+
</div><!--/.nav-collapse -->
|
44
|
+
</div>
|
45
|
+
</div>
|
46
|
+
|
47
|
+
<div class="container">
|
48
|
+
|
49
|
+
<div class="starter-template">
|
50
|
+
<h1>Bootstrap starter template</h1>
|
51
|
+
<p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
|
52
|
+
</div>
|
53
|
+
|
54
|
+
</div><!-- /.container -->
|
55
|
+
|
56
|
+
|
57
|
+
<!-- Bootstrap core JavaScript
|
58
|
+
================================================== -->
|
59
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
60
|
+
<script src="../../assets/js/jquery.js"></script>
|
61
|
+
<script src="../../dist/js/bootstrap.min.js"></script>
|
62
|
+
</body>
|
63
|
+
</html>
|
@@ -0,0 +1,51 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6
|
+
<meta name="description" content="">
|
7
|
+
<meta name="author" content="">
|
8
|
+
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
|
9
|
+
|
10
|
+
<title>Sticky Footer Template for Bootstrap</title>
|
11
|
+
|
12
|
+
<!-- Bootstrap core CSS -->
|
13
|
+
<link href="../../dist/css/bootstrap.css" rel="stylesheet">
|
14
|
+
|
15
|
+
<!-- Custom styles for this template -->
|
16
|
+
<link href="sticky-footer.css" rel="stylesheet">
|
17
|
+
|
18
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
19
|
+
<!--[if lt IE 9]>
|
20
|
+
<script src="../../assets/js/html5shiv.js"></script>
|
21
|
+
<script src="../../assets/js/respond.min.js"></script>
|
22
|
+
<![endif]-->
|
23
|
+
</head>
|
24
|
+
|
25
|
+
<body>
|
26
|
+
|
27
|
+
<!-- Wrap all page content here -->
|
28
|
+
<div id="wrap">
|
29
|
+
|
30
|
+
<!-- Begin page content -->
|
31
|
+
<div class="container">
|
32
|
+
<div class="page-header">
|
33
|
+
<h1>Sticky footer</h1>
|
34
|
+
</div>
|
35
|
+
<p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p>
|
36
|
+
<p>Use <a href="../sticky-footer-navbar">the sticky footer with a fixed navbar</a> if need be, too.</p>
|
37
|
+
</div>
|
38
|
+
</div>
|
39
|
+
|
40
|
+
<div id="footer">
|
41
|
+
<div class="container">
|
42
|
+
<p class="text-muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
43
|
+
</div>
|
44
|
+
</div>
|
45
|
+
|
46
|
+
|
47
|
+
<!-- Bootstrap core JavaScript
|
48
|
+
================================================== -->
|
49
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
50
|
+
</body>
|
51
|
+
</html>
|
@@ -0,0 +1,39 @@
|
|
1
|
+
/* Sticky footer styles
|
2
|
+
-------------------------------------------------- */
|
3
|
+
|
4
|
+
html,
|
5
|
+
body {
|
6
|
+
height: 100%;
|
7
|
+
/* The html and body elements cannot have any padding or margin. */
|
8
|
+
}
|
9
|
+
|
10
|
+
/* Wrapper for page content to push down footer */
|
11
|
+
#wrap {
|
12
|
+
min-height: 100%;
|
13
|
+
height: auto !important;
|
14
|
+
height: 100%;
|
15
|
+
/* Negative indent footer by its height */
|
16
|
+
margin: 0 auto -60px;
|
17
|
+
/* Pad bottom by footer height */
|
18
|
+
padding: 0 0 60px;
|
19
|
+
}
|
20
|
+
|
21
|
+
/* Set the fixed height of the footer here */
|
22
|
+
#footer {
|
23
|
+
height: 60px;
|
24
|
+
background-color: #f5f5f5;
|
25
|
+
}
|
26
|
+
|
27
|
+
|
28
|
+
/* Custom page CSS
|
29
|
+
-------------------------------------------------- */
|
30
|
+
/* Not required for template or sticky footer method. */
|
31
|
+
|
32
|
+
.container {
|
33
|
+
width: auto;
|
34
|
+
max-width: 680px;
|
35
|
+
padding: 0 15px;
|
36
|
+
}
|
37
|
+
.container .credit {
|
38
|
+
margin: 20px 0;
|
39
|
+
}
|