Updated all the EJS example apps and EJS generator files
mde
10 years ago
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <script type="text/javascript" src="/js/jquery.min.js"></script> | |
16 | <script type="text/javascript" src="/js/bootstrap.min.js"></script> | |
17 | ||
18 | <link rel="stylesheet" href="/css/bootstrap.min.css"> | |
19 | <link rel="stylesheet" href="/css/style.css"> | |
20 | <link rel="stylesheet" href="/css/bootstrap.responsive.min.css"> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 | <body> | |
0 | <%= partial('layout_header'); %> | |
1 | <body class="application"> | |
29 | 2 | <div class="navbar navbar-fixed-top"> |
30 | 3 | <div class="navbar-inner"> |
31 | 4 | <div class="container"> |
47 | 20 | <%- yield(); %> |
48 | 21 | </div> |
49 | 22 | </body> |
50 | </html> | |
23 | <%= partial('layout_footer'); %> | |
24 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <script type="text/javascript" src="/js/jquery.min.js"></script> | |
16 | <script type="text/javascript" src="/js/bootstrap.min.js"></script> | |
17 | ||
18 | <link rel="stylesheet" href="/css/bootstrap.min.css"> | |
19 | <link rel="stylesheet" href="/css/style.css"> | |
20 | <link rel="stylesheet" href="/css/bootstrap.responsive.min.css"> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 |
0 | 0 | body { |
1 | background: url('../img/whitey.png'); | |
2 | } | |
3 | body.application { | |
1 | 4 | padding-top: 60px; |
2 | 5 | padding-bottom: 40px; |
3 | background: url('../img/whitey.png'); | |
4 | 6 | } |
5 | 7 | |
6 | 8 | .navbar-fixed-top { |
28 | 30 | .geddy-welcome-box .btn-large { |
29 | 31 | margin-top: 20px; |
30 | 32 | } |
33 | ||
34 | .list-item { | |
35 | margin-bottom: 20px; | |
36 | } | |
37 | ||
38 | .list-item div { | |
39 | background: white; | |
40 | border-bottom: 2px solid #ccc; | |
41 | } | |
42 | ||
43 | .list-item div > * { | |
44 | padding: 20px; | |
45 | } | |
46 | ||
47 | .list-item div h3 i { | |
48 | margin: 5px; | |
49 | } | |
50 | ||
51 | @media (max-width:480px) { | |
52 | .hero-unit .pull-right { | |
53 | float: none; | |
54 | margin-top: 10px; | |
55 | } | |
56 | } | |
57 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <script type="text/javascript" src="/js/jquery.min.js"></script> | |
16 | <script type="text/javascript" src="/js/bootstrap.min.js"></script> | |
17 | ||
18 | <link rel="stylesheet" href="/css/bootstrap.min.css"> | |
19 | <link rel="stylesheet" href="/css/style.css"> | |
20 | <link rel="stylesheet" href="/css/bootstrap.responsive.min.css"> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 | <body> | |
0 | <%= partial('layout_header'); %> | |
1 | <body class="application"> | |
29 | 2 | <div class="navbar navbar-fixed-top"> |
30 | 3 | <div class="navbar-inner"> |
31 | 4 | <div class="container"> |
55 | 28 | }); |
56 | 29 | </script> |
57 | 30 | </body> |
58 | </html> | |
31 | <%= partial('layout_footer'); %> | |
32 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <script type="text/javascript" src="/js/jquery.min.js"></script> | |
16 | <script type="text/javascript" src="/js/bootstrap.min.js"></script> | |
17 | ||
18 | <link rel="stylesheet" href="/css/bootstrap.min.css"> | |
19 | <link rel="stylesheet" href="/css/style.css"> | |
20 | <link rel="stylesheet" href="/css/bootstrap.responsive.min.css"> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 |
0 | 0 | body { |
1 | background: url('../img/whitey.png'); | |
2 | } | |
3 | body.application { | |
1 | 4 | padding-top: 60px; |
2 | 5 | padding-bottom: 40px; |
3 | background: url('../img/whitey.png'); | |
4 | 6 | } |
5 | 7 | |
6 | 8 | .navbar-fixed-top { |
28 | 30 | .geddy-welcome-box .btn-large { |
29 | 31 | margin-top: 20px; |
30 | 32 | } |
33 | ||
34 | .list-item { | |
35 | margin-bottom: 20px; | |
36 | } | |
37 | ||
38 | .list-item div { | |
39 | background: white; | |
40 | border-bottom: 2px solid #ccc; | |
41 | } | |
42 | ||
43 | .list-item div > * { | |
44 | padding: 20px; | |
45 | } | |
46 | ||
47 | .list-item div h3 i { | |
48 | margin: 5px; | |
49 | } | |
50 | ||
51 | @media (max-width:480px) { | |
52 | .hero-unit .pull-right { | |
53 | float: none; | |
54 | margin-top: 10px; | |
55 | } | |
56 | } | |
57 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %> | |
16 | <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %> | |
17 | ||
18 | <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %> | |
19 | <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %> | |
20 | <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 | <body> | |
0 | <%= partial('layout_header'); %> | |
1 | <body class="application"> | |
29 | 2 | <div class="navbar navbar-fixed-top"> |
30 | 3 | <div class="navbar-inner"> |
31 | 4 | <div class="container"> |
47 | 20 | <%- yield(); %> |
48 | 21 | </div> |
49 | 22 | </body> |
50 | </html> | |
23 | <%= partial('layout_footer'); %> | |
24 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %> | |
16 | <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %> | |
17 | ||
18 | <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %> | |
19 | <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %> | |
20 | <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 |
0 | 0 | body { |
1 | background: url('../img/whitey.png'); | |
2 | } | |
3 | body.application { | |
1 | 4 | padding-top: 60px; |
2 | 5 | padding-bottom: 40px; |
3 | background: url('../img/whitey.png'); | |
4 | 6 | } |
5 | 7 | |
6 | 8 | .navbar-fixed-top { |
20 | 22 | margin-bottom: 20px; |
21 | 23 | } |
22 | 24 | |
25 | .geddy-welcome-box p { | |
26 | max-width: 760px; | |
27 | margin: 0 auto; | |
28 | } | |
29 | ||
23 | 30 | .geddy-welcome-box .btn-large { |
24 | 31 | margin-top: 20px; |
25 | 32 | } |
26 | 33 | |
27 | .todo-item { | |
34 | .list-item { | |
28 | 35 | margin-bottom: 20px; |
29 | 36 | } |
30 | 37 | |
31 | .todo-item div { | |
38 | .list-item div { | |
32 | 39 | background: white; |
33 | 40 | border-bottom: 2px solid #ccc; |
34 | 41 | } |
35 | 42 | |
36 | .todo-item div > * { | |
43 | .list-item div > * { | |
37 | 44 | padding: 20px; |
38 | 45 | } |
39 | 46 | |
40 | .todo-item div h3 i { | |
47 | .list-item div h3 i { | |
41 | 48 | margin: 5px; |
42 | 49 | } |
43 | 50 | |
47 | 54 | margin-top: 10px; |
48 | 55 | } |
49 | 56 | } |
57 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %> | |
16 | <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %> | |
17 | ||
18 | <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %> | |
19 | <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %> | |
20 | <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 | <body> | |
0 | <%= partial('layout_header'); %> | |
1 | <body class="application"> | |
29 | 2 | <div class="navbar navbar-fixed-top"> |
30 | 3 | <div class="navbar-inner"> |
31 | 4 | <div class="container"> |
47 | 20 | <%- yield(); %> |
48 | 21 | </div> |
49 | 22 | </body> |
50 | </html> | |
23 | <%= partial('layout_header'); %> | |
24 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | ||
8 | <meta name="viewport" content="width=device-width" /> | |
9 | ||
10 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
11 | <!--[if lt IE 9]> | |
12 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
13 | <![endif]--> | |
14 | ||
15 | <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %> | |
16 | <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %> | |
17 | ||
18 | <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %> | |
19 | <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %> | |
20 | <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %> | |
21 | ||
22 | <!-- The fav and touch icons --> | |
23 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
24 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
25 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
26 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
27 | </head> | |
28 |
0 | 0 | body { |
1 | background: url('../img/whitey.png'); | |
2 | } | |
3 | body.application { | |
1 | 4 | padding-top: 60px; |
2 | 5 | padding-bottom: 40px; |
3 | background: url('../img/whitey.png'); | |
4 | 6 | } |
5 | 7 | |
6 | 8 | .navbar-fixed-top { |
20 | 22 | margin-bottom: 20px; |
21 | 23 | } |
22 | 24 | |
25 | .geddy-welcome-box p { | |
26 | max-width: 760px; | |
27 | margin: 0 auto; | |
28 | } | |
29 | ||
23 | 30 | .geddy-welcome-box .btn-large { |
24 | 31 | margin-top: 20px; |
25 | 32 | } |
26 | 33 | |
27 | .todo-item { | |
34 | .list-item { | |
28 | 35 | margin-bottom: 20px; |
29 | 36 | } |
30 | 37 | |
31 | .todo-item div { | |
38 | .list-item div { | |
32 | 39 | background: white; |
33 | 40 | border-bottom: 2px solid #ccc; |
34 | 41 | } |
35 | 42 | |
36 | .todo-item div > * { | |
43 | .list-item div > * { | |
37 | 44 | padding: 20px; |
38 | 45 | } |
39 | 46 | |
40 | .todo-item div h3 i { | |
47 | .list-item div h3 i { | |
41 | 48 | margin: 5px; |
42 | 49 | } |
43 | 50 | |
47 | 54 | margin-top: 10px; |
48 | 55 | } |
49 | 56 | } |
57 |
0 | 0 | body { |
1 | background: url('../img/whitey.png'); | |
2 | } | |
3 | body.application { | |
1 | 4 | padding-top: 60px; |
2 | 5 | padding-bottom: 40px; |
3 | background: url('../img/whitey.png'); | |
4 | 6 | } |
5 | 7 | |
6 | 8 | .navbar-fixed-top { |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | <meta name="viewport" content="width=device-width" /> | |
8 | ||
9 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
10 | <!--[if lt IE 9]> | |
11 | <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %> | |
12 | <![endif]--> | |
13 | ||
14 | <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %> | |
15 | <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %> | |
16 | <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %> | |
17 | <%- scriptLink('/js/core/models.js', {type: 'text/javascript'}) %> | |
18 | ||
19 | <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %> | |
20 | <%- styleLink('/css/style.css', {rel:'stylesheet'}) %> | |
21 | <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %> | |
22 | ||
23 | <!-- The fav and touch icons --> | |
24 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
25 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
26 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
27 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
28 | </head> | |
29 | <body> | |
0 | <%= partial('layout_header'); %> | |
1 | <body class="application"> | |
30 | 2 | <div class="navbar navbar-fixed-top"> |
31 | 3 | <div class="navbar-inner"> |
32 | 4 | <div class="container"> |
49 | 21 | <%- render(); %> |
50 | 22 | </div> |
51 | 23 | </body> |
52 | </html> | |
24 | <%= partial('layout_header'); %> | |
25 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | <meta name="viewport" content="width=device-width" /> | |
8 | ||
9 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
10 | <!--[if lt IE 9]> | |
11 | <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %> | |
12 | <![endif]--> | |
13 | ||
14 | <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %> | |
15 | <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %> | |
16 | <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %> | |
17 | <%- scriptLink('/js/core/models.js', {type: 'text/javascript'}) %> | |
18 | ||
19 | <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %> | |
20 | <%- styleLink('/css/style.css', {rel:'stylesheet'}) %> | |
21 | <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %> | |
22 | ||
23 | <!-- The fav and touch icons --> | |
24 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
25 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
26 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
27 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
28 | </head> | |
29 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | <meta name="viewport" content="width=device-width" /> | |
8 | ||
9 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
10 | <!--[if lt IE 9]> | |
11 | <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %> | |
12 | <![endif]--> | |
13 | ||
14 | <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %> | |
15 | <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %> | |
16 | <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %> | |
17 | <!-- <%- scriptLink('/js/models/your_model.js', {type:'text/javascript'}) %> --> | |
18 | <%- scriptLink('/js/config/init.js', {type: 'text/javascript'}) %> | |
19 | ||
20 | <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %> | |
21 | <%- styleLink('/css/style.css', {rel:'stylesheet'}) %> | |
22 | <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %> | |
23 | ||
24 | <!-- The fav and touch icons --> | |
25 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
26 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
27 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
28 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
29 | </head> | |
0 | <%= partial('layout_header'); %> | |
30 | 1 | <body> |
31 | 2 | <div class="navbar navbar-fixed-top"> |
32 | 3 | <div class="navbar-inner"> |
50 | 21 | <%- render(); %> |
51 | 22 | </div> |
52 | 23 | </body> |
53 | </html> | |
24 | <%= partial('layout_header'); %> | |
25 |
0 | <!DOCTYPE html> | |
1 | <html lang="en"> | |
2 | <head> | |
3 | <meta charset="utf-8"> | |
4 | <title>Geddy App | This app uses Geddy.js</title> | |
5 | <meta name="description" content=""> | |
6 | <meta name="author" content=""> | |
7 | <meta name="viewport" content="width=device-width" /> | |
8 | ||
9 | <!-- The HTML5 shim, for IE6-8 support of HTML elements --> | |
10 | <!--[if lt IE 9]> | |
11 | <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %> | |
12 | <![endif]--> | |
13 | ||
14 | <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %> | |
15 | <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %> | |
16 | <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %> | |
17 | <!-- <%- scriptLink('/js/models/your_model.js', {type:'text/javascript'}) %> --> | |
18 | <%- scriptLink('/js/config/init.js', {type: 'text/javascript'}) %> | |
19 | ||
20 | <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %> | |
21 | <%- styleLink('/css/style.css', {rel:'stylesheet'}) %> | |
22 | <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %> | |
23 | ||
24 | <!-- The fav and touch icons --> | |
25 | <link rel="shortcut icon" href="/images/favicon.ico"> | |
26 | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | |
27 | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | |
28 | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | |
29 | </head> | |
30 |
0 | 0 | body { |
1 | padding-top: 40px; | |
1 | background: url('../img/whitey.png'); | |
2 | } | |
3 | body.application { | |
4 | padding-top: 60px; | |
2 | 5 | padding-bottom: 40px; |
3 | color: #333; | |
4 | font-weight: lighter; | |
5 | font-family: 'Segoe UI Light','Segoe UI','Helvetica Nueu',Helvetica,Arial,sans-serif | |
6 | 6 | } |
7 | 7 | |
8 | h2 { | |
9 | font-size: 36px; | |
8 | .navbar-fixed-top { | |
9 | box-shadow: 0px 0px 3px #000; | |
10 | border-bottom: 1px solid #999; | |
10 | 11 | } |
11 | 12 | |
12 | h3 { | |
13 | font-size: 24px; | |
14 | line-height: 60px | |
13 | .geddy-welcome-box { | |
14 | text-align: center; | |
15 | background-color: rgba(200, 200, 200, .5); | |
16 | box-shadow: 0px 0px 3px #bababa; | |
17 | border: 1px solid #EDEDED; | |
15 | 18 | } |
16 | 19 | |
17 | h4 { | |
18 | font-size: 18px; | |
19 | line-height: 40px; | |
20 | .geddy-welcome-box h1 { | |
21 | line-height: 1.25; | |
22 | margin-bottom: 20px; | |
20 | 23 | } |
21 | 24 | |
22 | h5 { | |
23 | font-size: 14px; | |
24 | color: #999; | |
25 | .geddy-welcome-box p { | |
26 | max-width: 760px; | |
27 | margin: 0 auto; | |
28 | } | |
29 | ||
30 | .geddy-welcome-box .btn-large { | |
25 | 31 | margin-top: 20px; |
26 | 32 | } |
27 | 33 | |
28 | h1, h2, h3, h4, h5, h6 { | |
29 | font-weight: lighter; | |
30 | } | |
31 | ||
32 | p { | |
33 | font-size: 14px; | |
34 | line-height: 200%; | |
35 | } | |
36 | ||
37 | li { | |
38 | font-size: 14px; | |
39 | } | |
40 | ||
41 | pre, code { | |
42 | background: #FDF6E3; | |
43 | margin: 40px 0; | |
44 | padding: 20px; | |
45 | font-size: 12px; | |
46 | border: none; | |
47 | border-radius: 0px; | |
48 | } | |
49 | ||
50 | code { | |
51 | padding: 2px 5px; | |
52 | margin: 0; | |
53 | color: #666; | |
54 | background: #f5f5f5; | |
55 | } | |
56 | ||
57 | a { | |
58 | color: #08c; | |
59 | } | |
60 | ||
61 | ul, ol { | |
62 | margin-left: 16px; | |
63 | } | |
64 | ||
65 | input::-webkit-input-placeholder { | |
66 | color: #ccc; | |
67 | } | |
68 | ||
69 | input:-moz-placeholder { | |
70 | color: #ccc; | |
71 | } | |
72 | ||
73 | input:-ms-input-placeholder { | |
74 | color: #ccc; | |
75 | } | |
76 | ||
77 | .header { | |
78 | margin-bottom: 40px; | |
79 | } | |
80 | ||
81 | .header h1 { | |
82 | text-align: center; | |
83 | height: 300px; | |
84 | line-height: 300px; | |
85 | font-size: 128px; | |
86 | font-weight: lighter; | |
87 | background: #3399cc; | |
88 | color: #fff; | |
89 | margin-top: 0; | |
34 | .list-item { | |
90 | 35 | margin-bottom: 20px; |
91 | 36 | } |
92 | 37 | |
93 | .header h1 a { | |
94 | color: white; | |
38 | .list-item div { | |
39 | background: white; | |
40 | border-bottom: 2px solid #ccc; | |
95 | 41 | } |
96 | 42 | |
97 | .header h1 a:hover { | |
98 | text-decoration: none; | |
43 | .list-item div > * { | |
44 | padding: 20px; | |
99 | 45 | } |
100 | 46 | |
101 | .menu .icon { | |
102 | background: #e8e8e8; | |
103 | color: #333; | |
104 | height: 140px; | |
105 | margin-bottom: 20px; | |
106 | background-position: center; | |
107 | background-repeat: no-repeat; | |
47 | .list-item div h3 i { | |
48 | margin: 5px; | |
108 | 49 | } |
109 | 50 | |
110 | .menu .home { background-image: url('/img/home-dark-72.png'); } | |
111 | .menu .home:hover { background-image: url('/img/home-light-72.png'); } | |
112 | .menu .docs { background-image: url('/img/docs-dark-72.png'); } | |
113 | .menu .docs:hover { background-image: url('/img/docs-light-72.png'); } | |
114 | .menu .tutorial { background-image: url('/img/tuts-dark-72.png'); } | |
115 | .menu .tutorial:hover { background-image: url('/img/tuts-light-72.png'); } | |
116 | .menu .changelog { background-image: url('/img/changelog-dark-72.png'); } | |
117 | .menu .changelog:hover { background-image: url('/img/changelog-light-72.png'); } | |
118 | .menu .community { background-image: url('/img/community-dark-72.png'); } | |
119 | .menu .community:hover { background-image: url('/img/community-light-72.png'); } | |
120 | .menu .faq { background-image: url('/img/faq-dark-72.png'); } | |
121 | .menu .faq:hover { background-image: url('/img/faq-light-72.png'); } | |
122 | ||
123 | .menu .icon:hover { | |
124 | text-decoration: none; | |
125 | background-color: #666; | |
126 | color: #e8e8e8; | |
127 | } | |
128 | ||
129 | .menu .icon span { | |
130 | position: relative; | |
131 | bottom: -115px; | |
132 | left: 10px; | |
133 | font-size: 15px; | |
134 | } | |
135 | ||
136 | .title { | |
137 | margin-bottom: 60px; | |
138 | } | |
139 | ||
140 | .footer { | |
141 | border-top: 1px solid #eee; | |
142 | padding-top: 60px; | |
143 | margin-top: 60px; | |
144 | margin-left: 0; | |
145 | } | |
146 | ||
147 | .mail-list .email, .mail-list .submit { | |
148 | height: 60px; | |
149 | margin: 0; | |
150 | padding: 0; | |
151 | border-radius: 0; | |
152 | } | |
153 | ||
154 | .mail-list .submit { | |
155 | background: #63A500; | |
156 | color: #fff; | |
157 | font-size: 30px; | |
158 | width: 100%; | |
159 | border: 0; | |
160 | height: 62px; | |
161 | } | |
162 | ||
163 | .footer .mail-list input.email { | |
164 | box-shadow: none; | |
165 | padding-left: 20px; | |
166 | width: 600px; | |
167 | font-size: 30px; | |
168 | line-height: 60px; | |
169 | color: #ccc; | |
170 | } | |
171 | ||
172 | .footer .list { | |
173 | color: #ccc; | |
174 | } | |
175 | ||
176 | .footer .copyright { | |
177 | margin-left: 20px; | |
178 | } | |
179 | ||
180 | .footer .list ul { | |
181 | list-style: none; | |
182 | float: right; | |
183 | margin: 0 0 0 20px; | |
184 | padding: 0; | |
185 | } | |
186 | ||
187 | .footer .list ul li { | |
188 | display: inline-block; | |
189 | margin-left: 10px; | |
190 | } | |
191 | ||
192 | ||
193 | /* Community Page */ | |
194 | ||
195 | .box { | |
196 | margin: 0; | |
197 | padding: 0; | |
198 | width: 480px; | |
199 | } | |
200 | ||
201 | .avatar, .info { | |
202 | margin-bottom: 20px; | |
203 | } | |
204 | ||
205 | .avatar { | |
206 | height: 140px; | |
207 | background: #e8e8e8; | |
208 | } | |
209 | ||
210 | .info { | |
211 | height: 300px; | |
212 | background: #3399cc; | |
213 | position: relative; | |
214 | } | |
215 | ||
216 | .info h3 { | |
217 | color: white; | |
218 | margin: 10px 15px; | |
219 | font-size: 42px; | |
220 | line-height: 120%; | |
221 | font-weight: lighter; | |
222 | } | |
223 | ||
224 | .info p { | |
225 | font-size: 20px; | |
226 | margin: 0 15px; | |
227 | color: white; | |
228 | line-height: 130%; | |
229 | } | |
230 | ||
231 | .info a { | |
232 | display: block; | |
233 | font-size: 20px; | |
234 | text-align: right; | |
235 | position: absolute; | |
236 | bottom: 20px; | |
237 | right: 20px; | |
238 | } | |
239 | ||
240 | .info a:hover { | |
241 | color: white; | |
242 | text-decoration: none; | |
243 | } | |
244 | ||
245 | /* END Community Page */ | |
246 | ||
247 | /* Documentation Page */ | |
248 | ||
249 | .content { | |
250 | margin-top: -40px; | |
251 | } | |
252 | ||
253 | .toc { | |
254 | margin-top: -60px; | |
255 | float: right; | |
256 | right: 0; | |
257 | } | |
258 | ||
259 | .toc ul { | |
260 | margin-left: 10px; | |
261 | } | |
262 | ||
263 | .toc ul li { | |
264 | list-style: none; | |
265 | } | |
266 | ||
267 | .toc ul > li { | |
268 | font-weight: bold; | |
269 | font-size: 15px; | |
270 | margin-bottom: 20px; | |
271 | } | |
272 | ||
273 | .toc ul li a:hover { | |
274 | text-decoration: none; | |
275 | } | |
276 | ||
277 | .toc ul li a.selected { | |
278 | color: #14509e; | |
279 | } | |
280 | ||
281 | .toc ul li ul { | |
282 | margin: 15px 0 15px 0; | |
283 | display: none; | |
284 | } | |
285 | ||
286 | .toc ul li ul.selected { | |
287 | display: block; | |
288 | } | |
289 | ||
290 | .toc ul li ul li { | |
291 | font-weight: lighter; | |
292 | font-size: 12px; | |
293 | margin-bottom: 12px; | |
294 | } | |
295 | ||
296 | #documentation h3 { | |
297 | margin-top: 20px; | |
298 | } | |
299 | ||
300 | /* END Documentation Page */ | |
301 | ||
302 | /* FAQ Page */ | |
303 | ||
304 | #faq h2 { | |
305 | margin-bottom: -40px; | |
306 | } | |
307 | ||
308 | #faq h3 { | |
309 | line-height: 30px; | |
310 | margin-top: 60px; | |
311 | margin-bottom: 20px; | |
312 | } | |
313 | ||
314 | #faq p { | |
315 | font-size: 15px; | |
316 | } | |
317 | ||
318 | /* END FAQ Page */ | |
319 | ||
320 | /* Changelog Page */ | |
321 | ||
322 | #changelog code { | |
323 | display: inline; | |
324 | padding: 0; | |
325 | margin: 0; | |
326 | color: #333; | |
327 | } | |
328 | ||
329 | /* END Changelog Page */ | |
330 | ||
331 | /* Large desktop */ | |
332 | @media (min-width: 1200px) { | |
333 | .header h1 { | |
334 | height: 370px; | |
335 | line-height: 370px; | |
336 | margin-bottom: 30px; | |
337 | } | |
338 | ||
339 | .menu .icon { | |
340 | height: 170px; | |
341 | margin-bottom: 30px; | |
342 | } | |
343 | ||
344 | .menu .icon span { | |
345 | bottom: -140px; | |
346 | } | |
347 | ||
348 | .box { | |
349 | width: 600px; | |
350 | } | |
351 | ||
352 | .avatar, .info { | |
353 | margin-bottom: 30px; | |
354 | } | |
355 | ||
356 | .avatar { | |
357 | height: 170px; | |
358 | } | |
359 | ||
360 | .info { | |
361 | height: 370px; | |
362 | } | |
363 | ||
364 | .footer { | |
365 | margin-right: 0px; | |
366 | } | |
367 | ||
368 | .footer .mail-list input.email { | |
369 | width: 750px; | |
51 | @media (max-width:480px) { | |
52 | .hero-unit .pull-right { | |
53 | float: none; | |
54 | margin-top: 10px; | |
370 | 55 | } |
371 | 56 | } |
372 | 57 | |
373 | /* Portrait tablet to landscape and desktop */ | |
374 | @media (max-width: 979px) { | |
375 | body { | |
376 | padding: 40px 0; | |
377 | } | |
378 | ||
379 | .header h1 { | |
380 | height: 228px; | |
381 | line-height: 228px; | |
382 | font-size: 96px; | |
383 | } | |
384 | ||
385 | .menu .icon { | |
386 | height: 104px; | |
387 | } | |
388 | ||
389 | .menu .icon span { | |
390 | font-size: 12px; | |
391 | bottom: -78px; | |
392 | } | |
393 | ||
394 | .title h2 { | |
395 | font-size: 34px; | |
396 | } | |
397 | ||
398 | #documentation .span6 { | |
399 | width: 476px; | |
400 | } | |
401 | ||
402 | #documentation div.toc { | |
403 | width: 228px; | |
404 | } | |
405 | ||
406 | .box { | |
407 | width: 372px; | |
408 | } | |
409 | ||
410 | .avatar { | |
411 | height: 104px; | |
412 | } | |
413 | ||
414 | .info { | |
415 | height: 228px; | |
416 | } | |
417 | ||
418 | .info p { | |
419 | font-size: 15px; | |
420 | } | |
421 | ||
422 | .footer .mail-list input.email { | |
423 | width: 456px; | |
424 | } | |
425 | ||
426 | } | |
427 | ||
428 | /* Landscape phone to portrait tablet */ | |
429 | @media (max-width: 767px) { | |
430 | body { | |
431 | padding-top: 15px; | |
432 | } | |
433 | ||
434 | .container { | |
435 | width: 90%; | |
436 | } | |
437 | ||
438 | .menu .icon { | |
439 | float: left; | |
440 | width: 104px; | |
441 | margin-right: 20px; | |
442 | } | |
443 | ||
444 | #documentation .span6 { | |
445 | width: 100%; | |
446 | } | |
447 | ||
448 | #documentation div.toc { | |
449 | width: 100%; | |
450 | } | |
451 | ||
452 | .box { | |
453 | width: 100%; | |
454 | } | |
455 | ||
456 | .toc { | |
457 | margin-top: 0; | |
458 | } | |
459 | ||
460 | .toc ul { | |
461 | margin-left: 0; | |
462 | } | |
463 | ||
464 | .info h3 { | |
465 | font-size: 30px; | |
466 | padding-top: 12px; | |
467 | } | |
468 | ||
469 | .info p { | |
470 | font-size: 15px; | |
471 | } | |
472 | ||
473 | .info a { | |
474 | bottom: 10px; | |
475 | right: 10px; | |
476 | } | |
477 | ||
478 | .avatar { | |
479 | display: none; | |
480 | } | |
481 | ||
482 | .footer { | |
483 | margin-right: 0; | |
484 | } | |
485 | ||
486 | .footer .mail-list input.email { | |
487 | width: 100%; | |
488 | padding: 0; | |
489 | margin-bottom: 20px; | |
490 | border: none; | |
491 | background: #f5f5f5; | |
492 | color: #333; | |
493 | } | |
494 | ||
495 | } | |
496 | ||
497 | /* Landscape phones and down */ | |
498 | @media (max-width:480px) { | |
499 | ||
500 | .footer .list ul { | |
501 | float: none; | |
502 | } | |
503 | ||
504 | .footer .list ul li { | |
505 | margin: 0 10px 0 0; | |
506 | } | |
507 | ||
508 | } | |
509 | ||
510 | @media print { | |
511 | .footer, .toc, .menu { | |
512 | display: none; | |
513 | } | |
514 | } |