[
  {
    "path": ".gitignore",
    "content": ".DS_Store\n.DS_Store?\n._*\n.Spotlight-V100\n.Trashes\nehthumbs.db\nThumbs.db"
  },
  {
    "path": "LICENSE",
    "content": "The MIT License (MIT)\n\nCopyright (c) 2013 Dominik Schmidt\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE."
  },
  {
    "path": "README.md",
    "content": "## **Loadie.js** is a lightweight jQuery plugin to create a preloader that doesn't suck and that is used by big firms.\n\n### 1. How to include Loadie.js\n\nIf you haven't already, include jQuery and the latest Loadie.js Script on the AJAX-driven page.\n\n    <script src=\"http://code.jquery.com/jquery-latest.min.js\">\n    <script src=\"js/jquery.loadie.min.js\">\n\n### 2. How to initialize Loadie.js\n\nJust put in the following jQuery code in your page to initialize Loadie.js.\n\n    $('body').loadie(); // Change the wrapper if wanted.\n\n### 3. How to update Loadie.js\n\nIf you haven't already, include jQuery and the latest Loadie.js Script on the AJAX-driven page.\n\n    var percent = 0.74;\n    $('body').loadie(percent); // Insert your percent as params.\n\n### 4. Update your CSS files\n\nIf you are running a web page with a fixed header or something fixed or positioned absolute on the top, your loadie will not be visible, because there is something that is called z-index.\n\n    .loadie { z-index: 9999; }\n\nInsert this little snippet into your css file and everything should work fine.\n\n## **Options**\n\nAt this moment Loadie.js (v1.0) doesn't support extensive options. If you have any ideas what Loadie.js could be, just leave us an issue at Github.\n\n## Copyright\n\nThis nice little jQuery plugin was crafted by [@iDuuck](http://twitter.com/iDuuck) of [9elements](http://9elements.com).\n"
  },
  {
    "path": "bower.json",
    "content": "{\n  \"name\": \"loadie.js\",\n  \"version\": \"0.0.0\",\n  \"homepage\": \"https://github.com/9elements/loadie.js\",\n  \"description\": \"Loadie.js is a lightweight jQuery plugin to create a preloader that doesn't suck and that is used by big firms.\",\n  \"main\": [\n    \"./css/loadie.css\",\n    \"./js/jquery.loadie.js\"\n  ],\n  \"keywords\": [\n    \"preloader\",\n    \"lightweight\",\n    \"loading\",\n    \"load\"\n  ],\n  \"license\": \"MIT\",\n  \"ignore\": [\n    \"**/.*\",\n    \"node_modules\",\n    \"bower_components\",\n    \"test\",\n    \"tests\"\n  ]\n}\n"
  },
  {
    "path": "css/loadie.css",
    "content": ".loadie {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbackground-color: #000;\n\twidth: 0;\n\theight: 4px;\n\t-webkit-transition: width 0.5s ease-out;\n\tbox-shadow: 0px 1px 5px rgba(0,0,0,0.25);\n}"
  },
  {
    "path": "css/main.css",
    "content": "body{display:table;width:100%;margin:0;padding:100px 0px;color:#a92a00;background:#ff7d52;-webkit-font-smoothing:antialiased;font:18px/20px \"Helvetica Neue\",Helvetica,Arial,Sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal}a{color:#fff;text-shadow:0px 1px 0px rgba(0,0,0,0.15);text-decoration:none}.button{padding:10px 20px;border:3px solid #fff}.container{width:720px;margin:0 auto;text-align:left}.container h2{font-size:36px;line-height:50px;font-weight:200}.container h2 b{font-weight:700;color:#fff;text-shadow:0px 1px 0px rgba(0,0,0,0.15)}.container h3{font-weight:600;color:#fff;text-shadow:0px 1px 0px rgba(0,0,0,0.15);margin-top:50px;font-size:24px}.container p{font-size:20px;line-height:36px}.container code{display:block;padding:15px 20px;background:#d24e23;font-family:\"Ubuntu Mono\";color:#fff;line-height:30px;text-shadow:0px 1px 0px rgba(0,0,0,0.25);border-radius:4px;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.15),0px 1px 0px rgba(255,255,255,0.15)}.container code span{opacity:0.75}\n"
  },
  {
    "path": "css/main.sass",
    "content": "$color : #ff7243\n\nbody\n\tdisplay: table\n\twidth: 100%\n\tmargin: 0\n\tpadding: 100px 0px\n\tcolor: darken($color, 30)\n\tbackground: lighten($color, 3)\n\t-webkit-font-smoothing: antialiased\n\tfont: 18px/20px \"Helvetica Neue\", Helvetica, Arial, Sans-serif\n\nh1, h2, h3, h4, h5, h6\n\tfont-weight: normal\na\n\tcolor: white\n\ttext-shadow: 0px 1px 0px rgba(0,0,0,0.15)\n\ttext-decoration: none\n\n.button\n\tpadding: 10px 20px\n\tborder: 3px solid white\n\n.container\n\twidth: 720px\n\tmargin: 0 auto\n\ttext-align: left\n\n\th2\n\t\tfont-size: 36px\n\t\tline-height: 50px\n\t\tfont-weight: 200\n\n\t\tb\n\t\t\tfont-weight: 700\n\t\t\tcolor: white\n\t\t\ttext-shadow: 0px 1px 0px rgba(0,0,0,0.15)\n\n\th3\n\t\tfont-weight: 600\n\t\tcolor: white\n\t\ttext-shadow: 0px 1px 0px rgba(0,0,0,0.15)\n\t\tmargin-top: 50px\n\t\tfont-size: 24px\n\n\tp\n\t\tfont-size: 20px\n\t\tline-height: 36px\n\n\tcode\n\t\tdisplay: block\n\t\tpadding: 15px 20px\n\t\t// background: darken($color, 20)\n\t\tbackground: darken(#dd5c31, 5)\n\t\tfont-family: \"Ubuntu Mono\"\n\t\tcolor: white\n\t\tline-height: 30px\n\t\ttext-shadow: 0px 1px 0px rgba(0,0,0,0.25)\n\t\tborder-radius: 4px\n\t\tbox-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.15)\n\t\tspan\n\t\t\topacity: 0.75"
  },
  {
    "path": "index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n\t<meta charset=\"UTF-8\">\n\t<title>Loadie - Example Page</title>\n\n\t<script src=\"js/jquery.min.js\"></script>\n\t<script src=\"js/jquery.loadie.js\"></script>\n\t<link rel=\"stylesheet\" href=\"css/loadie.css\">\n\t<style>body{margin:0px}</style>\n</head>\n<body>\n\t<a href=\"https://github.com/9elements/loadie.js\"><img style=\"position: absolute; top: 0; right: 0; border: 0;\" src=\"https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png\" alt=\"Fork me on GitHub\"></a>\n\n\t<img src=\"img/1.jpg\" class=\"loaded-image\" alt=\"\">\n\t<img src=\"img/2.jpg\" class=\"loaded-image\" alt=\"\">\n\t<img src=\"img/3.jpg\" class=\"loaded-image\" alt=\"\">\n\n\t<script>\n\t$(function() {\n\t\tvar totalImages = $(\".loaded-image\").size();\n\t\tvar imagesLoaded = 0;\n\t\t$('body').loadie();\n\t\t$(\".loaded-image\").bind(\"load\", function(){\n      $(this).show();\n\n      imagesLoaded++;\n      $('body').loadie(imagesLoaded / totalImages);\n    });\n\t})\n\t</script>\n</body>\n</html>"
  },
  {
    "path": "js/jquery.loadie.js",
    "content": "(function( $ ) {\n  var Loadie = {};\n\n  /*\n   * Generate a unique id for more than one loadie\n   */\n  Loadie.uid = function() {\n    var newDate = new Date;\n    return newDate.getTime();\n  };\n\n  /*\n   * Finishes and fades the loadie out.\n   */\n  Loadie.finish = function(dom) {\n    var loadie = $('#loadie-' + dom.data('loadie-id'), dom);\n    loadie.fadeOut(200);\n  }\n\n  /*\n   * Updates loadie with a float\n   *\n   * Loadie.update(0.2)\n   * Loadie.update(1) // Finishes loadie, too\n   */\n  Loadie.update = function(dom, percent) {\n    var loadie = $('#loadie-' + dom.data('loadie-id'), dom);\n    var parentWidth = dom.width();\n    loadie.css('width', Math.floor(percent * parentWidth) + \"px\");\n  }\n\n  /*\n   * Loadie.js initializer\n   */\n  Loadie.init = function(dom, percent) {\n    var uid = this.uid();\n    var loadie = dom.append($('<div id=\"loadie-' + uid + '\" class=\"loadie\"></div>'));\n    dom.data('loadie-id', uid);\n    dom.css('position', 'relative');\n    this.update(dom, percent);\n  }\n\n  $.fn.loadie = function(percent, callback) {\n    var percent = percent || 0;\n    var parent = $(this);\n\n    if(parent.data('loadie-loaded') !== 1) {\n      Loadie.init(parent, percent);\n    } else {\n      Loadie.update(parent, percent);\n    }\n    if(percent >= 1) {\n      setTimeout(function() {\n        Loadie.finish(parent);\n      }, 200);\n    }\n    parent.data('loadie-loaded', 1);\n    return this;\n  };\n}( jQuery ))\n"
  }
]