diff options
| author | pepperpepperpepper <pepper@scannerjammer.com> | 2015-11-16 16:35:11 -0800 |
|---|---|---|
| committer | pepperpepperpepper <pepper@scannerjammer.com> | 2015-11-16 16:35:11 -0800 |
| commit | 24e05a0b065b7d01417efeabb07523b3cc8c0bf0 (patch) | |
| tree | ce3b20a1ff239d2e10986806b0df6a34620bcf78 /gallery/index.html | |
| parent | 288c39d3b67064c8e7f5dbea8dc5bbb15a19828d (diff) | |
gallery first draft
Diffstat (limited to 'gallery/index.html')
| -rw-r--r-- | gallery/index.html | 107 |
1 files changed, 101 insertions, 6 deletions
diff --git a/gallery/index.html b/gallery/index.html index 255150f..38be9a4 100644 --- a/gallery/index.html +++ b/gallery/index.html @@ -1,23 +1,118 @@ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> -<script type="text/javascript" src="/js/jquery.js"></script> -<script type="text/javascript" src="/js/titleScrambler.js"></script> +<script type="text/javascript" src="js/jquery.js"></script> +<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>--> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires" content="0" /> <meta http-equiv="pragma" content="no-cache" /> <link href="main.css" /> -<script type="text/javascript" src="js/main.js"> </script> +<script type="text/javascript" src="js/querystring.js"></script> +<script type="text/javascript" src="js/title.js"> </script> <script type="text/javascript" src="js/jquery.isotope.min.js"></script> <script type="text/javascript" src="js/gallery_isotope_config.js?v=3"></script> <script type="text/javascript" src="/js/ZeroClipboard.js"></script> <script type="text/javascript" src="http://asdf.us/js/pbembed.js"></script> -<script type="text/javascript"> +<script type="text/javascript" src="js/main.js"> </script> + +<link href="style.css" type="text/css" rel="stylesheet" /> +</head> <body> <div id='nextpage'> -<a href='/im/'>editor</a> | <a id="newer">← newer</a> | <a href='?random=1'>random</a> | <a id="older">older →</a> + <a href='/im/'>editor</a> | + <a id="newer">← newer</a> | + <a href='?random=1'>random</a> | + <a id="older">older →</a> +</div> +<div id="help"> + <b>key controls</b> + <div id="keys"> + <br/> + <div class="small"><i>when composer is launched...</i></div> + <div>ESC toggle</div> + <div>C clear</div> + <div>R reverse</div> + <br/> + <div class="small"><i>in the gallery...</i></div> + <div>BACKSPACE delete</div> + <div>LEFT ARROW newer</div> + <div>RIGHT ARROW older</div> + </div> +</div> +<div id="actions"> + <b>sort</b> + <div id="sorting-optionsContainer"> + <div class="sorting-options" id="date">date</div> + <div class="sorting-options" id="username">username</div> + <div class="sorting-options" id="height">height</div> + <div class="sorting-options" id="width">width</div> + <div class="sorting-options" id="gif">gif</div> + <div class="sorting-options" id="shuffle">shuffle</div> + <div class="sorting-options" id="lombada">lombada</div> + </div> +</div> +<div id="tags"> + <b>tags</b> + <div id="tag-optionsContainer"> + <div class="tag-clear"><i>remove tag</i></div> + <div class="tag-options" id="transparent">transparent</div> + <div class="tag-options" id="break">break</div> + <div class="tag-options" id="gradient">gradient</div> + <div class="tag-options" id="grid">grid</div> + <div class="tag-options" id="pattern">pattern</div> + <div class="tag-options" id="landscape">landscape</div> + <div class="tag-options" id="shader">shader</div> + <div class="tag-options" id="ascii">ascii</div> + <div class="tag-options" id="Over">Over</div> + <div class="tag-options" id="ATop">ATop</div> + <div class="tag-options" id="Dst_Over">Dst_Over</div> + <div class="tag-options" id="Dst_In">Dst_In</div> + <div class="tag-options" id="Dst_Out">Dst_Out</div> + <div class="tag-options" id="Multiply">Multiply</div> + <div class="tag-options" id="Screen">Screen</div> + <div class="tag-options" id="Divide">Divide</div> + <div class="tag-options" id="Plus">Plus</div> + <div class="tag-options" id="Difference">Difference</div> + <div class="tag-options" id="Exclusion">Exclusion</div> + <div class="tag-options" id="Lighten">Lighten</div> + <div class="tag-options" id="Darken">Darken</div> + <div class="tag-options" id="Overlay">Overlay</div> + <div class="tag-options" id="Hard_Light">Hard_Light</div> + <div class="tag-options" id="Soft_Light">Soft_Light</div> + <div class="tag-options" id="Pegtop_Light">Pegtop_Light</div> + <div class="tag-options" id="Linear_Light">Linear_Light</div> + <div class="tag-options" id="Vivid_Light">Vivid_Light</div> + <div class="tag-options" id="Pin_Light">Pin_Light</div> + <div class="tag-options" id="Linear_Dodge">Linear_Dodge</div> + <div class="tag-options" id="Linear_Burn">Linear_Burn</div> + <div class="tag-options" id="Color_Dodge">Color_Dodge</div> + <div class="tag-options" id="Color_Burn">Color_Burn</div> + </div> </div> -</body> +<div id="dump"> + <div id="rebus"></div> + <input id="urlz" type="text" /> + <div id="d_clip_container" style="position:relative"> + <div id="d_clip_button">copy</div> + </div> + <button id="clear">clear</button> +</div> +<div id="images"> +</div> + +<script> +(function($){ + //get params from the query string, and create + //the back and newer buttons + //taking into account name, tag and random + params = { + name + } +})(jQuery); +Main.init(); + +</script> +</html> </html> |