Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Rejiggering gh-pages by moving demo up to root

  • Loading branch information...
commit 5f30cfcc274ed1e3b42dccc040d80054b39c5553 1 parent 32be177
@mezzoblue authored
Showing with 169 additions and 169 deletions.
  1. 0  {demo → }/css/playground.css
  2. +3 −166 demo/index.html
  3. 0  {demo → }/images/500/165.jpg
  4. 0  {demo → }/images/500/bee.jpg
  5. 0  {demo → }/images/500/bird.jpg
  6. 0  {demo → }/images/500/helmets.jpg
  7. 0  {demo → }/images/500/jordan.jpg
  8. 0  {demo → }/images/500/leaves.jpg
  9. 0  {demo → }/images/500/lighthouse.jpg
  10. 0  {demo → }/images/500/louvre.jpg
  11. 0  {demo → }/images/500/pods.jpg
  12. 0  {demo → }/images/500/redbarn.jpg
  13. 0  {demo → }/images/500/road.jpg
  14. 0  {demo → }/images/500/sign.jpg
  15. 0  {demo → }/images/500/staples.jpg
  16. 0  {demo → }/images/500/stones.jpg
  17. 0  {demo → }/images/500/tear.jpg
  18. 0  {demo → }/images/500/window.jpg
  19. 0  {demo → }/images/bg.png
  20. 0  {demo → }/images/site/bg-highlight.png
  21. 0  {demo → }/images/site/bg.jpg
  22. 0  {demo → }/images/site/byline.png
  23. 0  {demo → }/images/site/current.png
  24. 0  {demo → }/images/site/divider.png
  25. 0  {demo → }/images/site/forkme.png
  26. 0  {demo → }/images/site/heading.png
  27. +166 −3 index.html
  28. 0  {demo → }/script/common.js
  29. 0  {demo → }/script/paintbrush.js
  30. 0  {demo → }/script/playground.js
  31. 0  {demo → }/script/timing.js
  32. 0  {demo → }/usage.html
View
0  demo/css/playground.css → css/playground.css
File renamed without changes
View
169 demo/index.html
@@ -1,171 +1,8 @@
<!doctype html>
<html>
<head>
- <title>PaintbrushJS Playground</title>
- <meta charset="utf-8" />
-
- <script type="text/javascript" src="script/common.js"></script>
- <script type="text/javascript" src="script/paintbrush.js"></script>
- <script type="text/javascript" src="script/playground.js"></script>
-
- <link rel="stylesheet" type="text/css" href="css/playground.css" />
+ <script type="text/javascript">
+ window.location = "../index.html";
+ </script>
</head>
- <body>
-
- <header>
- <h1><a href="http://github.com/mezzoblue/PaintbrushJS">PaintbrushJS</a> Playground</h1>
- <aside>
- <span>by Dave Shea</span>
- <a href="http://twitter.com/mezzoblue">@mezzoblue</a>
- </aside>
- </header>
-
- <a href="http://github.com/mezzoblue/PaintbrushJS" class="github">Fork me on GitHub</a>
-
- <form action="#" method="post" id="interaction-form">
- <div id="interaction">
-
- <ul class="thumbnails">
- <li class="thumb"><img src="images/500/lighthouse.jpg" width="50" height="33" alt=""></li>
- <li class="thumb"><img src="images/500/staples.jpg" width="50" height="33" alt=""></li>
- <li class="thumb current"><img src="images/500/bee.jpg" width="50" height="33" alt=""></li>
- <li class="thumb"><img src="images/500/leaves.jpg" width="50" height="33" alt=""></li>
- <li class="thumb"><img src="images/500/louvre.jpg" width="50" height="33" alt=""></li>
- <li class="thumb"><img src="images/500/sign.jpg" width="50" height="33" alt=""></li>
- <li class="thumb"><img src="images/500/road.jpg" width="50" height="33" alt=""></li>
- <li class="thumb"><img src="images/500/jordan.jpg" width="50" height="33" alt=""></li>
- <li class="thumb"><img src="images/500/stones.jpg" width="50" height="33" alt=""></li>
- </ul>
-
- <img id="filter-target" src="images/500/bee.jpg" width="500" height="333" alt="">
-
- <label class="selector">
- Filter:
- <select id="filter-selector"></select>
- </label>
-
- <div class="controls" id="controls-blur">
- <label>
- Amount:
- <input type="range" name="data-pb-blur-amount" min="0" max="10" step="0.05" value="0">
- </label>
- </div>
-
- <div class="controls" id="controls-edges">
- <label>
- Amount:
- <input type="range" name="data-pb-edges-amount" min="0" max="1" step="0.01" value="1">
- </label>
- </div>
-
- <div class="controls" id="controls-emboss">
- <label>
- Amount:
- <input type="range" name="data-pb-emboss-amount" min="0" max="1" step="0.01" value="0.2">
- </label>
- </div>
-
- <div class="controls" id="controls-greyscale">
- <label>
- Opacity:
- <input type="range" name="data-pb-greyscale-opacity" min="0" max="1" step="0.01" value="1">
- </label>
- </div>
-
- <div class="controls" id="controls-matrix">
- <label>
- Amount:
- <input type="range" name="data-pb-matrix-amount" min="0" max="1" step="0.01" value="0.2">
- </label>
- </div>
-
- <div class="controls" id="controls-mosaic">
- <label>
- Opacity:
- <input type="range" name="data-pb-mosaic-opacity" min="0" max="1" step="0.01" value="1">
- </label>
- <label>
- Size:
- <input type="range" name="data-pb-mosaic-size" min="1" max="40" step="1" value="5">
- </label>
- </div>
-
- <div class="controls" id="controls-noise">
- <label>
- Amount:
- <input type="range" name="data-pb-noise-amount" min="0" max="100" step="1" value="30">
- </label>
- <label>
- Type:
- <input type="radio" name="data-pb-noise-type" value="mono"> Mono
- <input type="radio" name="data-pb-noise-type" value="colour"> Colour
- </label>
- </div>
-
- <div class="controls" id="controls-posterize">
- <label>
- Amount:
- <input type="range" name="data-pb-posterize-amount" min="2" max="100" step="1" value="5">
- </label>
- <label>
- Opacity:
- <input type="range" name="data-pb-posterize-opacity" min="0" max="1" step="0.01" value="1">
- </label>
- </div>
-
- <div class="controls" id="controls-sepia">
- <label>
- Opacity:
- <input type="range" name="data-pb-sepia-opacity" min="0" max="1" step="0.01" value="0.5">
- </label>
- </div>
-
- <div class="controls" id="controls-sharpen">
- <label>
- Amount:
- <input type="range" name="data-pb-sharpen-amount" min="0" max="1" step="0.01" value="0.2">
- </label>
- </div>
-
- <div class="controls" id="controls-tint">
- <label>
- Colour:
- <input type="text" name="data-pb-tint-color" value="#FF0000">
- </label>
- <label>
- Opacity:
- <input type="range" name="data-pb-tint-opacity" min="0" max="1" step="0.01" value="0.5">
- </label>
- </div>
-
- <button class="apply" type="submit">Apply</button>
-
- </div>
- </form>
-
-
-
- <section id="description">
- <aside>
- <a href="http://github.com/mezzoblue/PaintbrushJS/zipball/master">Download Now</a>
- <p>PaintbrushJS v0.3</p>
- </aside>
-
- <p>PaintbrushJS is a lightweight browser-based image processing library built with Javascript and canvas. All photos by <a href="http://www.flickr.com/photos/mezzoblue/sets/72057594064508706/">Dave Shea</a>.</p>
-
- <ul>
- <li>Get the source code on GitHub: <a href="http://github.com/mezzoblue/PaintbrushJS">mezzoblue/PaintbrushJS</a></li>
- <li>See <a href="http://wiki.github.com/mezzoblue/PaintbrushJS/documentation">usage &amp; documentation</a></li>
- <li>There are some <a href="http://wiki.github.com/mezzoblue/PaintbrushJS/known-issues">known issues</a></li>
- </ul>
- </section>
-
-
-
-
- <footer>
- <p id="copyright">&copy; Copyright 2010, Dave Shea. <a href="http://github.com/mezzoblue/PaintbrushJS">PaintbrushJS lives on GitHub</a>. <a href="http://www.opensource.org/licenses/mit-license.php">MIT Licensed</a>.</p>
- </footer>
-
- </body>
</html>
View
0  demo/images/500/165.jpg → images/500/165.jpg
File renamed without changes
View
0  demo/images/500/bee.jpg → images/500/bee.jpg
File renamed without changes
View
0  demo/images/500/bird.jpg → images/500/bird.jpg
File renamed without changes
View
0  demo/images/500/helmets.jpg → images/500/helmets.jpg
File renamed without changes
View
0  demo/images/500/jordan.jpg → images/500/jordan.jpg
File renamed without changes
View
0  demo/images/500/leaves.jpg → images/500/leaves.jpg
File renamed without changes
View
0  demo/images/500/lighthouse.jpg → images/500/lighthouse.jpg
File renamed without changes
View
0  demo/images/500/louvre.jpg → images/500/louvre.jpg
File renamed without changes
View
0  demo/images/500/pods.jpg → images/500/pods.jpg
File renamed without changes
View
0  demo/images/500/redbarn.jpg → images/500/redbarn.jpg
File renamed without changes
View
0  demo/images/500/road.jpg → images/500/road.jpg
File renamed without changes
View
0  demo/images/500/sign.jpg → images/500/sign.jpg
File renamed without changes
View
0  demo/images/500/staples.jpg → images/500/staples.jpg
File renamed without changes
View
0  demo/images/500/stones.jpg → images/500/stones.jpg
File renamed without changes
View
0  demo/images/500/tear.jpg → images/500/tear.jpg
File renamed without changes
View
0  demo/images/500/window.jpg → images/500/window.jpg
File renamed without changes
View
0  demo/images/bg.png → images/bg.png
File renamed without changes
View
0  demo/images/site/bg-highlight.png → images/site/bg-highlight.png
File renamed without changes
View
0  demo/images/site/bg.jpg → images/site/bg.jpg
File renamed without changes
View
0  demo/images/site/byline.png → images/site/byline.png
File renamed without changes
View
0  demo/images/site/current.png → images/site/current.png
File renamed without changes
View
0  demo/images/site/divider.png → images/site/divider.png
File renamed without changes
View
0  demo/images/site/forkme.png → images/site/forkme.png
File renamed without changes
View
0  demo/images/site/heading.png → images/site/heading.png
File renamed without changes
View
169 index.html
@@ -1,8 +1,171 @@
<!doctype html>
<html>
<head>
- <script type="text/javascript">
- window.location = "demo/index.html";
- </script>
+ <title>PaintbrushJS Playground</title>
+ <meta charset="utf-8" />
+
+ <script type="text/javascript" src="script/common.js"></script>
+ <script type="text/javascript" src="script/paintbrush.js"></script>
+ <script type="text/javascript" src="script/playground.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="css/playground.css" />
</head>
+ <body>
+
+ <header>
+ <h1><a href="http://github.com/mezzoblue/PaintbrushJS">PaintbrushJS</a> Playground</h1>
+ <aside>
+ <span>by Dave Shea</span>
+ <a href="http://twitter.com/mezzoblue">@mezzoblue</a>
+ </aside>
+ </header>
+
+ <a href="http://github.com/mezzoblue/PaintbrushJS" class="github">Fork me on GitHub</a>
+
+ <form action="#" method="post" id="interaction-form">
+ <div id="interaction">
+
+ <ul class="thumbnails">
+ <li class="thumb"><img src="images/500/lighthouse.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb"><img src="images/500/staples.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb current"><img src="images/500/bee.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb"><img src="images/500/leaves.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb"><img src="images/500/louvre.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb"><img src="images/500/sign.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb"><img src="images/500/road.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb"><img src="images/500/jordan.jpg" width="50" height="33" alt=""></li>
+ <li class="thumb"><img src="images/500/stones.jpg" width="50" height="33" alt=""></li>
+ </ul>
+
+ <img id="filter-target" src="images/500/bee.jpg" width="500" height="333" alt="">
+
+ <label class="selector">
+ Filter:
+ <select id="filter-selector"></select>
+ </label>
+
+ <div class="controls" id="controls-blur">
+ <label>
+ Amount:
+ <input type="range" name="data-pb-blur-amount" min="0" max="10" step="0.05" value="0">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-edges">
+ <label>
+ Amount:
+ <input type="range" name="data-pb-edges-amount" min="0" max="1" step="0.01" value="1">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-emboss">
+ <label>
+ Amount:
+ <input type="range" name="data-pb-emboss-amount" min="0" max="1" step="0.01" value="0.2">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-greyscale">
+ <label>
+ Opacity:
+ <input type="range" name="data-pb-greyscale-opacity" min="0" max="1" step="0.01" value="1">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-matrix">
+ <label>
+ Amount:
+ <input type="range" name="data-pb-matrix-amount" min="0" max="1" step="0.01" value="0.2">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-mosaic">
+ <label>
+ Opacity:
+ <input type="range" name="data-pb-mosaic-opacity" min="0" max="1" step="0.01" value="1">
+ </label>
+ <label>
+ Size:
+ <input type="range" name="data-pb-mosaic-size" min="1" max="40" step="1" value="5">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-noise">
+ <label>
+ Amount:
+ <input type="range" name="data-pb-noise-amount" min="0" max="100" step="1" value="30">
+ </label>
+ <label>
+ Type:
+ <input type="radio" name="data-pb-noise-type" value="mono"> Mono
+ <input type="radio" name="data-pb-noise-type" value="colour"> Colour
+ </label>
+ </div>
+
+ <div class="controls" id="controls-posterize">
+ <label>
+ Amount:
+ <input type="range" name="data-pb-posterize-amount" min="2" max="100" step="1" value="5">
+ </label>
+ <label>
+ Opacity:
+ <input type="range" name="data-pb-posterize-opacity" min="0" max="1" step="0.01" value="1">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-sepia">
+ <label>
+ Opacity:
+ <input type="range" name="data-pb-sepia-opacity" min="0" max="1" step="0.01" value="0.5">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-sharpen">
+ <label>
+ Amount:
+ <input type="range" name="data-pb-sharpen-amount" min="0" max="1" step="0.01" value="0.2">
+ </label>
+ </div>
+
+ <div class="controls" id="controls-tint">
+ <label>
+ Colour:
+ <input type="text" name="data-pb-tint-color" value="#FF0000">
+ </label>
+ <label>
+ Opacity:
+ <input type="range" name="data-pb-tint-opacity" min="0" max="1" step="0.01" value="0.5">
+ </label>
+ </div>
+
+ <button class="apply" type="submit">Apply</button>
+
+ </div>
+ </form>
+
+
+
+ <section id="description">
+ <aside>
+ <a href="http://github.com/mezzoblue/PaintbrushJS/zipball/master">Download Now</a>
+ <p>PaintbrushJS v0.3</p>
+ </aside>
+
+ <p>PaintbrushJS is a lightweight browser-based image processing library built with Javascript and canvas. All photos by <a href="http://www.flickr.com/photos/mezzoblue/sets/72057594064508706/">Dave Shea</a>.</p>
+
+ <ul>
+ <li>Get the source code on GitHub: <a href="http://github.com/mezzoblue/PaintbrushJS">mezzoblue/PaintbrushJS</a></li>
+ <li>See <a href="http://wiki.github.com/mezzoblue/PaintbrushJS/documentation">usage &amp; documentation</a></li>
+ <li>There are some <a href="http://wiki.github.com/mezzoblue/PaintbrushJS/known-issues">known issues</a></li>
+ </ul>
+ </section>
+
+
+
+
+ <footer>
+ <p id="copyright">&copy; Copyright 2010, Dave Shea. <a href="http://github.com/mezzoblue/PaintbrushJS">PaintbrushJS lives on GitHub</a>. <a href="http://www.opensource.org/licenses/mit-license.php">MIT Licensed</a>.</p>
+ </footer>
+
+ </body>
</html>
View
0  demo/script/common.js → script/common.js
File renamed without changes
View
0  demo/script/paintbrush.js → script/paintbrush.js
File renamed without changes
View
0  demo/script/playground.js → script/playground.js
File renamed without changes
View
0  demo/script/timing.js → script/timing.js
File renamed without changes
View
0  demo/usage.html → usage.html
File renamed without changes
Please sign in to comment.
Something went wrong with that request. Please try again.