compass_extension 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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>