Permalink
Browse files

rename directories

  • Loading branch information...
1 parent 3fbf3c4 commit 126f152bf30830e21fe9a0551d355e450f8f052f @jonschlinkert jonschlinkert committed Aug 18, 2013
Showing with 4,748 additions and 99 deletions.
  1. +56 −48 Gruntfile.js
  2. +10 −0 README.md
  3. 0 _demo/{button-1 → button-000}/index.html
  4. +104 −0 _demo/button-010/index.html
  5. +104 −0 _demo/button-011/index.html
  6. 0 _demo/{button-2 → button-020}/index.html
  7. 0 _demo/{button-3 → button-030}/index.html
  8. 0 _demo/{button-4 → button-040}/index.html
  9. 0 _demo/{button-5 → button-050}/index.html
  10. 0 _demo/{button-6 → button-060}/index.html
  11. 0 _demo/{button-7 → button-070}/button-7-1.html
  12. 0 _demo/{button-7 → button-070}/button-7-2.html
  13. 0 _demo/{button-7 → button-070}/button-7-3.html
  14. 0 _demo/{button-7 → button-070}/index.html
  15. 0 _demo/{button-8 → button-080}/button-01-expand-down.html
  16. 0 _demo/{button-8 → button-080}/button-01-expand-left.html
  17. 0 _demo/{button-8 → button-080}/button-01-expand-right.html
  18. 0 _demo/{button-8 → button-080}/button-01-expand-up.html
  19. 0 _demo/{button-8 → button-080}/button-01-slide-down.html
  20. 0 _demo/{button-8 → button-080}/button-01-slide-left.html
  21. 0 _demo/{button-8 → button-080}/button-01-slide-right.html
  22. 0 _demo/{button-8 → button-080}/button-01-slide-up.html
  23. 0 _demo/{button-8 → button-080}/button-01-zoom-in.html
  24. 0 _demo/{button-8 → button-080}/button-01-zoom-out.html
  25. 0 _demo/{button-8 → button-080}/index.html
  26. 0 _demo/{button-8 → button-081}/button-02-expand-down.html
  27. 0 _demo/{button-8 → button-081}/button-02-expand-left.html
  28. 0 _demo/{button-8 → button-081}/button-02-expand-right.html
  29. 0 _demo/{button-8 → button-081}/button-02-expand-up.html
  30. 0 _demo/{button-8 → button-081}/button-02-slide-down.html
  31. 0 _demo/{button-8 → button-081}/button-02-slide-left.html
  32. 0 _demo/{button-8 → button-081}/button-02-slide-right.html
  33. 0 _demo/{button-8 → button-081}/button-02-slide-up.html
  34. 0 _demo/{button-8 → button-081}/button-02-zoom-in.html
  35. 0 _demo/{button-8 → button-081}/button-02-zoom-out.html
  36. 0 _demo/{button-9 → button-081}/index.html
  37. 0 _demo/{button-9 → button-090}/button-expanddown.html
  38. 0 _demo/{button-9 → button-090}/button-expandleft.html
  39. 0 _demo/{button-9 → button-090}/button-expandright.html
  40. 0 _demo/{button-9 → button-090}/button-expandup.html
  41. 0 _demo/{button-9 → button-090}/button-slidedown.html
  42. 0 _demo/{button-9 → button-090}/button-slideleft.html
  43. 0 _demo/{button-9 → button-090}/button-slideright.html
  44. 0 _demo/{button-9 → button-090}/button-slideup.html
  45. 0 _demo/{button-9 → button-090}/button-zoomin.html
  46. 0 _demo/{button-9 → button-090}/button-zoomout.html
  47. +4,123 −0 _demo/button-090/index.html
  48. +104 −0 button-000/index.html
  49. +71 −0 button-010/index.hbs
  50. +4 −0 button-011/includes/button-expand-down.hbs
  51. +4 −0 button-011/includes/button-expand-left.hbs
  52. +4 −0 button-011/includes/button-expand-right.hbs
  53. +4 −0 button-011/includes/button-expand-up.hbs
  54. +4 −0 button-011/includes/button-slide-down.hbs
  55. +4 −0 button-011/includes/button-slide-left.hbs
  56. +4 −0 button-011/includes/button-slide-right.hbs
  57. +4 −0 button-011/includes/button-slide-up.hbs
  58. +4 −0 button-011/includes/button-zoom-in.hbs
  59. +4 −0 button-011/includes/button-zoom-out.hbs
  60. +43 −0 button-011/index.hbs
  61. 0 {button-2 → button-020}/button.hbs
  62. 0 {button-2 → button-020}/button.json
  63. 0 {button-2 → button-020}/index.hbs
  64. 0 {button-3 → button-021}/button.hbs
  65. 0 {button-3 → button-021}/button.json
  66. +49 −0 button-021/index.hbs
  67. 0 {button-4 → button-030}/button.hbs
  68. 0 {button-6 → button-030}/button.json
  69. 0 {button-3 → button-030}/demo.json
  70. 0 {button-3 → button-030}/index.hbs
  71. 0 {button-6 → button-040}/button.hbs
  72. 0 {button-4 → button-040}/button.json
  73. 0 {button-4 → button-040}/demo.json
  74. 0 {button-4 → button-040}/index.hbs
  75. 0 {button-5 → button-050}/button.hbs
  76. 0 {button-5 → button-050}/button.json
  77. 0 {button-5 → button-050}/demo.json
  78. 0 {button-5 → button-050}/index.hbs
  79. 0 {button-7 → button-060}/button.hbs
  80. 0 {button-7 → button-060}/button.json
  81. 0 {button-6 → button-060}/demo.json
  82. 0 {button-6 → button-060}/index.hbs
  83. 0 {button-8 → button-070}/button.hbs
  84. 0 {button-8 → button-070}/button.json
  85. 0 {button-7 → button-070}/demo.json
  86. 0 {button-7 → button-070}/index.hbs
  87. 0 {button-9 → button-080}/button.hbs
  88. 0 {button-9 → button-080}/button.json
  89. 0 {button-8 → button-080}/demo.json
  90. 0 {button-8 → button-080}/index.hbs
  91. +1 −0 button-090/button.hbs
  92. +42 −0 button-090/button.json
  93. 0 {button-9 → button-090}/demo.json
  94. 0 {button-9 → button-090}/index.hbs
  95. +0 −50 button-1/index.hbs
  96. 0 { → data}/benchmarks.json
  97. +1 −1 templates/{ → layouts}/component.hbs
  98. 0 templates/{ → layouts}/condense.hbs
  99. 0 templates/{layout.hbs → layouts/default.hbs}
View
@@ -12,7 +12,7 @@ module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
- benchmarks: grunt.file.readJSON('benchmarks.json'),
+ benchmarks: grunt.file.readJSON('data/benchmarks.json'),
// Values for repeat helper, see example #5.
repeat: {
@@ -30,90 +30,98 @@ module.exports = function(grunt) {
assemble: {
options: {
- prettify: {
- indent: 2
- },
flatten: true,
+ prettify: {indent: 2},
assets: '_demo/assets',
helpers: 'templates/helpers/*.js',
partials: 'templates/includes/*.hbs',
- layoutdir: 'templates',
- layout: 'layout.hbs',
+ layoutdir: 'templates/layouts',
+ layout: 'default.hbs',
},
- button1: {
- files: {'_demo/button-1/': ['button-1/index.hbs']}
+ button000: {
+ options: {layout: 'none'},
+ files: {'_demo/button-000/': ['button-000/index.html']}
},
- button2: {
- files: {'_demo/button-2/': ['button-2/index.hbs']},
+ button010: {
options: {
- partials: 'button-2/button.hbs',
- data: 'button-2/*.json'
+ partials: 'button-011/includes/*.hbs'
+ },
+ files: {
+ '_demo/button-010/': ['button-010/index.hbs'],
+ '_demo/button-011/': ['button-011/index.hbs']
}
},
- button3: {
- files: {'_demo/button-3/': ['button-3/index.hbs']},
+ button020: {
options: {
- partials: 'button-3/button.hbs',
- data: 'button-3/*.json'
- }
+ partials: 'button-020/button.hbs',
+ data: 'button-020/*.json'
+ },
+ files: {'_demo/button-020/': ['button-020/index.hbs']}
},
- button4: {
- files: {'_demo/button-4/': ['button-4/index.hbs']},
+ button030: {
options: {
- partials: 'button-4/button.hbs',
- data: 'button-4/*.json'
- }
+ partials: 'button-030/button.hbs',
+ data: 'button-030/*.json'
+ },
+ files: {'_demo/button-030/': ['button-030/index.hbs']}
},
- button5: {
- files: {'_demo/button-5/': ['button-5/index.hbs']},
+ button040: {
options: {
- partials: 'button-5/button.hbs',
- data: 'button-5/*.json'
- }
+ partials: 'button-040/button.hbs',
+ data: 'button-040/*.json'
+ },
+ files: {'_demo/button-040/': ['button-040/index.hbs']}
},
- button6: {
- files: {'_demo/button-6/': ['button-6/index.hbs']},
+ button050: {
options: {
- partials: 'button-6/button.hbs',
- data: 'button-6/*.json'
- }
+ partials: 'button-050/button.hbs',
+ data: 'button-050/*.json'
+ },
+ files: {'_demo/button-050/': ['button-050/index.hbs']}
+ },
+ button060: {
+ options: {
+ partials: 'button-060/button.hbs',
+ data: 'button-060/*.json'
+ },
+ files: {'_demo/button-060/': ['button-060/index.hbs']}
},
// Pages collection, array format.
- button7_1: {
- files: {'_demo/button-7/': ['button-7/index.hbs']},
+ button070: {
+ files: {'_demo/button-070/': ['button-070/index.hbs']},
options: {
- data: ['button-7/button.json', 'benchmarks.json'],
+ data: ['button-070/button.json', 'benchmarks.json'],
layout: 'component.hbs',
- partials: 'button-7/button.hbs',
+ partials: 'button-070/button.hbs',
pages: '<%= benchmarks.pages.one %>'
}
},
// Pages collection, array format.
- button8_1: {
- files: {'_demo/button-8/': ['button-8/index.hbs']},
+ button080: {
+ files: {'_demo/button-080/': ['button-080/index.hbs']},
options: {
- data: 'button-8/*.json',
+ data: 'button-080/*.json',
layout: 'component.hbs',
- partials: 'button-8/button.hbs',
+ partials: 'button-080/button.hbs',
pages: '<%= benchmarks.pages.two %>'
}
},
// Pages collection, object format.
- button8_2: {
- files: {'_demo/button-8/': ['button-8/index.hbs']},
+ button081: {
+ files: {'_demo/button-081/': ['button-080/index.hbs']},
options: {
- data: 'button-8/*.json',
+ data: 'button-080/*.json',
layout: 'component.hbs',
- partials: 'button-8/button.hbs',
+ partials: 'button-080/button.hbs',
pages: '<%= benchmarks.pages.three %>'
}
},
- button9: {
- files: {'_demo/button-9/': ['button-9/index.hbs']},
+ button090: {
+ files: {'_demo/button-090/': ['button-090/index.hbs']},
options: {
- data: 'button-9/*.json',
+ data: 'button-090/*.json',
layout: 'component.hbs',
- partials: 'button-9/button.hbs',
+ partials: 'button-090/button.hbs',
pages: '<%= benchmarks.pages.four %>'
}
}
View
@@ -2,6 +2,16 @@
> How many ways are there to assemble a button? Apparently too many.
+This project is an exercise in separation of concerns related to structure, style and content.
+
+Each example in the project demonstrates a different approach to separating concerns, and in general each example builds on the last to demonstrate a progressively higher level of abstraction.
+
+No judgement is made concerning how much abstraction is good or bad.
+
+
+## TODO
+
+* versatile button that can be `<a href="#"></a>`, `<button></button>`, `<input type="text">` etc.
## Contributing
File renamed without changes.
View
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Button Examples</title>
+ <meta name="viewport" content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0">
+ <link rel="stylesheet" href="../assets/css/demo.autoprefixed.css">
+ <link rel="stylesheet" href="../assets/css/effeckt.autoprefixed.css">
+ <link rel="stylesheet" href="../assets/css/topcoat-mobile-dark.autoprefixed.css">
+
+ <!-- Vendor Libs -->
+ <script src="../assets/js/jquery.min.js"></script>
+ <script src="../assets/js/modernizr.js"></script>
+ </head>
+ <body>
+ <div class="page-wrap no-transitions" id="page-wrap">
+ <div class="effeckt effeckt-demo-buttons group">
+ <header>
+ <h2>Example 1: Topcoat Buttons + Effeckt.css
+ <a href="buttons.html">#</a>
+ </h2>
+ <span class="source">
+ Source:
+ <a href="http://lab.hakim.se/effeckt/">Hakim El Hattab</a>
+ </span>
+ </header>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-right topcoat-button">
+ <span class="label">Expand Right</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-left topcoat-button">
+ <span class="label">Expand Left</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-up topcoat-button">
+ <span class="label">Expand Up</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-down topcoat-button">
+ <span class="label">Expand Down</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-left topcoat-button">
+ <span class="label">Slide Left</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-right topcoat-button">
+ <span class="label">Slide Right</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-up topcoat-button">
+ <span class="label">Slide Up</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-down topcoat-button">
+ <span class="label">Slide Down</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button zoom-out topcoat-button">
+ <span class="label">Zoom Out</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button zoom-in topcoat-button">
+ <span class="label">Zoom in</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ </div>
+ </div>
+
+ <!-- Demo -->
+ <script src="../assets/js/demo.js"></script>
+
+ <!-- Libs -->
+ <script src="../assets/js/modals.js"></script>
+ <script src="../assets/js/buttons.js"></script>
+ <script src="../assets/js/list-items.js"></script>
+ <script src="../assets/js/off-screen-nav.js"></script>
+ <script src="../assets/js/page-transitions.js"></script>
+ <script src="../assets/js/list-scroll.js"></script>
+ <script>
+ stroll.bind('.effeckt-demo-list-scroll ul');
+ </script>
+ </body>
+</html>
View
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Button Examples</title>
+ <meta name="viewport" content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0">
+ <link rel="stylesheet" href="../assets/css/demo.autoprefixed.css">
+ <link rel="stylesheet" href="../assets/css/effeckt.autoprefixed.css">
+ <link rel="stylesheet" href="../assets/css/topcoat-mobile-dark.autoprefixed.css">
+
+ <!-- Vendor Libs -->
+ <script src="../assets/js/jquery.min.js"></script>
+ <script src="../assets/js/modernizr.js"></script>
+ </head>
+ <body>
+ <div class="page-wrap no-transitions" id="page-wrap">
+ <div class="effeckt effeckt-demo-buttons group">
+ <header>
+ <h2>Example 1: Topcoat Buttons + Effeckt.css
+ <a href="buttons.html">#</a>
+ </h2>
+ <span class="source">
+ Source:
+ <a href="http://lab.hakim.se/effeckt/">Hakim El Hattab</a>
+ </span>
+ </header>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-right topcoat-button">
+ <span class="label">Expand Right</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-left topcoat-button">
+ <span class="label">Expand Left</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-up topcoat-button">
+ <span class="label">Expand Up</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button expand-down topcoat-button">
+ <span class="label">Expand Down</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-right topcoat-button">
+ <span class="label">Slide Right</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-left topcoat-button">
+ <span class="label">Slide Left</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-up topcoat-button">
+ <span class="label">Slide Up</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button slide-down topcoat-button">
+ <span class="label">Slide Down</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button zoom-in topcoat-button">
+ <span class="label">Zoom In</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ <div class="button-demo-wrap">
+ <button class="effeckt-button zoom-out topcoat-button">
+ <span class="label">Zoom Out</span>
+ <span class="spinner"></span>
+ </button>
+ </div>
+ </div>
+ </div>
+
+ <!-- Demo -->
+ <script src="../assets/js/demo.js"></script>
+
+ <!-- Libs -->
+ <script src="../assets/js/modals.js"></script>
+ <script src="../assets/js/buttons.js"></script>
+ <script src="../assets/js/list-items.js"></script>
+ <script src="../assets/js/off-screen-nav.js"></script>
+ <script src="../assets/js/page-transitions.js"></script>
+ <script src="../assets/js/list-scroll.js"></script>
+ <script>
+ stroll.bind('.effeckt-demo-list-scroll ul');
+ </script>
+ </body>
+</html>
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Oops, something went wrong.

0 comments on commit 126f152

Please sign in to comment.