best 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (128) hide show
  1. data/README.md +19 -0
  2. data/framework/best/best.rb +32 -0
  3. data/framework/best/stylesheets/_best.scss +15 -0
  4. data/framework/best/stylesheets/best/_button.scss +49 -0
  5. data/framework/best/stylesheets/best/_effects.scss +5 -0
  6. data/framework/best/stylesheets/best/_form.scss +6 -0
  7. data/framework/best/stylesheets/best/_layout.scss +7 -0
  8. data/framework/best/stylesheets/best/_navigation.scss +8 -0
  9. data/framework/best/stylesheets/best/_reset.scss +4 -0
  10. data/framework/best/stylesheets/best/_utilities.scss +4 -0
  11. data/framework/best/stylesheets/best/effects/_iterative.scss +15 -0
  12. data/framework/best/stylesheets/best/effects/_keyframes.scss +121 -0
  13. data/framework/best/stylesheets/best/form/_form-layout.scss +120 -0
  14. data/framework/best/stylesheets/best/form/_form-style.scss +41 -0
  15. data/framework/best/stylesheets/best/form/_form-validation.scss +25 -0
  16. data/framework/best/stylesheets/best/layout/_dl-horizontal.scss +32 -0
  17. data/framework/best/stylesheets/best/layout/_equal-heights.scss +70 -0
  18. data/framework/best/stylesheets/best/layout/_layout-center.scss +20 -0
  19. data/framework/best/stylesheets/best/layout/_mediablock.scss +34 -0
  20. data/framework/best/stylesheets/best/navigation/_navigation-breadcrumb.scss +59 -0
  21. data/framework/best/stylesheets/best/navigation/_navigation-dropdown.scss +39 -0
  22. data/framework/best/stylesheets/best/navigation/_navigation-horizontal.scss +34 -0
  23. data/framework/best/stylesheets/best/navigation/_navigation.scss +28 -0
  24. data/framework/best/stylesheets/best/navigation/_tinynav.scss +18 -0
  25. data/framework/best/stylesheets/best/reset/_normalize.scss +376 -0
  26. data/framework/best/stylesheets/best/utilities/_em.scss +6 -0
  27. data/template/breakpoints.html +89 -0
  28. data/template/codekit-config.json +1142 -0
  29. data/template/colors.html +115 -0
  30. data/template/components/custom-select/arrow.gif +0 -0
  31. data/template/components/custom-select/custom-select.css +23 -0
  32. data/template/components/custom-select/custom-select.html +31 -0
  33. data/template/components/custom-select/custom-select.js +9 -0
  34. data/template/components/custom-select/customSelect.jquery.js +56 -0
  35. data/template/components/custom-select/customSelect.jquery.min.js +1 -0
  36. data/template/components/dropdown/dropdown.css +54 -0
  37. data/template/components/dropdown/dropdown.html +34 -0
  38. data/template/components/dropdown/dropdown.js +50 -0
  39. data/template/components/example component/component.css +5 -0
  40. data/template/components/example component/component.html +13 -0
  41. data/template/components/example component/component.js b/data/template/components/example → component/component.js +0 -0
  42. data/template/components/fancybox/CHANGELOG.md +115 -0
  43. data/template/components/fancybox/README.md +217 -0
  44. data/template/components/fancybox/component.json +8 -0
  45. data/template/components/fancybox/demo/1_b.jpg +0 -0
  46. data/template/components/fancybox/demo/1_s.jpg +0 -0
  47. data/template/components/fancybox/demo/2_b.jpg +0 -0
  48. data/template/components/fancybox/demo/2_s.jpg +0 -0
  49. data/template/components/fancybox/demo/3_b.jpg +0 -0
  50. data/template/components/fancybox/demo/3_s.jpg +0 -0
  51. data/template/components/fancybox/demo/4_b.jpg +0 -0
  52. data/template/components/fancybox/demo/4_s.jpg +0 -0
  53. data/template/components/fancybox/demo/5_b.jpg +0 -0
  54. data/template/components/fancybox/demo/5_s.jpg +0 -0
  55. data/template/components/fancybox/demo/ajax.txt +15 -0
  56. data/template/components/fancybox/demo/iframe.html +26 -0
  57. data/template/components/fancybox/demo/index.html +307 -0
  58. data/template/components/fancybox/lib/jquery-1.8.2.min.js +2 -0
  59. data/template/components/fancybox/lib/jquery.mousewheel-3.0.6.pack.js +13 -0
  60. data/template/components/fancybox/source/blank.gif +0 -0
  61. data/template/components/fancybox/source/fancybox_loading.gif +0 -0
  62. data/template/components/fancybox/source/fancybox_overlay.png +0 -0
  63. data/template/components/fancybox/source/fancybox_sprite.png +0 -0
  64. data/template/components/fancybox/source/helpers/fancybox_buttons.png +0 -0
  65. data/template/components/fancybox/source/helpers/jquery.fancybox-buttons.css +96 -0
  66. data/template/components/fancybox/source/helpers/jquery.fancybox-buttons.js +121 -0
  67. data/template/components/fancybox/source/helpers/jquery.fancybox-media.js +196 -0
  68. data/template/components/fancybox/source/helpers/jquery.fancybox-thumbs.css +54 -0
  69. data/template/components/fancybox/source/helpers/jquery.fancybox-thumbs.js +162 -0
  70. data/template/components/fancybox/source/jquery.fancybox.css +249 -0
  71. data/template/components/fancybox/source/jquery.fancybox.js +1985 -0
  72. data/template/components/fancybox/source/jquery.fancybox.pack.js +45 -0
  73. data/template/components/jquery/component.json +14 -0
  74. data/template/components/jquery/composer.json +23 -0
  75. data/template/components/jquery/jquery.js +9472 -0
  76. data/template/components/jquery/jquery.min.js +2 -0
  77. data/template/config.rb +25 -0
  78. data/template/css/style.css +1094 -0
  79. data/template/fancybox.html +118 -0
  80. data/template/forms.html +132 -0
  81. data/template/grid.html +122 -0
  82. data/template/index.html +116 -0
  83. data/template/jade/--- from cybex as inspiration/keyvisuals.jade +37 -0
  84. data/template/jade/--- from cybex as inspiration/m-carousel.jade +37 -0
  85. data/template/jade/--- from cybex as inspiration/m-faq.jade +23 -0
  86. data/template/jade/--- from cybex as inspiration/m-keyvisual.jade +55 -0
  87. data/template/jade/--- from cybex as inspiration/m-search.jade +3 -0
  88. data/template/jade/--- from cybex as inspiration/m-slideshow.jade +12 -0
  89. data/template/jade/--- from cybex as inspiration/m-social.jade +10 -0
  90. data/template/jade/breakpoints.jade +26 -0
  91. data/template/jade/colors.jade +32 -0
  92. data/template/jade/fancybox.jade +34 -0
  93. data/template/jade/forms.jade +39 -0
  94. data/template/jade/grid.jade +36 -0
  95. data/template/jade/includes/module-development.jade +1 -0
  96. data/template/jade/includes/nav-development.jade +27 -0
  97. data/template/jade/includes/nav-meta.jade +6 -0
  98. data/template/jade/includes/nav-primary.jade +5 -0
  99. data/template/jade/includes/nav-secondary.jade +18 -0
  100. data/template/jade/index.jade +33 -0
  101. data/template/jade/layouts/layout-footer.jade +5 -0
  102. data/template/jade/layouts/layout-header.jade +3 -0
  103. data/template/jade/layouts/layout-html5.jade +26 -0
  104. data/template/jade/layouts/layout-page.jade +40 -0
  105. data/template/jade/mixins/form-helpers.jade +10 -0
  106. data/template/jade/mixins/mixin-menu.jade +3 -0
  107. data/template/jade/typography.jade +38 -0
  108. data/template/js/footer.js +16 -0
  109. data/template/js/footer.min.js +3 -0
  110. data/template/js/header.js +1 -0
  111. data/template/js/header.min.js +3 -0
  112. data/template/js/main.js +18 -0
  113. data/template/js/main.min.js +1 -0
  114. data/template/js/vendor/jquery.flexslider.min.js +6 -0
  115. data/template/js/vendor/modernizr-custom.js +4 -0
  116. data/template/readme.md +6 -0
  117. data/template/sass/_base.scss +66 -0
  118. data/template/sass/_config.scss +58 -0
  119. data/template/sass/_labs.scss +4 -0
  120. data/template/sass/_layout.scss +26 -0
  121. data/template/sass/_m-breakpoints.scss +42 -0
  122. data/template/sass/_m-colors.scss +39 -0
  123. data/template/sass/_m-navigation.scss +43 -0
  124. data/template/sass/_m-offcanvas.scss +60 -0
  125. data/template/sass/_module.scss +63 -0
  126. data/template/sass/style.scss +38 -0
  127. data/template/typography.html +120 -0
  128. metadata +130 -3
data/template/fancybox.html ADDED
@@ -0,0 +1,118 @@
1
+
2
+ <!--include mixins/m-keyvisual--><!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]--><!--[if gt IE 8]><!-->
3
+ <html lang="en" dir="ltr" class="no-js"><!--<![endif]-->
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link rel="stylesheet" href="css/style.css">
9
+ <script src="js/header.min.js" type="text/javascript"></script>
10
+ <!--script(type="text/javascript", src="http://use.typekit.net/uwa6eml.js")-->
11
+ <!--| <script type="text/javascript">try{Typekit.load();}catch(e){}</script>-->
12
+ <title>Fancybox</title>
13
+ </head>
14
+ <body class="page-fancybox">
15
+ <div class="l-site">
16
+ <header class="l-header">
17
+ <div class="inner">
18
+ <nav class="m-nav-primary">
19
+ <ul>
20
+ <li><a href="index.html" id="bestLink">Best</a></li>
21
+ <!--li: mixin menu-item('Best', 'index.html')-->
22
+ <li class="sidebarToggleContainer"><a href="#" id="sidebarToggle">Toggle sidebar</a></li>
23
+ </ul>
24
+ </nav>
25
+ </div>
26
+ </header>
27
+ <div role="main" class="l-main">
28
+ <div class="inner">
29
+ <div class="l-primary">
30
+ <article class="article">
31
+ <h1>Fancybox</h1>
32
+ <p>In order to use the Fancybox plugin you have to:</p>
33
+ <ol>
34
+ <li>Update the component using Bower</li>
35
+ <li>consider if you need any of the extended fancybox helpers (thumbnails etc.)</li>
36
+ <li>Import the relevant CSS file(s) in <code>style.scss</code></li>
37
+ <li>Import the relevant script file(s) in <code>footer.js</code></li>
38
+ <li>Initialize the plugin in <code>main.js</code></li>
39
+ </ol>
40
+ <p><a href="#fancybox" class="fancybox-test">Click me to test the Fancybox plugin</a></p>
41
+ <div id="fancybox">
42
+ <p>This is inside the #fancybox element</p>
43
+ </div>
44
+ </article>
45
+ </div>
46
+ <div class="l-secondary">
47
+ <nav class="m-menu m-menu-secondary"><!--ul
48
+ <li class="category">Base
49
+ <ul>
50
+ <li><a href="colors.html" class="">Colors</a>
51
+ </li>
52
+ <li><a href="typography.html" class="">Typography</a>
53
+ </li>
54
+ <li><a href="forms.html" class="">Forms</a>
55
+ </li>
56
+ </ul>
57
+ </li>
58
+ <li class="category">Layout
59
+ <ul>
60
+ <li><a href="grid.html" class="">Grid</a>
61
+ </li>
62
+ </ul>
63
+ </li>
64
+ <li class="expanded"><a href="#">Seite Level 1</a>
65
+ <ul>
66
+ <li><a href="#">Seite Level 2</a></li>
67
+ </ul>
68
+ </li>-->
69
+ </nav>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ <div class="l-development">
74
+ <nav class="m-nav-development">
75
+ <ul>
76
+ <li class="category">Base
77
+ <ul>
78
+ <li><a href="colors.html" class="">Colors</a>
79
+ </li>
80
+ <li><a href="typography.html" class="">Typography</a>
81
+ </li>
82
+ <li><a href="forms.html" class="">Forms</a>
83
+ </li>
84
+ </ul>
85
+ </li>
86
+ <li class="category">Layout
87
+ <ul>
88
+ <li><a href="grid.html" class="">Grid</a>
89
+ </li>
90
+ <li><a href="breakpoints.html" class="">Breakpoints</a>
91
+ </li>
92
+ </ul>
93
+ </li>
94
+ <li class="category">Components
95
+ <ul>
96
+ <li><a href="fancybox.html" class="selected">Fancybox</a>
97
+ </li>
98
+ <li><a href="components/dropdown/dropdown.html" class="">Dropdown</a>
99
+ </li>
100
+ </ul>
101
+ </li><!--li.expanded<a href="#">Seite Level 1</a>
102
+ <ul>
103
+ <li><a href="#">Seite Level 2</a></li><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a>
104
+ </ul>-->
105
+ </ul>
106
+ </nav>
107
+ </div>
108
+ <!--.l-sticky-footer-->
109
+ </div>
110
+ <footer class="l-footer">
111
+ <div class="inner">
112
+ <!--include layouts/layout-footer.jade-->
113
+ </div>
114
+ </footer>
115
+ <script src="js/footer.min.js"></script>
116
+ <script src="js/main.js"></script>
117
+ </body>
118
+ </html>
data/template/forms.html ADDED
@@ -0,0 +1,132 @@
1
+
2
+ <!--include mixins/m-keyvisual--><!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]--><!--[if gt IE 8]><!-->
3
+ <html lang="en" dir="ltr" class="no-js"><!--<![endif]-->
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link rel="stylesheet" href="css/style.css">
9
+ <script src="js/header.min.js" type="text/javascript"></script>
10
+ <!--script(type="text/javascript", src="http://use.typekit.net/uwa6eml.js")-->
11
+ <!--| <script type="text/javascript">try{Typekit.load();}catch(e){}</script>-->
12
+ <title>Forms</title>
13
+ </head>
14
+ <body class="page-forms">
15
+ <div class="l-site">
16
+ <header class="l-header">
17
+ <div class="inner">
18
+ <nav class="m-nav-primary">
19
+ <ul>
20
+ <li><a href="index.html" id="bestLink">Best</a></li>
21
+ <!--li: mixin menu-item('Best', 'index.html')-->
22
+ <li class="sidebarToggleContainer"><a href="#" id="sidebarToggle">Toggle sidebar</a></li>
23
+ </ul>
24
+ </nav>
25
+ </div>
26
+ </header>
27
+ <div role="main" class="l-main">
28
+ <div class="inner">
29
+ <div class="l-primary">
30
+ <article class="article">
31
+ <h1>Forms</h1>
32
+ <p>Here we'll show default form styling and markup</p>
33
+ <form class="m-test-form">
34
+ <div class="field field-type-select">
35
+ <label></label>
36
+ <select>
37
+ <option value="">Sie sind…</option>
38
+ <option value="">option2</option>
39
+ <option value="">option3</option>
40
+ </select>
41
+ </div>
42
+ <div class="field field-type-text field-name-name">
43
+ <label>Username</label>
44
+ <input type="text" name="name" placeholder="Username"/>
45
+ </div>
46
+ <div class="field field-type-password field-name-password">
47
+ <label>Password</label>
48
+ <input type="password" name="password" placeholder="Password"/>
49
+ </div>
50
+ <div class="field field-type-textarea field-name-message">
51
+ <label>Message</label>
52
+ <textarea name="message" placeholder="Message"></textarea>
53
+ </div>
54
+ <div class="field field-type-submit field-name-submit">
55
+ <input type="submit" name="submit" value="Submit"/>
56
+ </div>
57
+ </form>
58
+ </article>
59
+ </div>
60
+ <div class="l-secondary">
61
+ <nav class="m-menu m-menu-secondary"><!--ul
62
+ <li class="category">Base
63
+ <ul>
64
+ <li><a href="colors.html" class="">Colors</a>
65
+ </li>
66
+ <li><a href="typography.html" class="">Typography</a>
67
+ </li>
68
+ <li><a href="forms.html" class="selected">Forms</a>
69
+ </li>
70
+ </ul>
71
+ </li>
72
+ <li class="category">Layout
73
+ <ul>
74
+ <li><a href="grid.html" class="">Grid</a>
75
+ </li>
76
+ </ul>
77
+ </li>
78
+ <li class="expanded"><a href="#">Seite Level 1</a>
79
+ <ul>
80
+ <li><a href="#">Seite Level 2</a></li>
81
+ </ul>
82
+ </li>-->
83
+ </nav>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ <div class="l-development">
88
+ <nav class="m-nav-development">
89
+ <ul>
90
+ <li class="category">Base
91
+ <ul>
92
+ <li><a href="colors.html" class="">Colors</a>
93
+ </li>
94
+ <li><a href="typography.html" class="">Typography</a>
95
+ </li>
96
+ <li><a href="forms.html" class="selected">Forms</a>
97
+ </li>
98
+ </ul>
99
+ </li>
100
+ <li class="category">Layout
101
+ <ul>
102
+ <li><a href="grid.html" class="">Grid</a>
103
+ </li>
104
+ <li><a href="breakpoints.html" class="">Breakpoints</a>
105
+ </li>
106
+ </ul>
107
+ </li>
108
+ <li class="category">Components
109
+ <ul>
110
+ <li><a href="fancybox.html" class="">Fancybox</a>
111
+ </li>
112
+ <li><a href="components/dropdown/dropdown.html" class="">Dropdown</a>
113
+ </li>
114
+ </ul>
115
+ </li><!--li.expanded<a href="#">Seite Level 1</a>
116
+ <ul>
117
+ <li><a href="#">Seite Level 2</a></li><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a>
118
+ </ul>-->
119
+ </ul>
120
+ </nav>
121
+ </div>
122
+ <!--.l-sticky-footer-->
123
+ </div>
124
+ <footer class="l-footer">
125
+ <div class="inner">
126
+ <!--include layouts/layout-footer.jade-->
127
+ </div>
128
+ </footer>
129
+ <script src="js/footer.min.js"></script>
130
+ <script src="js/main.js"></script>
131
+ </body>
132
+ </html>
data/template/grid.html ADDED
@@ -0,0 +1,122 @@
1
+
2
+ <!--include mixins/m-keyvisual--><!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]--><!--[if gt IE 8]><!-->
3
+ <html lang="en" dir="ltr" class="no-js"><!--<![endif]-->
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link rel="stylesheet" href="css/style.css">
9
+ <script src="js/header.min.js" type="text/javascript"></script>
10
+ <!--script(type="text/javascript", src="http://use.typekit.net/uwa6eml.js")-->
11
+ <!--| <script type="text/javascript">try{Typekit.load();}catch(e){}</script>-->
12
+ <title>Grid</title>
13
+ </head>
14
+ <body class="page-grid">
15
+ <div class="l-site">
16
+ <header class="l-header">
17
+ <div class="inner">
18
+ <nav class="m-nav-primary">
19
+ <ul>
20
+ <li><a href="index.html" id="bestLink">Best</a></li>
21
+ <!--li: mixin menu-item('Best', 'index.html')-->
22
+ <li class="sidebarToggleContainer"><a href="#" id="sidebarToggle">Toggle sidebar</a></li>
23
+ </ul>
24
+ </nav>
25
+ </div>
26
+ </header>
27
+ <div role="main" class="l-main">
28
+ <div class="inner">
29
+ <div class="l-primary">
30
+ <article class="article">
31
+ <h1>Grid</h1>
32
+ <p>Grid system explained.</p>
33
+ <p>This is the <a href="http://oocss.org/grids_docs.html">AG test</a> build on a 10 column <a href="susy.oddbird.net">Susy</a> grid.</p>
34
+ </article>
35
+ <div class="m-gridtest">
36
+ <div class="ag1">
37
+ <p>2of10</p>
38
+ </div>
39
+ <div class="ag2">
40
+ <p>6of10
41
+ <div class="ag4">
42
+ <p>3of6</p>
43
+ </div>
44
+ <div class="ag5">
45
+ <p>3of6 + omega</p>
46
+ </div>
47
+ <div class="ag6">
48
+ <p>2of6</p>
49
+ </div>
50
+ <div class="ag7">
51
+ <p>4of6 + omega
52
+ <div class="ag8">
53
+ <p>2of4</p>
54
+ </div>
55
+ <div class="ag9">
56
+ <p>2of4 + omega</p>
57
+ </div>
58
+ <div class="ag10">
59
+ <p>4of4 +omega</p>
60
+ </div>
61
+ </p>
62
+ </div>
63
+ </p>
64
+ </div>
65
+ <div class="ag3">
66
+ <p>2of10 + omega</p>
67
+ </div>
68
+ <div class="ag11">
69
+ <p>clear</p>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ <div class="l-development">
76
+ <nav class="m-nav-development">
77
+ <ul>
78
+ <li class="category">Base
79
+ <ul>
80
+ <li><a href="colors.html" class="">Colors</a>
81
+ </li>
82
+ <li><a href="typography.html" class="">Typography</a>
83
+ </li>
84
+ <li><a href="forms.html" class="">Forms</a>
85
+ </li>
86
+ </ul>
87
+ </li>
88
+ <li class="category">Layout
89
+ <ul>
90
+ <li><a href="grid.html" class="selected">Grid</a>
91
+ </li>
92
+ <li><a href="breakpoints.html" class="">Breakpoints</a>
93
+ </li>
94
+ </ul>
95
+ </li>
96
+ <li class="category">Components
97
+ <ul>
98
+ <li><a href="fancybox.html" class="">Fancybox</a>
99
+ </li>
100
+ <li><a href="components/dropdown/dropdown.html" class="">Dropdown</a>
101
+ </li>
102
+ </ul>
103
+ </li><!--li.expanded<a href="#">Seite Level 1</a>
104
+ <ul>
105
+ <li><a href="#">Seite Level 2</a></li><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a>
106
+ </ul>-->
107
+ </ul>
108
+ </nav>
109
+ </div>
110
+ <!--.l-sticky-footer-->
111
+ </div>
112
+ <footer class="l-footer">
113
+ <div class="inner">
114
+ <!--include ../includes/module-search.jade-->
115
+ <!--include ../includes/nav-meta.jade-->
116
+ <!--include ../includes/module-social.jade-->
117
+ </div>
118
+ </footer>
119
+ <script src="js/footer.min.js"></script>
120
+ <script src="js/main.js"></script>
121
+ </body>
122
+ </html>
data/template/index.html ADDED
@@ -0,0 +1,116 @@
1
+
2
+ <!--include mixins/m-keyvisual--><!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]--><!--[if gt IE 8]><!-->
3
+ <html lang="en" dir="ltr" class="no-js"><!--<![endif]-->
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link rel="stylesheet" href="css/style.css">
9
+ <script src="js/header.min.js" type="text/javascript"></script>
10
+ <!--script(type="text/javascript", src="http://use.typekit.net/uwa6eml.js")-->
11
+ <!--| <script type="text/javascript">try{Typekit.load();}catch(e){}</script>-->
12
+ <title>Index</title>
13
+ </head>
14
+ <body class="page-index">
15
+ <div class="l-site">
16
+ <header class="l-header">
17
+ <div class="inner">
18
+ <nav class="m-nav-primary">
19
+ <ul>
20
+ <li><a href="index.html" id="bestLink">Best</a></li>
21
+ <!--li: mixin menu-item('Best', 'index.html')-->
22
+ <li class="sidebarToggleContainer"><a href="#" id="sidebarToggle">Toggle sidebar</a></li>
23
+ </ul>
24
+ </nav>
25
+ </div>
26
+ </header>
27
+ <div role="main" class="l-main">
28
+ <div class="inner">
29
+ <div class="l-primary">
30
+ <article class="article">
31
+ <h1>Index of the Best</h1>
32
+ <p>Follow the white rabbit. This is a work-in-progress.</p>
33
+ <p><strong>Todo:</strong></p>
34
+ <ul>
35
+ <li>Showcase typgraphy</li>
36
+ <li>Responsive typo</li>
37
+ <li>Test grid system</li>
38
+ <li>Test different responsive navigation patterns</li>
39
+ <li>Bulletproof Susy</li>
40
+ </ul>
41
+ <p><img src="http://placekitten.com/g/1000/160"></p>
42
+ </article>
43
+ </div>
44
+ <div class="l-secondary">
45
+ <nav class="m-menu m-menu-secondary"><!--ul
46
+ <li class="category">Base
47
+ <ul>
48
+ <li><a href="colors.html" class="">Colors</a>
49
+ </li>
50
+ <li><a href="typography.html" class="">Typography</a>
51
+ </li>
52
+ <li><a href="forms.html" class="">Forms</a>
53
+ </li>
54
+ </ul>
55
+ </li>
56
+ <li class="category">Layout
57
+ <ul>
58
+ <li><a href="grid.html" class="">Grid</a>
59
+ </li>
60
+ </ul>
61
+ </li>
62
+ <li class="expanded"><a href="#">Seite Level 1</a>
63
+ <ul>
64
+ <li><a href="#">Seite Level 2</a></li>
65
+ </ul>
66
+ </li>-->
67
+ </nav>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <div class="l-development">
72
+ <nav class="m-nav-development">
73
+ <ul>
74
+ <li class="category">Base
75
+ <ul>
76
+ <li><a href="colors.html" class="">Colors</a>
77
+ </li>
78
+ <li><a href="typography.html" class="">Typography</a>
79
+ </li>
80
+ <li><a href="forms.html" class="">Forms</a>
81
+ </li>
82
+ </ul>
83
+ </li>
84
+ <li class="category">Layout
85
+ <ul>
86
+ <li><a href="grid.html" class="">Grid</a>
87
+ </li>
88
+ <li><a href="breakpoints.html" class="">Breakpoints</a>
89
+ </li>
90
+ </ul>
91
+ </li>
92
+ <li class="category">Components
93
+ <ul>
94
+ <li><a href="fancybox.html" class="">Fancybox</a>
95
+ </li>
96
+ <li><a href="components/dropdown/dropdown.html" class="">Dropdown</a>
97
+ </li>
98
+ </ul>
99
+ </li><!--li.expanded<a href="#">Seite Level 1</a>
100
+ <ul>
101
+ <li><a href="#">Seite Level 2</a></li><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a><a href="#" class="">Seite Level 2</a>
102
+ </ul>-->
103
+ </ul>
104
+ </nav>
105
+ </div>
106
+ <!--.l-sticky-footer-->
107
+ </div>
108
+ <footer class="l-footer">
109
+ <div class="inner">
110
+ <!--include layouts/layout-footer.jade-->
111
+ </div>
112
+ </footer>
113
+ <script src="js/footer.min.js"></script>
114
+ <script src="js/main.js"></script>
115
+ </body>
116
+ </html>