rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- meta-data --> <title> Dojo Button Widget Test </title> <!-- stylesheets --> <style type="text/css" media="all"> @import "image_bin.css"; @import "draggables.css"; @import "main.css"; </style> <!-- 3rd part libraries --> <script type="text/javascript" src="misc.js"></script> <script type="text/javascript" src="rounded.js"></script> <script type="text/javascript" src="mootools.v1.11.js"></script> <!-- my code --> <script type="text/javascript" src="image_bin.js"></script> <script type="text/javascript" src="gallery.js"></script> <script type="text/javascript" src="init.js"></script> </head> <body> <div id="tool-bar" class="toolbar_round"> <p> tool bar </p> </div> <div id="title-bar" class="toolbar_round"> <p> title bar </p> </div> <h1> Test </h1> <h2> Test </h2> <p> Test </p> <div id="main"> <div id="center-content"> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div class="image_container"> </div> <div id="image_1" class="photo_image"> test 1 </div> <div id="image_2" class="photo_image"> test 2 </div> <div id="image_3" class="photo_image"> test 3 </div> <div id="image_3" class="photo_image"> test 3 </div> <div id="image_3" class="photo_image"> test 3 </div> <div id="image_3" class="photo_image"> test 3 </div> <div id="image_3" class="photo_image"> test 3 </div> <div id="image_3" class="photo_image"> test 3 </div> </div> <div class="image_option rounded" style="top: 0px; font-size: 10pt;"> add a new photo </div> <div class="image_option rounded" style="top: 40px; font-size: 10pt;"> create new category </div> <div class="image_option rounded" style="top: 80px; font-size: 10pt;"> save changes </div> </div> <div id="picture-bar"> <div id="bin-container"> <div id="image-bin"> <!-- image holding bin markup --> </div> </div> </div> </body> </html><!-- project for mike, make a small php-javascript-css image gallery. drag and drop items in the gallery, have right-side persistant panel to organize-->