compass_extension 0.1.4 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. data/templates/project/files/about.html +123 -0
  2. data/templates/project/files/blog.html +195 -0
  3. data/templates/project/files/contact.html +186 -0
  4. data/templates/project/files/dummy-full.png +0 -0
  5. data/templates/project/files/inc/breadcrumb.html +5 -0
  6. data/templates/project/files/inc/footer.html +35 -0
  7. data/templates/project/files/inc/header.html +37 -0
  8. data/templates/project/files/inc/main-nav.html +7 -0
  9. data/templates/project/files/index.html +157 -0
  10. data/templates/project/files/logo.png +0 -0
  11. data/templates/project/files/logo@2x.png +0 -0
  12. data/templates/project/files/products.html +107 -0
  13. data/templates/project/files/services.html +107 -0
  14. data/templates/project/index.html +154 -0
  15. data/templates/project/javascripts/{jquery-1.7.2.js → libs/jquery-1.7.2.js} +0 -0
  16. data/templates/project/javascripts/{jquery-1.7.2.min.js → libs/jquery-1.7.2.min.js} +0 -0
  17. data/templates/project/javascripts/{jquery-ui-1.8.22.min.js → libs/jquery-ui-1.8.22.min.js} +0 -0
  18. data/templates/project/javascripts/{modernizr-2.5.3.min.js → libs/modernizr-2.5.3.min.js} +0 -0
  19. data/templates/project/javascripts/{respond.min.js → libs/respond.min.js} +0 -0
  20. data/templates/project/javascripts/libs/selectivizr.js +560 -0
  21. data/templates/project/manifest.rb +59 -39
  22. data/templates/project/partials/_debug.scss +114 -0
  23. data/templates/project/partials/_functions.scss +10 -0
  24. data/templates/project/partials/_helpers.scss +86 -0
  25. data/templates/project/partials/_layout.scss +177 -0
  26. data/templates/project/partials/_media.scss +166 -20
  27. data/templates/project/partials/_misc.scss +103 -0
  28. data/templates/project/partials/_mixins.scss +85 -0
  29. data/templates/project/partials/_mods.scss +65 -0
  30. data/templates/project/partials/_normalize.scss +36 -0
  31. data/templates/project/partials/_print.scss +71 -0
  32. data/templates/project/partials/_type.scss +320 -0
  33. data/templates/project/partials/_vars.scss +117 -0
  34. data/templates/project/partials/mods/_mod-block.scss +95 -0
  35. data/templates/project/partials/mods/_mod-breadcrumb.scss +130 -0
  36. data/templates/project/partials/mods/_mod-carousel.scss +106 -0
  37. data/templates/project/partials/mods/_mod-footer.scss +144 -0
  38. data/templates/project/partials/mods/_mod-form.scss +269 -0
  39. data/templates/project/partials/mods/_mod-header.scss +203 -0
  40. data/templates/project/partials/mods/_mod-intro.scss +95 -0
  41. data/templates/project/partials/mods/_mod-main-nav.scss +139 -0
  42. data/templates/project/partials/mods/_mod-map.scss +107 -0
  43. data/templates/project/partials/mods/_mod-paging.scss +101 -0
  44. data/templates/project/partials/mods/_mod-strip.scss +120 -0
  45. data/templates/project/partials/mods/_mod-table.scss +118 -0
  46. data/templates/project/partials/sass-template.scss +103 -0
  47. data/templates/project/screen.scss +55 -0
  48. metadata +49 -26
  49. data/templates/project/partials/SCSS_template.scss +0 -83
  50. data/templates/project/partials/_base.scss +0 -198
  51. data/templates/project/partials/_fonts.scss +0 -4
  52. data/templates/project/partials/_footer.scss +0 -83
  53. data/templates/project/partials/_header.scss +0 -83
  54. data/templates/project/partials/_modules.scss +0 -19
  55. data/templates/project/partials/_overrides.scss +0 -47
  56. data/templates/project/partials/_page.scss +0 -126
  57. data/templates/project/partials/modules/_mod-breadcrumb.scss +0 -83
  58. data/templates/project/partials/modules/_mod-carousels.scss +0 -83
  59. data/templates/project/partials/modules/_mod-default.scss +0 -83
  60. data/templates/project/partials/modules/_mod-form.scss +0 -83
  61. data/templates/project/partials/modules/_mod-login.scss +0 -83
  62. data/templates/project/partials/modules/_mod-pagination.scss +0 -83
  63. data/templates/project/partials/modules/_mod-subnav.scss +0 -83
  64. data/templates/project/partials/modules/_mod-widget.scss +0 -83
  65. data/templates/project/style.scss +0 -28
data/templates/project/files/about.html ADDED
@@ -0,0 +1,123 @@
1
+ <!doctype html>
2
+ <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
3
+ <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
4
+ <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
5
+ <!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
6
+ <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7
+ <head>
8
+ <meta charset="utf-8">
9
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10
+
11
+ <title>Skyframe v0.01(Alpha) - About</title>
12
+ <meta name="description" content="">
13
+ <meta name="viewport" content="width=device-width">
14
+ <link rel="stylesheet" href="css/screen.css">
15
+ <script src="js/libs/modernizr-2.5.3.min.js"></script>
16
+ <!--[if lt IE 9]>
17
+ <script src="js/libs/respond.min.js"></script>
18
+ <![endif]-->
19
+ </head>
20
+ <body>
21
+
22
+ <!--[if lt IE 7]>
23
+ <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>
24
+ <![endif]-->
25
+
26
+ <div class="container">
27
+
28
+ <header class="mod-header" id="header"></header>
29
+
30
+ <nav class="mod-main-nav" id="main-nav"></nav>
31
+
32
+ <div class="mod-breadcrumb" id="breadcrumb"></div>
33
+
34
+ <div class="page-wrapper" id="main" role="main">
35
+
36
+ <article class="l-side-main">
37
+
38
+ <section class="mod-content">
39
+
40
+ <div class="mod-intro">
41
+ <header>
42
+ <h1>About - intro</h1>
43
+ <h2>Layout: Side-Main</h2>
44
+ </header>
45
+ <section>
46
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
47
+ </section>
48
+ <footer>
49
+ <p><a href="#">Link in footer</a></p>
50
+ </footer>
51
+ </div><!-- /.mod-intro -->
52
+
53
+ <div class="mod-block">
54
+ <header>
55
+ <h2>Dot mod-block</h2>
56
+ </header>
57
+ <section>
58
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
59
+ </section>
60
+ <footer>
61
+ <p><a href="#">Link in footer</a></p>
62
+ </footer>
63
+ </div><!-- /.mod-intro -->
64
+
65
+
66
+ </section><!-- /.mod-content -->
67
+
68
+ <aside class="mod-sidebar">
69
+
70
+ <ul class="mod-page-nav">
71
+ <li class="is-active"><a href="#">Link one</a></li>
72
+ <li><a href="#">Link two</a></li>
73
+ <li><a href="#">Link three</a></li>
74
+ </ul>
75
+
76
+ </aside>
77
+
78
+
79
+ </article><!-- /.l-side-main -->
80
+
81
+ </div><!-- /#main-->
82
+
83
+ <footer class="mod-footer" id="footer"></footer><!-- /#footer -->
84
+
85
+ </div><!-- /.container -->
86
+
87
+ <!-- JavaScript at the bottom for fast page loading -->
88
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
89
+ <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
90
+
91
+ <!--[if (gte IE 6)&(lte IE 8)]>
92
+ <script type="text/javascript" src="js/libs/selectivizr.js"></script>
93
+ <![endif]-->
94
+
95
+ <!-- ***:EDIT
96
+ HTML includes via AJAX. We should ONLY be doing this while
97
+ prototyping. The alturnative would be to use server side includes
98
+ NOTE:
99
+ 1. You will not see the include HTML in the source.
100
+ 2. There is a performance issue on first load (no cache)
101
+ -->
102
+ <script type="text/javascript">
103
+ $("#header").load("inc/header.html");
104
+ $("#main-nav").load("inc/main-nav.html");
105
+ $("#breadcrumb").load("inc/breadcrumb.html");
106
+ $("#footer").load("inc/footer.html");
107
+ </script>
108
+
109
+ <!-- scripts concatenated and minified via build script -->
110
+ <script src="js/plugins.js"></script>
111
+ <script src="js/script.js"></script>
112
+ <!-- end scripts -->
113
+
114
+ <!-- ***:EDIT
115
+ <script>
116
+ var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
117
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
118
+ g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
119
+ s.parentNode.insertBefore(g,s)}(document,'script'));
120
+ </script>
121
+ -->
122
+ </body>
123
+ </html>
data/templates/project/files/blog.html ADDED
@@ -0,0 +1,195 @@
1
+ <!doctype html>
2
+ <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
+ <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
4
+ <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
5
+ <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6
+ <!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
7
+ <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
8
+ <head>
9
+ <meta charset="utf-8">
10
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
11
+
12
+ <title>Skyframe v0.01(Alpha) - Blog</title>
13
+ <meta name="description" content="">
14
+ <meta name="viewport" content="width=device-width">
15
+ <link rel="stylesheet" href="css/screen.css">
16
+ <script src="js/libs/modernizr-2.5.3.min.js"></script>
17
+ <!--[if lt IE 9]>
18
+ <script src="js/libs/respond.min.js"></script>
19
+ <![endif]-->
20
+ </head>
21
+ <body>
22
+
23
+ <!--[if lt IE 7]>
24
+ <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>
25
+ <![endif]-->
26
+
27
+ <div class="container">
28
+
29
+ <header class="mod-header" id="header"></header>
30
+
31
+ <nav class="mod-main-nav" id="main-nav"></nav>
32
+
33
+ <div class="mod-breadcrumb" id="breadcrumb"></div><!-- /.mod-breadcrumb -->
34
+
35
+
36
+ <div class="page-wrapper" id="main" role="main">
37
+
38
+
39
+ <article class="l-main-side">
40
+
41
+ <section class="mod-content">
42
+
43
+ <div class="mod-intro">
44
+ <header>
45
+ <h1>Blog home</h1>
46
+ <h2>Layout: Main-Side</h2>
47
+ </header>
48
+ <section>
49
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
50
+ </section>
51
+ <footer>
52
+ <p><a class="btn" href="#">Link in footer</a></p>
53
+ </footer>
54
+ </div><!-- /.mod-intro -->
55
+
56
+ <div class="mod-block">
57
+ <header>
58
+ <h2><a href="#">Blog title</a></h2>
59
+ </header>
60
+ <section>
61
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
62
+ </section>
63
+ <footer>
64
+ <p><a class="btn" href="#">Link in footer</a></p>
65
+ </footer>
66
+ </div><!-- /.mod-block -->
67
+
68
+ <div class="mod-block">
69
+ <header>
70
+ <h2><a href="#">Blog title</a></h2>
71
+ </header>
72
+ <section>
73
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
74
+ </section>
75
+ <footer>
76
+ <p><a class="btn" href="#">Link in footer</a></p>
77
+ </footer>
78
+ </div><!-- /.mod-block -->
79
+
80
+ <div class="mod-block">
81
+ <header>
82
+ <h2><a href="#">Blog title</a></h2>
83
+ </header>
84
+ <section>
85
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
86
+ </section>
87
+ <footer>
88
+ <p><a class="btn" href="#">Link in footer</a></p>
89
+ </footer>
90
+ </div><!-- /.mod-block -->
91
+
92
+ <div class="mod-paging">
93
+ <ul>
94
+ <li><a href="#" class="first">&laquo;&laquo;</a></li>
95
+ <li><a href="#" class="prev">&laquo;</a></li>
96
+ <li class="active"><a href="#">1</a></li>
97
+ <li><a href="#">2</a></li>
98
+ <li><a href="#">3</a></li>
99
+ <li><a href="#">4</a></li>
100
+ <li><a href="#">5</a></li>
101
+ <li><a href="#">6</a></li>
102
+ <li><a href="#">7</a></li>
103
+ <li><a href="#">8</a></li>
104
+ <li><a href="#">9</a></li>
105
+ <li><a href="#">10</a></li>
106
+ <li><a href="#" class="next">&raquo;</a></li>
107
+ <li><a href="#" class="last">&raquo;&raquo;</a></li>
108
+ </ul>
109
+ </div>
110
+
111
+
112
+
113
+ </section><!-- /.mod-content -->
114
+
115
+ <aside class="mod-sidebar">
116
+ <div class="widet">
117
+ <h4>Categories</h4>
118
+ <ul>
119
+ <li class="is-active"><a href="#">Link one</a></li>
120
+ <li><a href="#">Link two</a></li>
121
+ <li><a href="#">Link three</a></li>
122
+ </ul>
123
+ </div><!-- /.widget -->
124
+
125
+ <div class="widet">
126
+
127
+ <header>
128
+ <h4>Note</h4>
129
+ </header>
130
+ <section>
131
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
132
+ </section>
133
+ <footer>
134
+ <p><a href="#" class="btn">Learn more</a></p>
135
+ </footer>
136
+
137
+ </div><!-- /.widget -->
138
+
139
+ <div class="widet">
140
+ <h4>Popular tags</h4>
141
+ <ul>
142
+ <li class="is-active"><a href="#">Link one</a></li>
143
+ <li><a href="#">Link two</a></li>
144
+ <li><a href="#">Link three</a></li>
145
+ </ul>
146
+ </div><!-- /.widget -->
147
+
148
+
149
+ </aside>
150
+
151
+ </article><!-- /.l-main-side -->
152
+
153
+ </div><!-- /#main-->
154
+
155
+ <footer class="mod-footer" id="footer"></footer><!-- /#footer -->
156
+
157
+ </div><!-- /.container -->
158
+
159
+ <!-- JavaScript at the bottom for fast page loading -->
160
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
161
+ <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
162
+
163
+ <!--[if (gte IE 6)&(lte IE 8)]>
164
+ <script type="text/javascript" src="js/libs/selectivizr.js"></script>
165
+ <![endif]-->
166
+
167
+ <!-- ***:EDIT
168
+ HTML includes via AJAX. We should ONLY be doing this while
169
+ prototyping. The alturnative would be to use server side includes
170
+ NOTE:
171
+ 1. You will not see the include HTML in the source.
172
+ 2. There is a performance issue on first load (no cache)
173
+ -->
174
+ <script type="text/javascript">
175
+ $("#header").load("inc/header.html");
176
+ $("#main-nav").load("inc/main-nav.html");
177
+ $("#breadcrumb").load("inc/breadcrumb.html");
178
+ $("#footer").load("inc/footer.html");
179
+ </script>
180
+
181
+ <!-- scripts concatenated and minified via build script -->
182
+ <script src="js/plugins.js"></script>
183
+ <script src="js/script.js"></script>
184
+ <!-- end scripts -->
185
+
186
+ <!-- ***:EDIT
187
+ <script>
188
+ var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
189
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
190
+ g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
191
+ s.parentNode.insertBefore(g,s)}(document,'script'));
192
+ </script>
193
+ -->
194
+ </body>
195
+ </html>
data/templates/project/files/contact.html ADDED
@@ -0,0 +1,186 @@
1
+ <!doctype html>
2
+ <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
3
+ <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
4
+ <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
5
+ <!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
6
+ <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7
+ <head>
8
+ <meta charset="utf-8">
9
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10
+
11
+ <title>Skyframe v0.01(Alpha) - Contact</title>
12
+ <meta name="description" content="">
13
+ <meta name="viewport" content="width=device-width">
14
+ <link rel="stylesheet" href="css/screen.css">
15
+ <script src="js/libs/modernizr-2.5.3.min.js"></script>
16
+ <!--[if lt IE 9]>
17
+ <script src="js/libs/respond.min.js"></script>
18
+ <![endif]-->
19
+ </head>
20
+ <body>
21
+
22
+ <!--[if lt IE 7]>
23
+ <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>
24
+ <![endif]-->
25
+
26
+ <div class="container">
27
+
28
+ <header class="mod-header" id="header"></header>
29
+
30
+ <nav class="mod-main-nav" id="main-nav"></nav>
31
+
32
+ <div class="mod-breadcrumb" id="breadcrumb"></div><!-- /.mod-breadcrumb -->
33
+
34
+
35
+ <div class="page-wrapper" id="main" role="main">
36
+
37
+
38
+ <article class="l-side-main">
39
+
40
+ <aside class="mod-sidebar">
41
+ <h3>Address</h3>
42
+ <p>The Old School
43
+ Exton Street
44
+ London
45
+ SE1 8UE, UK
46
+ 020 7928 1490</p>
47
+ </aside>
48
+
49
+ <section class="mod-content">
50
+
51
+ <div class="mod-intro">
52
+ <header>
53
+ <h1>Contact</h1>
54
+ <h2>Layout: Side-Main-Side</h2>
55
+ </header>
56
+ <section>
57
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
58
+ </section>
59
+ </div><!-- /.mod-intro -->
60
+
61
+ <div class="mod-map">
62
+ <header><h2>Find us here</h2></header>
63
+ <section id="map">
64
+
65
+ </section>
66
+ </div><!-- /.mod-map -->
67
+
68
+ <div class="mod-form">
69
+
70
+ <form id="contact-form" action="/">
71
+
72
+ <h2>Get in touch now</h2>
73
+
74
+ <fieldset class="note">
75
+ <p><em>*</em> Required field</p>
76
+ </fieldset>
77
+
78
+ <fieldset>
79
+ <label for="full-name">Name <em>*</em></label>
80
+ <input id="full-name" name="full-name" type="text" placeholder="Full Name" />
81
+ </fieldset>
82
+
83
+ <fieldset>
84
+ <label for="email">Email <em>*</em></label>
85
+ <input id="email" name="email" type="email" placeholder="Email" />
86
+ </fieldset>
87
+
88
+ <fieldset>
89
+ <label for="phone-number">Phone <em>*</em></label>
90
+ <input id="phone-number" name="phone-number" type="tel" placeholder="Phone" />
91
+ </fieldset>
92
+
93
+ <fieldset>
94
+ <label for="contact-method">Preferred contact method <em>*</em></label>
95
+ <select name="contact-method" id="contact-method">
96
+ <option value="0">Telephone</option>
97
+ <option value="1">Email</option>
98
+ </select>
99
+ </fieldset>
100
+
101
+
102
+ <fieldset>
103
+ <label for="cool">Cool status</label>
104
+
105
+ <label for="cool">
106
+ <input type="radio" name="cool" id="cool">
107
+ Cool
108
+ </label>
109
+
110
+ <label for="uncool">
111
+ <input type="radio" name="cool" id="uncool">
112
+ Uncool
113
+ </label>
114
+ </fieldset>
115
+
116
+ <fieldset>
117
+ <label for="comments">Comments </label>
118
+ <textarea name="comments" id="comments" placeholder="Your message"></textarea>
119
+ </fieldset>
120
+
121
+ <fieldset>
122
+ <label for="policy-privacy">
123
+ <input type="checkbox" name="policy-privacy" id="policy-privacy" value="accept" />
124
+ I accept the <a href="policy.html">Policy privacy</a></label>
125
+ </fieldset>
126
+
127
+ <fieldset class="submit-area">
128
+ <button type="submit">Submit</button>
129
+ <button type="reset">Reset</button>
130
+ </fieldset>
131
+
132
+ </form>
133
+ </div><!-- .mod-form -->
134
+
135
+
136
+
137
+
138
+
139
+ </section><!-- /.mod-content -->
140
+
141
+
142
+ </article><!-- /.l-side-main-side -->
143
+
144
+ </div><!-- /#main-->
145
+
146
+ <footer class="mod-footer" id="footer"></footer><!-- /#footer -->
147
+
148
+ </div><!-- /.container -->
149
+
150
+ <!-- JavaScript at the bottom for fast page loading -->
151
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
152
+ <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
153
+
154
+ <!--[if (gte IE 6)&(lte IE 8)]>
155
+ <script type="text/javascript" src="js/libs/selectivizr.js"></script>
156
+ <![endif]-->
157
+
158
+ <!-- ***:EDIT
159
+ HTML includes via AJAX. We should ONLY be doing this while
160
+ prototyping. The alturnative would be to use server side includes
161
+ NOTE:
162
+ 1. You will not see the include HTML in the source.
163
+ 2. There is a performance issue on first load (no cache)
164
+ -->
165
+ <script type="text/javascript">
166
+ $("#header").load("inc/header.html");
167
+ $("#main-nav").load("inc/main-nav.html");
168
+ $("#breadcrumb").load("inc/breadcrumb.html");
169
+ $("#footer").load("inc/footer.html");
170
+ </script>
171
+
172
+ <!-- scripts concatenated and minified via build script -->
173
+ <script src="js/plugins.js"></script>
174
+ <script src="js/script.js"></script>
175
+ <!-- end scripts -->
176
+
177
+ <!-- ***:EDIT
178
+ <script>
179
+ var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
180
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
181
+ g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
182
+ s.parentNode.insertBefore(g,s)}(document,'script'));
183
+ </script>
184
+ -->
185
+ </body>
186
+ </html>
data/templates/project/files/inc/breadcrumb.html ADDED
@@ -0,0 +1,5 @@
1
+ <ul>
2
+ <li class="home"><a href="/"><span>Home</span></a></li>
3
+ <li><a href="about.aspx"><span>About</span></a></li>
4
+ <li><a href="customers.aspx"><span>Team</span></a></li>
5
+ </ul>
data/templates/project/files/inc/footer.html ADDED
@@ -0,0 +1,35 @@
1
+ <ul class="ftr-nav">
2
+ <li><a href="index.html">Home</a></li>
3
+ <li class="is-active"><a href="about.html">About Us</a></li>
4
+ <li><a href="products.html">Products</a></li>
5
+ <li><a href="services.html">Services</a></li>
6
+ <li><a href="blog.html">Blog</a></li>
7
+ <li><a href="contact.html">Contact</a></li>
8
+ <li><a href="login.html">Client Login</a></li>
9
+ </ul><!-- /.ftr-nav -->
10
+
11
+ <div class="vcard">
12
+
13
+ <ul class="ftr-contact">
14
+ <li><a class="tel" href="tel:+4420812345678">Call: +44(0)208 1234 5678</a></li>
15
+ <li><a class="email" href="mailto:hi@skyron.co.uk">Email: hi@skyron.co.uk</a></li>
16
+ </ul><!-- /.ftr-contact -->
17
+
18
+ <ul class="mod-social-links">
19
+ <li class="rss"><a href="#">RSS</a></li>
20
+ <li class="googleplus"><a href="#">Google Plus</a></li>
21
+ <li class="linkedin"><a href="#">Linked In</a></li>
22
+ <li class="facebook"><a href="#">Facebook</a></li>
23
+ <li class="twitter"><a href="#">Twitter</a></li>
24
+ </ul>
25
+ </div><!-- /.vcard -->
26
+
27
+ <ul class="mod-legal-nav">
28
+ <li class="terms"><a href="#">Terms</a></li>
29
+ <li class="privacy"><a href="#">Privacy Policy</a></li>
30
+ <li class="cookies"><a href="#">Cookies</a></li>
31
+ <li class="copyright">Copyright &copy; 2012 <a href="http://skyron.co.uk">Skyron Limited</a><em>. All rights reserved</em>
32
+ </li>
33
+ </ul><!-- /.mod-legal-nav -->
34
+
35
+
data/templates/project/files/inc/header.html ADDED
@@ -0,0 +1,37 @@
1
+
2
+ <div>
3
+ <a class="hdr-logo" href="index.html" id="logo" title="Skyframe Logo">
4
+ <!-- <img src="img/cerillion-skyline-logo.png" alt="Cerillion Skyline" /> -->
5
+ </a>
6
+ <!--
7
+ <div id="toggles">
8
+ <a href="#" class="toggle" id="toggle-menu" data-toggle="main-nav">
9
+ <img src="img/icon-menu.png" alt="Menu" title="Menu" />
10
+ <span>Menu</span>
11
+ </a>
12
+ <a href="#" class="toggle" id="toggle-search" data-toggle="form-search">
13
+ <img src="img/icon-search.png" alt="Search" title="Search" />
14
+ <span>Search</span>
15
+ </a>
16
+ </div>
17
+ -->
18
+
19
+ <ul id="header-nav" class="hdr-nav">
20
+ <li><a href="#">Client Login</a></li>
21
+ </ul>
22
+
23
+
24
+ <form class="mod-site-search" action="/" id="form-search" method="post">
25
+ <fieldset>
26
+ <label class="site-search-label visuallyhidden" for="q">Search</label>
27
+ <input class="site-search-input" type="search" name="search" placeholder="search" id="q" /><button class="site-search-button" type="submit"><span>Go</span></button>
28
+ </fieldset>
29
+ </form>
30
+
31
+ <!--
32
+ <ul id="lang-selector" class="toggleable">
33
+ <li><a href="#" class="lang uk">UK</a></li>
34
+ <li><a href="#" class="lang fr">FR</a></li>
35
+ </ul>
36
+ -->
37
+ </div>
data/templates/project/files/inc/main-nav.html ADDED
@@ -0,0 +1,7 @@
1
+ <ul>
2
+ <li class="is-active"><a href="about.html">About Us</a></li>
3
+ <li><a href="products.html">Products</a></li>
4
+ <li><a href="services.html">Services</a></li>
5
+ <li><a href="blog.html">Blog</a></li>
6
+ <li><a href="contact.html">Contact</a></li>
7
+ </ul>