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/index.html ADDED
@@ -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>
data/templates/project/files/logo.png ADDED
Binary file
data/templates/project/files/logo@2x.png ADDED
Binary file
data/templates/project/files/products.html ADDED
@@ -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>
data/templates/project/files/services.html ADDED
@@ -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>
data/templates/project/index.html ADDED
@@ -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>