Skip to content

Commit

Permalink
removed unused image files
Browse files Browse the repository at this point in the history
  • Loading branch information
Jordan Humphreys committed Jun 15, 2011
1 parent 394ab0c commit 6399ca9
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 8 deletions.
13 changes: 5 additions & 8 deletions demo.html
View file
Expand Up @@ -9,9 +9,6 @@
<link rel="stylesheet" href="css/flickrbomb.css"> <link rel="stylesheet" href="css/flickrbomb.css">


</head> </head>
<style>
/* #testthing {width: 400px; height: 400px;}*/
</style>
<body> <body>
<div class="container main-content"> <div class="container main-content">
<div class="row"> <div class="row">
Expand Down Expand Up @@ -43,7 +40,7 @@ <h2>
<p> <p>
Hopefully you had a chance to play around with the demo above and realized that flickrBomb provides an easy way for you to fill your prototypes with relevant content, and not just dull gray placeholder images. It's quick and easy, so let's dive in! Hopefully you had a chance to play around with the demo above and realized that flickrBomb provides an easy way for you to fill your prototypes with relevant content, and not just dull gray placeholder images. It's quick and easy, so let's dive in!
</p> </p>
<p><strong>Demo: </strong> Hover over the images below and click the wrench icon <img class="setup-icon-small" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApdJREFUeNpiZGBgYALidCD2BmJpBvqBb0B8Foi7gfgxI5CIB+IChoEDD4A4DOSQ9UCswDCwIAUULRzUMs3b25vnxo0b6v///zfo7e2VIEErFyhEtgOxBKWOyM3NFZo0aZIciH3z5s3vGhoaN0nQnsdEjZAQFhZmhjkCBLZu3foRWd7S0pJz9+7divjMoIpDsrKyhNCiiB+ZP3/+fDkXFxd+fGawUMMhAgICzMh8dXV1TlBUGRgYcFpbW/OA+ITMoIpDPnz48BddDDmqiAFUiZqVK1d+/PPnz398atauXfuO5g5RVVVlY2FhYcQlD8pF6enpT2nqEFCOmTVrFtZo+PLly9++vr4XwHRy5+3bt39pmkaqqqpEpaSk2JDF9uzZ89HV1fU+KeZQVKCByodjx46po4eCsbHxzVu3bv2iW4E2YcIEjNq6q6vrBYmOoCyN1NbWipqZmfGgJ8rm5ubX5JjHRG4CLSsrw4jOxMTER+R6jCyHzJw5U5qHhwelNJ03b97r48ePfyfXISQnVlBVv2XLFhVksWfPnv3S09O7SSiLUjWxYiszysvLn1LgCOKiBpQeQI2cz58/64IaPOhlxqlTp74sWbLkI6XlEQshRxw9elQFV+358+fPf7GxsY8YqACYCCVKfFU4IxBQq5mJ1yHBwcFC+OTZ2NgYw8PD+anhEKLqGlBBBYyiLz9+/PgPbI2J4WsU0cwh6A1hZ2dnXuTowtYoonrUgGpR9NISFDLI/GnTpr2jeYhgq8pBbVB4KZSX94jS8oOsIh5UnoCiBRRdPj4+dyZPnvyOWrmGah0sCgG4iP/LMPDgN8ghJwbYEaDEfwVUBpwDYi0glhkAR4DqqHIgvodcRAsDsRgdHfEHiG/DOAABBgDwy+4qw3JyZwAAAABJRU5ErkJggg=="> to see flickrBomb in action. <p><strong>Demo: </strong> Hover over the images below and click the wrench icon <img class="setup-icon-small" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApdJREFUeNpiZGBgYALidCD2BmJpBvqBb0B8Foi7gfgxI5CIB+IChoEDD4A4DOSQ9UCswDCwIAUULRzUMs3b25vnxo0b6v///zfo7e2VIEErFyhEtgOxBKWOyM3NFZo0aZIciH3z5s3vGhoaN0nQnsdEjZAQFhZmhjkCBLZu3foRWd7S0pJz9+7divjMoIpDsrKyhNCiiB+ZP3/+fDkXFxd+fGawUMMhAgICzMh8dXV1TlBUGRgYcFpbW/OA+ITMoIpDPnz48BddDDmqiAFUiZqVK1d+/PPnz398atauXfuO5g5RVVVlY2FhYcQlD8pF6enpT2nqEFCOmTVrFtZo+PLly9++vr4XwHRy5+3bt39pmkaqqqpEpaSk2JDF9uzZ89HV1fU+KeZQVKCByodjx46po4eCsbHxzVu3bv2iW4E2YcIEjNq6q6vrBYmOoCyN1NbWipqZmfGgJ8rm5ubX5JjHRG4CLSsrw4jOxMTER+R6jCyHzJw5U5qHhwelNJ03b97r48ePfyfXISQnVlBVv2XLFhVksWfPnv3S09O7SSiLUjWxYiszysvLn1LgCOKiBpQeQI2cz58/64IaPOhlxqlTp74sWbLkI6XlEQshRxw9elQFV+358+fPf7GxsY8YqACYCCVKfFU4IxBQq5mJ1yHBwcFC+OTZ2NgYw8PD+anhEKLqGlBBBYyiLz9+/PgPbI2J4WsU0cwh6A1hZ2dnXuTowtYoonrUgGpR9NISFDLI/GnTpr2jeYhgq8pBbVB4KZSX94jS8oOsIh5UnoCiBRRdPj4+dyZPnvyOWrmGah0sCgG4iP/LMPDgN8ghJwbYEaDEfwVUBpwDYi0glhkAR4DqqHIgvodcRAsDsRgdHfEHiG/DOAABBgDwy+4qw3JyZwAAAABJRU5ErkJggg=="> to see flickrBomb in action.</p>
<div class="old-vs-new"> <div class="old-vs-new">
<ul> <ul>
<li class="old-method first"><h5>The old way</h5><img src="images/old.gif"></li> <li class="old-method first"><h5>The old way</h5><img src="images/old.gif"></li>
Expand All @@ -60,10 +57,10 @@ <h3>
Getting flickrBomb to work on your pages is super simple. Make sure jQuery is loaded into your pages, preferably at the bottom. Getting flickrBomb to work on your pages is super simple. Make sure jQuery is loaded into your pages, preferably at the bottom.
</p> </p>
<div class="highlight" style="background: #202020"> <div class="highlight" style="background: #202020">
<pre><span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">src=</span><span style="color: #ed9d13">"//code.jquery.com/jquery.js"</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;/script&gt;</span></pre> <pre><span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">src=</span><span style="color: #ed9d13">"//code.jquery.com/jquery.min.js"</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;/script&gt;</span></pre>
</div><br> </div><br>
<p> <p>
We recommend using a CDN to host your jQuery, there are many: <a href="http://code.google.com/apis/libraries/devguide.html#jquery" title="Google Libraries API" rel="nofollow">Google</a>, <a href="http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery" title="jQuery's CDN" rel="nofollow">jQuery</a>, or <a href="http://www.asp.net/ajaxlibrary/CDN.ashx#jQuery_Releases_on_the_CDN_0" title="Microsoft's CDN" rel="nofollow">Microsoft</a> are all reasonable solutions. We recommend using a CDN to host your jQuery for development environments, there are many: <a href="http://code.google.com/apis/libraries/devguide.html#jquery" title="Google Libraries API" rel="nofollow">Google</a>, <a href="http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery" title="jQuery's CDN" rel="nofollow">jQuery</a>, or <a href="http://www.asp.net/ajaxlibrary/CDN.ashx#jQuery_Releases_on_the_CDN_0" title="Microsoft's CDN" rel="nofollow">Microsoft</a> are all reasonable solutions. However, for live sites, it is best to switch out the CDN with a local copy.
</p> </p>
<p> <p>
Next up is to put the flickrBomb css file in the head section of your page. Next up is to put the flickrBomb css file in the head section of your page.
Expand All @@ -72,7 +69,7 @@ <h3>
<pre><span style="color: #6ab825; font-weight: normal">&lt;link</span> <span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">"stylesheet"</span> <span style="color: #bbbbbb">href=</span><span style="color: #ed9d13">"css/flickrbomb.css"</span><span style="color: #6ab825; font-weight: normal">&gt;</span></pre> <pre><span style="color: #6ab825; font-weight: normal">&lt;link</span> <span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">"stylesheet"</span> <span style="color: #bbbbbb">href=</span><span style="color: #ed9d13">"css/flickrbomb.css"</span><span style="color: #6ab825; font-weight: normal">&gt;</span></pre>
</div><br> </div><br>
<p> <p>
After including jQuery and the css in the head of your page, all that is left is to include flickrBomb. We recommend that you put flickrBomb at the bottom of your page, right <strong>before the closing body tag</strong> so as to insure that your page is loaded before flickrBomb is called. After including jQuery and the css in the head of your page, all that is left is to include flickrBomb. Put flickrBomb at the bottom of your page, right <strong>before the closing body tag</strong> so as to insure that your page is loaded before flickrBomb is called.
</p> </p>
<div class="highlight" style="background: #202020"> <div class="highlight" style="background: #202020">
<pre><span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">src=</span><span style="color: #ed9d13">"js/jquery.flickrBomb.min.js"</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;/script&gt;</span></pre> <pre><span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">src=</span><span style="color: #ed9d13">"js/jquery.flickrBomb.min.js"</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;/script&gt;</span></pre>
Expand Down Expand Up @@ -157,7 +154,7 @@ <h3>
</div> </div>
</div> </div>
</div> </div>
<script src="//code.jquery.com/jquery-1.6.min.js"></script> <script src="//code.jquery.com/jquery.min.js"></script>
<script src="js/underscore.js"></script> <script src="js/underscore.js"></script>
<script src="js/backbone.js"></script> <script src="js/backbone.js"></script>
<script src="js/backbone-localstorage.js"></script> <script src="js/backbone-localstorage.js"></script>
Expand Down
Binary file removed images/bg.png
View file
Binary file not shown.
Binary file removed images/stripes.png
View file
Binary file not shown.

0 comments on commit 6399ca9

Please sign in to comment.