updated the examples

0m4r · Feb 11, 2013 · d1d5898 · d1d5898
1 parent 17c5c48
commit d1d5898
Show file tree

Hide file tree

Showing 6 changed files with 367 additions and 53 deletions.
diff --git a/.c9revisions/index.html.c9save b/.c9revisions/index.html.c9save
@@ -0,0 +1,3 @@
+{"ts":1353935485673,"silentsave":true,"restoring":false,"patch":[[{"diffs":[[1,"<!DOCTYPE html>\n<html>\n\n  <head>\n    <meta charset='utf-8' />\n    <meta http-equiv=\"X-UA-Compatible\" content=\"chrome=1\" />\n    <meta name=\"description\" content=\"bgSize-polyfil : a jQuery polyfil for the CSS background-size property\" />\n\n    <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"stylesheets/stylesheet.css\">\n\n    <title>bgSize-polyfil</title>\n  </head>\n\n  <body>\n\n    <!-- HEADER -->\n    <div id=\"header_wrap\" class=\"outer\">\n        <header class=\"inner\">\n          <a id=\"forkme_banner\" href=\"https://github.com/0m4r/bgSize-polyfil\">View on GitHub</a>\n\n          <h1 id=\"project_title\">bgSize-polyfil</h1>\n          <h2 id=\"project_tagline\">a jQuery polyfil for the CSS background-size property</h2>\n\n            <section id=\"downloads\">\n              <a class=\"zip_download_link\" href=\"https://github.com/0m4r/bgSize-polyfil/zipball/master\">Download this project as a .zip file</a>\n              <a class=\"tar_download_link\" href=\"https://github.com/0m4r/bgSize-polyfil/tarball/master\">Download this project as a tar.gz file</a>\n            </section>\n        </header>\n    </div>\n\n    <!-- MAIN CONTENT -->\n    <div id=\"main_content_wrap\" class=\"outer\">\n      <section id=\"main_content\" class=\"inner\">\n        <h3>Welcome to GitHub Pages.</h3>\n\n<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:</p>\n\n<pre><code>$ cd your_repo_root/repo_name\n$ git fetch origin\n$ git checkout gh-pages\n</code></pre>\n\n<p>If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.</p>\n\n<h3>Designer Templates</h3>\n\n<p>We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.</p>\n\n<h3>Rather Drive Stick?</h3>\n\n<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>\n\n<h3>Authors and Contributors</h3>\n\n<p>You can <a href=\"https://github.com/blog/821\" class=\"user-mention\">@mention</a> a GitHub username to generate a link to their profile. The resulting <code>&lt;a&gt;</code> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (<a href=\"https://github.com/defunkt\" class=\"user-mention\">@defunkt</a>), PJ Hyett (<a href=\"https://github.com/pjhyett\" class=\"user-mention\">@pjhyett</a>), and Tom Preston-Werner (<a href=\"https://github.com/mojombo\" class=\"user-mention\">@mojombo</a>) founded GitHub.</p>\n\n<h3>Support or Contact</h3>\n\n<p>Having trouble with Pages? Check out the documentation at <a href=\"http://help.github.com/pages\">http://help.github.com/pages</a> or contact <a href=\"mailto:support@github.com\">support@github.com</a> and we’ll help you sort it out.</p>\n      </section>\n    </div>\n\n    <!-- FOOTER  -->\n    <div id=\"footer_wrap\" class=\"outer\">\n      <footer class=\"inner\">\n        <p class=\"copyright\">bgSize-polyfil maintained by <a href=\"https://github.com/0m4r\">0m4r</a></p>\n        <p>Published with <a href=\"http://pages.github.com\">GitHub Pages</a></p>\n      </footer>\n    </div>\n\n    \n\n  </body>\n</html>\n"]],"start1":0,"start2":0,"length1":0,"length2":3855}]],"length":3855}
+{"contributors":[],"silentsave":false,"ts":1353935506206,"patch":[[{"diffs":[[0,".css\">\n\n"],[1,"        "],[0,"    <tit"]],"start1":323,"start2":323,"length1":16,"length2":24},{"diffs":[[0,"Size"],[-1,"-polyfil</title>\n  </head>\n\n  <body>\n\n    <!-- HEADER -->\n    <div id=\"header_wrap\" class=\"outer\">\n        <header class=\"inner"],[1," jQuery plugin demo - by @0m4r </title>\n        <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js\" type=\"text/javascript\"></script>\n        <script src=\"../bgSize-polyfil.js\" type=\"text/javascript\"></script>\n        <style type=\"text/css"],[0,"\">\n "]],"start1":352,"start2":352,"length1":135,"length2":273},{"diffs":[[0,"    "],[1,"\n "],[0,"  "],[-1,"<a id=\"forkme_banner\" href=\"https://github.com/0m4r/bgSize-polyfil\">View on GitHub</a>\n\n          <h1 id=\"project_title\">bgSize-polyfil</h1>\n          <h2 id=\"project_tagline\">a jQuery polyfil for the CSS background-size property</h2>\n\n            <section id=\"downloads\">\n              <a class=\"zip_download_link\" href=\"https://github.com/0m4r/bgSize-polyfil/zipball/master\">Download this project as a .zip file</a>\n              <a class=\"tar_download_link\" href=\"https://github.com/0m4r/bgSize-polyfil/tarball/master\">Download this project as a tar.gz file</a>"],[1,"         \n        \t*, *:before, body:after {\n\t\t\t    -webkit-box-sizing: border-box;\n\t\t\t    -moz-box-sizing: border-box;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\t\n            \n            div{\n                width: 300px;\n                height: 100px;\n                display: inline-block;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tborder: medium none;\n\t\t\t\toverflow: auto;\n\t\t\t\tborder: 1px solid green;\n            }\n            \n            div > div {\n            \tborder: none;\n            }\n            \n            .css {\n            \tbackground-image: url('bgImage.jpg');\n            \tborder: 1px solid red;\n            }\n            \n            .contain{\n\t\t\t\tbackground-image: url('bgImage.png');\n                background-size: contain;\n            }\n            \n            .cover{\n                background-size: cover;"],[0,"\n   "]],"start1":628,"start2":628,"length1":574,"length2":837},{"diffs":[[0,"            "],[-1,"</section>"],[1,"}"],[0,"\n        </h"]],"start1":1462,"start2":1462,"length1":34,"length2":25},{"diffs":[[0,"  </"],[-1,"header"],[1,"style"],[0,">\n    </"],[-1,"div>\n"],[1,"head>"],[0,"\n    <"],[-1,"!-- MAIN CONTENT -->\n    <div id=\"main_content_wrap\" class=\"outer\">\n      <section id=\"main_content\""],[1,"body>\n\n     \t<h1>background-size: 'cover'</h1>\n        <div"],[0," class=\""],[-1,"inn"],[1,"js-cov"],[0,"er\">"]],"start1":1482,"start2":1482,"length1":144,"length2":105},{"diffs":[[0,"    "],[-1,"<h3>Welcome to GitHub Pages.</h3>\n\n<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:</p>\n\n<pre><code>$ cd your_repo_root/repo_name\n$ git fetch origin\n$ git checkout gh-pages\n</code></pre>\n\n<p>If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.</p>\n\n<h3>Designer Templates</h3>\n\n<p>We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.</p>\n\n<h3>Rather Drive Stick?</h3>\n\n<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>\n\n<h3>Authors and Contributors</h3>\n\n<p>You can <a href=\"https://github.com/blog/821\" class=\"user-mention\">@mention</a> a GitHub username to generate a link to their profile. The resulting <code>&lt;a&gt;</code> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (<a href=\"https://github.com/defunkt\" class=\"user-mention\">@defunkt</a>), PJ Hyett (<a href=\"https://github.com/pjhyett\" class=\"user-mention\">@pjhyett</a>), and Tom Preston-Werner (<a href=\"https://github.com/mojombo\" class=\"user-mention\">@mojombo</a>) founded GitHub.</p>\n\n<h3>Support or Contact</h3>\n\n<p>Having trouble with Pages? Check out the documentation at <a href=\"http://help.github.com/pages\">http://help.github.com/pages</a> or contact <a href=\"mailto:support@github.com\">support@github.com</a> and we’ll help you sort it out.</p>\n      </section>\n    </div>\n"],[1,"    <h2>the background is applied via js</h2>\n            Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.\n        </div>\n        <div class=\"css cover\">\n            <h2>the background is applied via css</h2>\n           Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.\n        </div>\n  \t\t\t\n  \t\t\n        <h1>background-size: 'contain'</h1>\n        <div class=\"js-contain\">\n            <h2>the background is applied via js</h2>\n            Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.\n        </div>\n        <div class=\"css contain\">\n            <h2>the background is applied via css</h2>\n           Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.\n        </div>\n\n    <script type=\"text/javascript\">\n    $(function(){\n    \t\n        $('.js-contain').bgSize({\n            backgroundImage: 'bgImage.png',\n            force: true,\n        \tbackgroundSize: 'contain'\n        });\n\t\t\n         $('.js-cover').bgSize('cover', {\n            backgroundImage: 'bgImage.jpg',\n            force: true,\n            backgroundSize: 'cover'\n        });\n    })    \n    </script>"],[0,"\n   "]],"start1":1592,"start2":1592,"length1":2298,"length2":3435}]],"length":5353,"saved":false}
+{"ts":1353935517121,"patch":[[{"diffs":[[0,"rc=\""],[-1,".."],[1,"javascripts"],[0,"/bgS"]],"start1":533,"start2":533,"length1":10,"length2":19}]],"length":5362,"saved":false}