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
@@ -0,0 +1,157 @@
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) - Home</title>
12
+ <meta name="description" content="">
13
+ <meta name="viewport" content="width=device-width">
14
+
15
+ <link rel="stylesheet" href="css/screen.css">
16
+
17
+
18
+
19
+
20
+ <script src="js/libs/modernizr-2.5.3.min.js"></script>
21
+
22
+ <!--[if (gte IE 6)&(lte IE 8)]>
23
+ <script type="text/javascript" src="js/libs/selectivizr.js"></script>
24
+ <![endif]-->
25
+
26
+ <!--[if lt IE 9]>
27
+ <script src="js/libs/respond.min.js"></script>
28
+ <![endif]-->
29
+
30
+ </head>
31
+ <body>
32
+
33
+ <!--[if lt IE 7]>
34
+ <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>
35
+ <![endif]-->
36
+
37
+ <div class="container">
38
+
39
+ <header class="mod-header" id="header"></header>
40
+
41
+ <nav class="mod-main-nav" id="main-nav"></nav>
42
+
43
+ <div class="mod-breadcrumb" id="breadcrumb"></div><!-- /.mod-breadcrumb -->
44
+
45
+
46
+ <div class="page-wrapper" id="main" role="main">
47
+
48
+
49
+ <article class="l-main">
50
+
51
+ <section class="mod-content">
52
+
53
+ <div class="mod-intro">
54
+ <header>
55
+ <h1>Layout: Main</h1>
56
+ <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
57
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
58
+ quis nostrud exercitation ullamco.</h2>
59
+
60
+
61
+ <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
62
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
63
+ quis nostrud exercitation.</h3>
64
+ </header>
65
+ <section>
66
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
67
+ </section>
68
+ <footer>
69
+ <a href="#">Link in footer</a>
70
+ </footer>
71
+ </div><!-- /.mod-intro -->
72
+
73
+
74
+ <div id="spotlight" class="mod-spotlight">
75
+ <section>
76
+ <ul>
77
+ <li><a href="#"><img src="img/dummy-full.png" alt=""></a></li>
78
+ </ul>
79
+ </section>
80
+ </div>
81
+
82
+ <!-- /.mod-spotlight -->
83
+
84
+ <div class="mod-strip">
85
+ <article>
86
+ <header><h3>Art 1</h3></header>
87
+ <section>
88
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
89
+ </section>
90
+ <footer>
91
+ <a href="#" class="btn">Read more</a>
92
+ </footer>
93
+ </article>
94
+ <article>
95
+ <header><h3>Art 2</h3></header>
96
+ <section>
97
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
98
+ </section>
99
+ <footer>
100
+ <a href="#" class="btn">Read more</a>
101
+ </footer>
102
+ </article>
103
+ <article>
104
+ <header><h3>Art 3</h3></header>
105
+ <section>
106
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
107
+ </section>
108
+ <footer>
109
+ <a href="#" class="btn">Read more</a>
110
+ </footer>
111
+ </article>
112
+ </div><!-- /.mod-strip -->
113
+
114
+ </section><!-- /.mod-content -->
115
+
116
+ </article><!-- /.l-main -->
117
+
118
+ </div><!-- /#main-->
119
+
120
+ <footer class="mod-footer" id="footer"></footer><!-- /#footer -->
121
+
122
+ </div><!-- /.container -->
123
+
124
+ <!-- JavaScript at the bottom for fast page loading -->
125
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
126
+ <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
127
+
128
+
129
+ <!-- ***:EDIT
130
+ HTML includes via AJAX. We should ONLY be doing this while
131
+ prototyping. The alturnative would be to use server side includes
132
+ NOTE:
133
+ 1. You will not see the include HTML in the source.
134
+ 2. There is a performance issue on first load (no cache)
135
+ -->
136
+ <script type="text/javascript">
137
+ $("#header").load("inc/header.html");
138
+ $("#main-nav").load("inc/main-nav.html");
139
+ $("#breadcrumb").load("inc/breadcrumb.html");
140
+ $("#footer").load("inc/footer.html");
141
+ </script>
142
+
143
+ <!-- scripts concatenated and minified via build script -->
144
+ <script src="js/plugins.js"></script>
145
+ <script src="js/script.js"></script>
146
+ <!-- end scripts -->
147
+
148
+ <!-- ***:EDIT
149
+ <script>
150
+ var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
151
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
152
+ g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
153
+ s.parentNode.insertBefore(g,s)}(document,'script'));
154
+ </script>
155
+ -->
156
+ </body>
157
+ </html>
Binary file
Binary file
@@ -0,0 +1,107 @@
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) - Products</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
+ <article class="l-side-main">
38
+
39
+ <section class="mod-content">
40
+ <div class="mod-intro">
41
+ <header>
42
+ <h1>Products</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
+ <a href="#">Link in footer</a>
50
+ </footer>
51
+ </div>
52
+ </section><!-- /.mod-content -->
53
+
54
+ <aside class="mod-sidebar">
55
+ <ul class="mod-page-nav">
56
+ <li class="is-active"><a href="#">Link one</a></li>
57
+ <li><a href="#">Link two</a></li>
58
+ <li><a href="#">Link three</a></li>
59
+ </ul>
60
+ </aside>
61
+
62
+
63
+ </article><!-- /.l-side-main -->
64
+
65
+ </div><!-- /#main-->
66
+
67
+ <footer class="mod-footer" id="footer"></footer><!-- /#footer -->
68
+
69
+ </div><!-- /.container -->
70
+
71
+ <!-- JavaScript at the bottom for fast page loading -->
72
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
73
+ <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
74
+
75
+ <!--[if (gte IE 6)&(lte IE 8)]>
76
+ <script type="text/javascript" src="js/libs/selectivizr.js"></script>
77
+ <![endif]-->
78
+
79
+ <!-- ***:EDIT
80
+ HTML includes via AJAX. We should ONLY be doing this while
81
+ prototyping. The alturnative would be to use server side includes
82
+ NOTE:
83
+ 1. You will not see the include HTML in the source.
84
+ 2. There is a performance issue on first load (no cache)
85
+ -->
86
+ <script type="text/javascript">
87
+ $("#header").load("inc/header.html");
88
+ $("#main-nav").load("inc/main-nav.html");
89
+ $("#breadcrumb").load("inc/breadcrumb.html");
90
+ $("#footer").load("inc/footer.html");
91
+ </script>
92
+
93
+ <!-- scripts concatenated and minified via build script -->
94
+ <script src="js/plugins.js"></script>
95
+ <script src="js/script.js"></script>
96
+ <!-- end scripts -->
97
+
98
+ <!-- ***:EDIT
99
+ <script>
100
+ var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
101
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
102
+ g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
103
+ s.parentNode.insertBefore(g,s)}(document,'script'));
104
+ </script>
105
+ -->
106
+ </body>
107
+ </html>
@@ -0,0 +1,107 @@
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) - Services</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
+ <article class="l-side-main">
38
+
39
+ <section class="mod-content">
40
+ <div class="mod-intro">
41
+ <header>
42
+ <h1>Services</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
+ <a href="#">Link in footer</a>
50
+ </footer>
51
+ </div>
52
+ </section><!-- /.mod-content -->
53
+
54
+ <aside class="mod-sidebar">
55
+ <ul class="mod-page-nav">
56
+ <li class="is-active"><a href="#">Link one</a></li>
57
+ <li><a href="#">Link two</a></li>
58
+ <li><a href="#">Link three</a></li>
59
+ </ul>
60
+ </aside>
61
+
62
+
63
+ </article><!-- /.l-side-main -->
64
+
65
+ </div><!-- /#main-->
66
+
67
+ <footer class="mod-footer" id="footer"></footer><!-- /#footer -->
68
+
69
+ </div><!-- /.container -->
70
+
71
+ <!-- JavaScript at the bottom for fast page loading -->
72
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
73
+ <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
74
+
75
+ <!--[if (gte IE 6)&(lte IE 8)]>
76
+ <script type="text/javascript" src="js/libs/selectivizr.js"></script>
77
+ <![endif]-->
78
+
79
+ <!-- ***:EDIT
80
+ HTML includes via AJAX. We should ONLY be doing this while
81
+ prototyping. The alturnative would be to use server side includes
82
+ NOTE:
83
+ 1. You will not see the include HTML in the source.
84
+ 2. There is a performance issue on first load (no cache)
85
+ -->
86
+ <script type="text/javascript">
87
+ $("#header").load("inc/header.html");
88
+ $("#main-nav").load("inc/main-nav.html");
89
+ $("#breadcrumb").load("inc/breadcrumb.html");
90
+ $("#footer").load("inc/footer.html");
91
+ </script>
92
+
93
+ <!-- scripts concatenated and minified via build script -->
94
+ <script src="js/plugins.js"></script>
95
+ <script src="js/script.js"></script>
96
+ <!-- end scripts -->
97
+
98
+ <!-- ***:EDIT
99
+ <script>
100
+ var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
101
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
102
+ g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
103
+ s.parentNode.insertBefore(g,s)}(document,'script'));
104
+ </script>
105
+ -->
106
+ </body>
107
+ </html>
@@ -0,0 +1,154 @@
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) - Home</title>
12
+ <meta name="description" content="">
13
+ <meta name="viewport" content="width=device-width">
14
+
15
+ <link rel="stylesheet" href="css/style.css">
16
+
17
+ <script src="js/libs/modernizr-2.5.3.min.js"></script>
18
+
19
+ <!--[if (gte IE 6)&(lte IE 8)]>
20
+ <script type="text/javascript" src="js/libs/selectivizr.js"></script>
21
+ <![endif]-->
22
+
23
+ <!--[if lt IE 9]>
24
+ <script src="js/libs/respond.min.js"></script>
25
+ <![endif]-->
26
+
27
+ </head>
28
+ <body>
29
+
30
+ <!--[if lt IE 7]>
31
+ <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>
32
+ <![endif]-->
33
+
34
+ <div class="container">
35
+
36
+ <header class="mod-header" id="header"></header>
37
+
38
+ <nav class="mod-main-nav" id="main-nav"></nav>
39
+
40
+ <div class="mod-breadcrumb" id="breadcrumb"></div><!-- /.mod-breadcrumb -->
41
+
42
+
43
+ <div class="page-wrapper" id="main" role="main">
44
+
45
+
46
+ <article class="l-main">
47
+
48
+ <section class="mod-content">
49
+
50
+ <div class="mod-intro">
51
+ <header>
52
+ <h1>Layout: Main</h1>
53
+ <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
54
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
55
+ quis nostrud exercitation ullamco.</h2>
56
+
57
+
58
+ <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
59
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
60
+ quis nostrud exercitation.</h3>
61
+ </header>
62
+ <section>
63
+ <p>Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
64
+ </section>
65
+ <footer>
66
+ <a href="#">Link in footer</a>
67
+ </footer>
68
+ </div><!-- /.mod-intro -->
69
+
70
+
71
+ <div id="spotlight" class="mod-spotlight">
72
+ <section>
73
+ <ul>
74
+ <li><a href="#"><img src="img/dummy-full.png" alt=""></a></li>
75
+ </ul>
76
+ </section>
77
+ </div>
78
+
79
+ <!-- /.mod-spotlight -->
80
+
81
+ <div class="mod-strip">
82
+ <article>
83
+ <header><h3>Art 1</h3></header>
84
+ <section>
85
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
86
+ </section>
87
+ <footer>
88
+ <a href="#" class="btn">Read more</a>
89
+ </footer>
90
+ </article>
91
+ <article>
92
+ <header><h3>Art 2</h3></header>
93
+ <section>
94
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
95
+ </section>
96
+ <footer>
97
+ <a href="#" class="btn">Read more</a>
98
+ </footer>
99
+ </article>
100
+ <article>
101
+ <header><h3>Art 3</h3></header>
102
+ <section>
103
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
104
+ </section>
105
+ <footer>
106
+ <a href="#" class="btn">Read more</a>
107
+ </footer>
108
+ </article>
109
+ </div><!-- /.mod-strip -->
110
+
111
+ </section><!-- /.mod-content -->
112
+
113
+ </article><!-- /.l-main -->
114
+
115
+ </div><!-- /#main-->
116
+
117
+ <footer class="mod-footer" id="footer"></footer><!-- /#footer -->
118
+
119
+ </div><!-- /.container -->
120
+
121
+ <!-- JavaScript at the bottom for fast page loading -->
122
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
123
+ <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
124
+
125
+
126
+ <!-- ***:EDIT
127
+ HTML includes via AJAX. We should ONLY be doing this while
128
+ prototyping. The alturnative would be to use server side includes
129
+ NOTE:
130
+ 1. You will not see the include HTML in the source.
131
+ 2. There is a performance issue on first load (no cache)
132
+ -->
133
+ <script type="text/javascript">
134
+ $("#header").load("inc/header.html");
135
+ $("#main-nav").load("inc/main-nav.html");
136
+ $("#breadcrumb").load("inc/breadcrumb.html");
137
+ $("#footer").load("inc/footer.html");
138
+ </script>
139
+
140
+ <!-- scripts concatenated and minified via build script -->
141
+ <script src="js/plugins.js"></script>
142
+ <script src="js/script.js"></script>
143
+ <!-- end scripts -->
144
+
145
+ <!-- ***:EDIT
146
+ <script>
147
+ var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
148
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
149
+ g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
150
+ s.parentNode.insertBefore(g,s)}(document,'script'));
151
+ </script>
152
+ -->
153
+ </body>
154
+ </html>