diff --git a/archive/.gitignore b/archive/.gitignore
deleted file mode 100644
index 4ed92e5..0000000
--- a/archive/.gitignore
+++ /dev/null
@@ -1,4 +0,0 @@
-.DS_Store
-/node_modules/
-.sass-cache/
-/src/components/
diff --git a/archive/Gruntfile.js b/archive/Gruntfile.js
deleted file mode 100644
index 7ee2fe9..0000000
--- a/archive/Gruntfile.js
+++ /dev/null
@@ -1,107 +0,0 @@
-
-// The "wrapper" function
-module.exports = function(grunt) {
- // Do grunt-related things in here
- // Project configuration.
- require('load-grunt-tasks')(grunt);
- grunt.initConfig({
- // imports the JSON metadata stored in package.json
- pkg: grunt.file.readJSON('package.json'),
- // compiles LESS file to minified CSS
- jekyll: {
- dev: {
- src: 'templates',
- dest: 'dev'
- }
- },
- less: {
- minifiedLess: {
- options: {
- paths: ["./src/less", "./src/demo/less"],
- cleancss: true
- },
- files: {
- "./src/css/main.less-minified.css": "./src/less/bellmaker.less"
- }
- },
- uncompressedLess: {
- options: {
- paths: ["./src/less", "./src/demo/less"],
- cleancss: false
- },
- files: {
- "./src/css/main.less.css": "./src/less/bellmaker.less"
- }
- },
- basicDemoLess: {
- options: {
- paths: ["./src/less", "./src/demo/basic_demo/less"],
- cleancss: false
- },
- files: {
- "./src/demo/basic_demo/css/main.css": "./src/demo/basic_demo/less/imports.less"
- }
- },
- bootstrapDemoLess: {
- options: {
- paths: ["./src/less", "./src/demo/bootstrap_demo/less"],
- cleancss: true
- },
- files: {
- "./src/demo/bootstrap_demo/css/main.css": "./src/demo/bootstrap_demo/less/imports.less"
- }
- }
- },
- sass: {
- minifiedSass: {
- options: {
- style: 'compressed',
- precision: 4
- },
- files: {
- "./src/css/main.sass-minified.css": "./src/sass/main.scss"
- }
- },
- uncompressedSass: {
- options: {
- style: 'expanded',
- precision: 4
- },
- files: {
- "./src/css/main.sass.css": "./src/sass/main.scss"
- }
- }
- },
- watch: {
- // runs less task when any less files change
- less: {
- files: ["./src/less/*", "./src/demo/*/less/*"],
- tasks: ["less"]
- },
- html: {
- files: "**/*.html"
- },
- sass: {
- files: ["./src/sass/*", "./src/demo/sass/*"],
- tasks: ['sass']
- }
- }
- });
-
- grunt.registerTask('makeJekyll', [
- // 'uglify'
- 'jekyll'
- ]);
- grunt.registerTask('default', [
- 'less:minifiedLess',
- 'less:uncompressedLess',
- 'less',
- 'sass'
- ]);
- grunt.registerTask('server', [
- 'watch'
- ]);
- grunt.registerTask('test', [
- 'less'
- ]);
-};
\ No newline at end of file
diff --git a/archive/bower.json b/archive/bower.json
deleted file mode 100644
index 300132c..0000000
--- a/archive/bower.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
- "name": "bellmaker",
- "version": "0.3.8",
- "authors": [
- {
- "name": "Jimmy Ha",
- "homepage": "http://herereadthis.com"
- }
- ],
- "description": "Responsive CSS media query library for LESS and SASS, with device-agnostic and device-specific breakpoints",
- "homepage": "http://herereadthis.com/code/bellmaker",
- "main": [
- "src/less/bellmaker.less",
- "src/sass/_mixins_variables.scss",
- "src/css/main.less-minified.css",
- "src/css/main.sass-minified.css"
- ],
- "license": "MIT",
- "ignore": [
- ".bowerrc",
- ".gitignore",
- ".sass-cache",
- ".travis.yml",
- "docs",
- "Gruntfile.js",
- "index.html",
- "node_modules",
- "old_school.md",
- "src/components",
- "src/demo"
- ],
- "dependencies": {
- "mossflower": "~0.1.6",
- "bootstrap": "~3.2.0"
- }
-}
diff --git a/archive/index.html b/archive/index.html
deleted file mode 100644
index 181e7e7..0000000
--- a/archive/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
-
-
- Bellmaker, the Media Query Master
-
-
-
-
-
-
-
-
-
-
- Bellmaker
- The Media Query Master
-
-
-
- What am I seeing?
-
-
-
-
- Bellmaker Device Coverage
-
-
- - 720 HD:2 (720×1280)
-
- - Blackberry Z30
- - Motorola Droid Maxx, Razr HD
- - Samsung GN2
- - Sony Xperia S
-
-
- - 768 WXGA:2 (768×1280)
-
- - Blackberry Z10
- - Google Nexus 4
-
-
- - 768 WXGA:2.4 (800×1280)
-
- - Nokia Lumia 920, 925, 928
-
-
- - 800 WXGA:2 (800×1280)
-
-
- - Full HD:3 (1080×1920)
-
- - Google Nexus 5
- - HTC One M7, M8
- - LG G2
- - Samsung GS4, GS5 GN3
- - Sony Xperia Z(1)(2)(3)
-
-
- - WQHD:4 (1440×2560)
-
- - LG G3
- - Google Nexus 6
- - Samsung GN4
-
-
- - Early iPhone (320×480)
- - iPhone 4(s) (640×960)
- - iPhone 5(s)(c) (640×1136)
- - iPhone 6 (750×1334)
- - iPhone 6 Plus (1242×2208)
- - Early iPad (768×1024)
- - Retina iPad (1536×2048)
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/archive/package.json b/archive/package.json
deleted file mode 100644
index 6551bfa..0000000
--- a/archive/package.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
- "name": "bellmaker",
- "version": "0.3.8",
- "description": "Responsive CSS media query library for LESS and SASS, with device-agnostic and device-specific breakpoints",
- "main": "index.html",
- "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/herereadthis/bellmaker.git"
- },
- "keywords": [
- "Media",
- "Query",
- "Mobile",
- "LESS",
- "SASS",
- "CSS"
- ],
- "author": {
- "name": "Jimmy Ha",
- "email": "herereadthis@gmail.com",
- "url": "http://herereadthis.com/"
- },
- "licenses": [
- {
- "type": "GPL",
- "url": "https://github.com/herereadthis/bellmaker/blob/master/LICENSE"
- }
- ],
- "bugs": {
- "url": "https://github.com/herereadthis/bellmaker/issues"
- },
- "homepage": "https://github.com/herereadthis/bellmaker",
- "devDependencies": {
- "grunt": "^0.4.5",
- "grunt-contrib-less": "^0.11.1",
- "grunt-contrib-sass": "^0.8.1",
- "grunt-contrib-watch": "^0.6.1",
- "grunt-jekyll": "^0.4.2",
- "load-grunt-tasks": "^0.6.0"
- },
- "dependencies": {
- "load-grunt-tasks": "^0.6.0"
- }
-}
diff --git a/archive/src/sass/_mixins_variables.scss b/archive/src/sass/_mixins_variables.scss
deleted file mode 100644
index 44d0b41..0000000
--- a/archive/src/sass/_mixins_variables.scss
+++ /dev/null
@@ -1,260 +0,0 @@
-// Breakpoints -------------------------------
-// Warning: you may be tempted to change these numbers, but trust me, they
-// were very carefully selected to match against commonly occuring screen
-// resolutions, with the exception of 1440 but that's only because it's
-// disproportionately represented among developers and our Macbooks. However,
-// the 1440 breakpoint is close enough to the standard 1368 laptop screens to
-// be totally reasonable in practice.
-// ---------------------------------------------
-$da_baseline: "only screen and (min-width: 320px)";
-$da_2x_small: "only screen and (min-width: 480px)";
-$da_x_small: "only screen and (min-width: 640px)";
-$da_small: "only screen and (min-width: 768px)";
-$da_medium: "only screen and (min-width: 1024px)";
-$da_large: "only screen and (min-width: 1280px)";
-$da_x_large: "only screen and (min-width: 1440px)";
-
-
-// Liquid/ Fixed Widths ----------------------
-// Again, I don't recommend you changing these numbers as they are all
-// selected because many different numbers can divide into them, making them
-// quite useful for building grid layouts.
-// ---------------------------------------------
-$pw_baseline: 100%;
-$pw_2x_small: 100%;
-$pw_x_small: 100%;
-$pw_small: 76.8rem;
-$pw_medium: 96rem;
-$pw_large: 115.2rem;
-$pw_x_large: 134.4rem;
-
-
-// Alternative Orientation Variables -----------
-// That is, there are two ways to write device-specific media queries,
-// depending on your personal preference. Here's the iPhone 5 as an example:
-// @media @ds_iphone_5 @orientation_landscape {}
-// @media @ds_iphone_5_landscape {}
-// ---------------------------------------------
-$orientation_landscape: "and (orientation : landscape)";
-$orientation_portrait: "and (orientation : portrait)";
-
-
-
-// Aspect Ratio Media Queries ------------------
-// ---------------------------------------------
-
-// 9:16 devices, 720p: Blackberry Z30; Motorola Droid Maxx, Razr HD; Samsung GN2; Sony Xperia S
-// 9:16 devices, HD:3: Google Nexus 5; HTC Hero M7, M8; LG G2; Samsung GS4, GS5, GN3; Sony Xperia Z1, Z2
-// 9:16 devices, HD:4: LG G3, Samsung GN4
-// 9:16 devices, iPhone 6 Plus
-$ds_ratio_9_16: "only screen and (device-aspect-ratio: 9/16)";
-// 9:16 devices in landscape
-$ds_ratio_9_16_landscape: "only screen and (device-aspect-ratio: 9/16) and (orientation : landscape)";
-// 9:16 devices in portrait
-$ds_ratio_9_16_portrait: "only screen and (device-aspect-ratio: 9/16) and (orientation : portrait)";
-
-
-// 3:5 devices: Nokia Lumia 920, 925, 928
-$ds_ratio_3_5: "only screen and (device-aspect-ratio: 3/5)";
-// 3:5 devices in landscape
-$ds_ratio_3_5_landscape: "only screen and (device-aspect-ratio: 3/5) and (orientation : landscape)";
-// 3:5 devices in portrait
-$ds_ratio_3_5_portrait: "only screen and (device-aspect-ratio: 3/5) and (orientation : portrait)";
-
-
-// 5:8 devices: Samsung GN1
-$ds_ratio_5_8: "only screen and (device-aspect-ratio: 5/8)";
-// 5:8 devices in landscape
-$ds_ratio_5_8_landscape: "only screen and (device-aspect-ratio: 5/8) and (orientation : landscape)";
-// 5:8 devices in portrait
-$ds_ratio_5_8_portrait: "only screen and (device-aspect-ratio: 5/8) and (orientation : portrait)";
-
-
-// 2:3 devices: iPhone 1, 2, 3(G), 4(s)
-$ds_ratio_5_8: "only screen and (device-aspect-ratio: 2/3)";
-// 2:3 devices in landscape
-$ds_ratio_5_8_landscape: "only screen and (device-aspect-ratio: 2/3) and (orientation : landscape)";
-// 2:3 devices in portrait
-$ds_ratio_5_8_portrait: "only screen and (device-aspect-ratio: 2/3) and (orientation : portrait)";
-
-
-// 3:4 devices: iPad 1, 2, 3, 4, Air, Mini
-$ds_ratio_3_4: "only screen and (device-aspect-ratio: 3/4)";
-// True HD phones in landscape
-$ds_ratio_3_4_landscape: "only screen and (device-aspect-ratio: 3/4) and (orientation : landscape)";
-// True HD phones in portrait
-$ds_ratio_3_4_portrait: "only screen and (device-aspect-ratio: 3/4) and (orientation : portrait)";
-
-// ---------------------------------------------
-// ---------------------------------------------
-
-
-// Android Media Queries -----------------------
-// ---------------------------------------------
-
-// Actual Resolution: 720 X 1280
-// Display Resolution: 360 X 640
-// Device-pixel-ratio: 2
-// 720 HD:2 phones: Blackberry Z30; Motorola Droid Maxx, Razr HD; Samsung GN2; Sony Xperia S
-$ds_720p_hd2: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 2dppx)";
-// 720 HD:2 phones in landscape
-$ds_720p_hd2_landscape: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (orientation : landscape)";
-// 720 HD:2 phones in portrait
-$ds_720p_hd2_portrait: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (orientation : portrait)";
-
-
-// Actual Resolution: 768 X 1280
-// Display Resolution: 384 X 640
-// Device-pixel-ratio: 2
-// 768 WXGA:2 phones: Blackberry Z10; Google Nexus 4
-$ds_768_wxga2: "only screen and (min-device-width : 384px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (device-aspect-ratio: 3/5)";
-// True HD phones in landscape
-$ds_768_wxga2_landscape: "only screen and (min-device-width : 384px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (device-aspect-ratio: 3/5) and (orientation : landscape)";
-// True HD phones in portrait
-$ds_768_wxga2_portrait: "only screen and (min-device-width : 384px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (device-aspect-ratio: 3/5) and (orientation : portrait)";
-
-
-// Actual Resolution: 800 X 1280
-// Display Resolution: 400 X 640
-// Device-pixel-ratio: 2
-// 800 WXGA:2 phones: Samsung GN1
-$ds_800_wxga2: "only screen and (min-device-width : 400px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (device-aspect-ratio: 5/8)";
-// True HD phones in landscape
-$ds_800_wxga2_landscape: "only screen and (min-device-width : 400px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (device-aspect-ratio: 5/8) and (orientation : landscape)";
-// True HD phones in portrait
-$ds_800_wxga2_portrait: "only screen and (min-device-width : 400px) and (max-device-width : 640px) and (min-resolution: 2dppx) and (device-aspect-ratio: 5/8) and (orientation : portrait)";
-
-
-// Actual Resolution: 1080 X 1920
-// Display Resolution: 360 X 640
-// Device-pixel-ratio: 3
-// 1080 HD:3 phones: Google Nexus 5, HTC One M7+, LG G2; Samsung GS4, GS5, GN3; Sony Xperia Z1, Z2
-$ds_1080_hd3: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 3dppx)";
-// 1080 HD:3 phones in landscape
-$ds_1080_hd3_landscape: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 3dppx) and (orientation : landscape)";
-// 1080 HD:3 phones in portrait
-$ds_1080_hd3_portrait: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 3dppx) and (orientation : portrait)";
-
-
-// Actual Resolution: 1440 X 2560
-// Display Resolution: 360 X 640
-// Device-pixel-ratio: 4
-// WQHD:4 phones: LG G3, Samsung GN4
-$ds_wqhd4: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 4dppx)";
-// Full HD phones in landscape
-$ds_wqhd4_landscape: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 4dppx) and (orientation : landscape)";
-// Full HD phones in portrait
-$ds_wqhd4_portrait: "only screen and (min-device-width : 360px) and (max-device-width : 640px) and (min-resolution: 4dppx) and (orientation : portrait)";
-
-// ---------------------------------------------
-// ---------------------------------------------
-
-
-// Windows Phone Queries -----------------------
-// ---------------------------------------------
-
-
-// Actual Resolution: 768 X 1280
-// Display Resolution: 320 X 533
-// Device-pixel-ratio: 2.4
-// 768 WXGA:2.4 phones: Nokia Lumia 920, 925, 928
-$ds_768_wxga24: "only screen and (min-device-width : 320px) and (max-device-width : 533px) and (min-resolution: 2.4dppx) and (device-aspect-ratio: 320/533)";
-// True HD phones in landscape
-$ds_768_wxga24_landscape: "only screen and (min-device-width : 320px) and (max-device-width : 533px) and (min-resolution: 2.4dppx) and (device-aspect-ratio: 320/533) and (orientation : landscape)";
-// True HD phones in portrait
-$ds_768_wxga24_portrait: "only screen and (min-device-width : 320px) and (max-device-width : 533px) and (min-resolution: 2.4dppx) and (device-aspect-ratio: 320/533) and (orientation : portrait)";
-
-// ---------------------------------------------
-// ---------------------------------------------
-
-
-// iOS Media Queries ---------------------------
-// ---------------------------------------------
-
-// Actual Resolution: 768 X 1024
-// Display Resolution: 768 X 1024
-// Device-pixel-ratio: 1
-// All iPads in portrait & landscape
-$ds_ipad: "only screen and (min-device-width : 768px) and (max-device-width : 1024px)";
-// All iPads in landscape
-$ds_ipad_landscape: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)";
-// All iPads in portrait
-$ds_ipad_portrait: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)";
-
-// ipad Mini, iPad 1 & 2 in portrait & landscape
-$ds_ipad_early: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 1dppx)";
-// ipad Mini, iPad 1 & 2 in landscape
-$ds_ipad_early_landscape: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 1dppx) and (orientation : landscape)";
-// ipad Mini, iPad 1 & 2 in portrait
-$ds_ipad_early_portrait: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 1dppx) and (orientation : portrait)";
-
-
-// Actual Resolution: 768 X 1024
-// Display Resolution: 1536 X 2048
-// Device-pixel-ratio: 2
-// Retina iPad (includes Mini Retina) in portrait & landscape
-$ds_ipad_retina: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 2dppx)";
-// Retina iPad in landscape
-$ds_ipad_retina_landscape: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 2dppx) and (orientation : landscape)";
-// Retina iPad in portrait
-$ds_ipad_retina_portrait: "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 2dppx) and (orientation : portrait)";
-
-
-// Actual Resolution: 320 X 480
-// Display Resolution: 320 X 480
-// Device-pixel-ratio: 1
-// iPhone 2-4 Media Queries
-$ds_iphone_early: "only screen and (min-device-width : 320px) and (max-device-width : 480px)";
-// iPhone 2G-4S in landscape
-$ds_iphone_early_landscape: "only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape)";
-// iPhone 2G-4S in portrait
-$ds_iphone_early_portrait: "only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait)";
-
-
-// Actual Resolution: 320 X 480 (LATER)
-// Display Resolution: 640 X 960 (LATER)
-// Device-pixel-ratio: 2
-// iPhone 4, 4S Media Queries
-$ds_iphone_4: "only screen and (min-device-width : 320px) and (max-device-width : 480px) and (min-resolution: 2dppx)";
-// iPhone 2G-4S in landscape
-$ds_iphone_4_landscape: "only screen and (min-device-width : 320px) and (max-device-width : 480px) and (min-resolution: 2dppx) and (orientation : landscape)";
-// iPhone 2G-4S in portrait
-$ds_iphone_4_portrait: "only screen and (min-device-width : 320px) and (max-device-width : 480px) and (min-resolution: 2dppx) and (orientation : portrait)";
-
-
-// Actual Resolution: 320 X 568
-// Display Resolution: 640 X 1136
-// Device-pixel-ratio: 2
-// iPhone 5(s)(c) in portrait & landscape
-$ds_iphone_5: "only screen and (min-device-width : 320px) and (max-device-width : 568px) and (min-resolution: 2dppx) and (device-aspect-ratio: 40/71)";
-// iPhone 5 in landscape
-$ds_iphone_5_landscape: "only screen and (min-device-width : 320px) and (max-device-width : 568px) and (min-resolution: 2dppx) and (device-aspect-ratio: 40/71) and (orientation : landscape)";
-// iPhone 5 in portrait
-$ds_iphone_5_portrait: "only screen and (min-device-width : 320px) and (max-device-width : 568px) and (min-resolution: 2dppx) and (device-aspect-ratio: 40/71) and (orientation : portrait)";
-
-
-// Actual Resolution: 375 X 667
-// Display Resolution: 750 X 1334
-// Device-pixel-ratio: 2
-// iPhone 6 in portrait & landscape
-$ds_iphone_6: "only screen and (min-device-width : 375px) and (max-device-width : 667px) and (min-resolution: 2dppx)";
-// iPhone 6 in landscape
-$ds_iphone_6_landscape: "only screen and (min-device-width : 375px) and (max-device-width : 667px) and (min-resolution: 2dppx) and (orientation : landscape)";
-// iPhone 6 in portrait
-$ds_iphone_6_portrait: "only screen and (min-device-width : 375px) and (max-device-width : 667px) and (min-resolution: 2dppx) and (orientation : portrait)";
-
-
-// Actual Resolution: 414 × 736
-// Display Resolution: 1242 × 2208
-// Device-pixel-ratio: 3
-// iPhone 6 Plus in portrait & landscape
-$ds_iphone_6_plus: "only screen and (min-device-width : 414px) and (max-device-width : 736px) and (min-resolution: 3dppx)";
-// iPhone 6 in landscape
-$ds_iphone_6_plus_landscape: "only screen and (min-device-width : 414px) and (max-device-width : 736px) and (min-resolution: 3dppx) and (orientation : landscape)";
-// iPhone 6 in portrait
-$ds_iphone_6_plus_portrait: "only screen and (min-device-width : 414px) and (max-device-width : 736px) and (min-resolution: 3dppx) and (orientation : portrait)";
-// ---------------------------------------------
-
-
-
-
diff --git a/archive/src/sass/_page_layout.scss b/archive/src/sass/_page_layout.scss
deleted file mode 100644
index 8621c2a..0000000
--- a/archive/src/sass/_page_layout.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-
-// classes to set page widths and grid patterns
-.bellmaker_container {
- margin-right: auto;
- margin-left: auto;
-
- @media #{$da_baseline} {
- width: $pw_baseline;
- }
- @media #{$da_2x_small} {
- width: $pw_2x_small;
- }
- @media #{$da_x_small} {
- width: $pw_x_small;
- }
- @media #{$da_small} {
- width: $pw_small;
- }
- @media #{$da_medium} {
- width: $pw_medium;
- }
- @media #{$da_large} {
- width: $pw_large;
- }
- @media #{$da_x_large} {
- width: $pw_x_large;
- }
-}
\ No newline at end of file
diff --git a/archive/src/sass/main.scss b/archive/src/sass/main.scss
deleted file mode 100644
index 584f739..0000000
--- a/archive/src/sass/main.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import "mixins_variables";
-
-@import "page_layout";
-