diff options
| author | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2012-07-17 21:42:09 -0400 |
|---|---|---|
| committer | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2012-07-17 21:42:09 -0400 |
| commit | d891a7ae1b205716c086363fba17a3249a665deb (patch) | |
| tree | a8c4f5cbf404e7f40737160d7e5762c59b71fcb8 /template | |
| parent | da15cfb1e452a0af4902272ba351d5a6d0d0b56a (diff) | |
updates to templates
Diffstat (limited to 'template')
| -rw-r--r-- | template/frontpage copy.st | 531 | ||||
| -rw-r--r-- | template/frontpage_halloffame.st | 532 | ||||
| -rw-r--r-- | template/fullscreen4.st | 159 | ||||
| -rw-r--r-- | template/fullscreen5.st | 148 | ||||
| -rw-r--r-- | template/rooms/artornot.st | 146 | ||||
| -rw-r--r-- | template/rooms/fullscreen.st | 167 | ||||
| -rw-r--r-- | template/rooms/fullscreen_safe_save_011910.st | 0 | ||||
| -rw-r--r-- | template/terms8.st | 65 | ||||
| -rw-r--r-- | template/users.st | 71 |
9 files changed, 1819 insertions, 0 deletions
diff --git a/template/frontpage copy.st b/template/frontpage copy.st new file mode 100644 index 0000000..88188c2 --- /dev/null +++ b/template/frontpage copy.st @@ -0,0 +1,531 @@ +<html> + <head> + <script type="text/javascript"> +function refreshing() +{ +frm=document.getElementsByName("posts")[0]; +frm.src=frm.src; +setTimeout("refreshing()",300000); +} +</script> + <title>dump.fm</title> + <!---HEAD ---> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps"> + <meta name="description" content="dump.fm - Talk with pictures!" /> + <script type="text/javascript" src="$domain$/static/js/jquery-1.4.2.min.js"></script> + <link rel="shortcut icon" href="$domain$/static/favicon.ico"> + <link rel="image_src" href="$domain$/static/img/thumbs/heartover.gif" > + <script type="text/javascript" src="$domain$/static/js/pichat.js"></script> + <script src="$domain$/static/js/jquery.masonry.min.js"type="text/javascript"></script> + <script src="$domain$/static/js/jquery.isotope.min.js"></script> + <script> + Domain = "$domain$"; + Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; + </script> + + $if(!logged_in)$ + <!--<link href="$domain$/static/css/front.css" media="screen, projection" rel="stylesheet" type="text/css">--> + <script type="text/javascript" src="$domain$/static/js/popup.js"></script> + $endif$ + + <link rel="shortcut icon" href="$domain$/static/favicon.ico"> + + <!--END HEAD--> + <style> + +body{margin:0px; background-image:url($domain$/static/img/bg.dither.gif); background-color:#e2e2e2;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top;*/background-attachment:fixed;min-width:900px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; + font-size: 13px; line-height: 1.5em;} +img{border:0px;} +#banner{z-index:2;top:0;margin-top:4px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;/*background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;*/height:35px;clear: both;} +#banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;} +#banner a:hover{background-color:#eee;color:black;text-decoration:none;} +#fblike{margin-top:6px;margin-left:6px;} +#logo{float:left;margin:1px;} +#logobig{float:left;margin-top:-9px;margin-left:-5px;} +#toplinks{float:left;margin-top:7px;margin-left:5px;} +#logout7{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;} +#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;} +#search-query{background-color:lightyellow;} +#posts{overflow:hidden;max-width:100%;font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;} +#posts a{text-decoration:none; font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;color:#f0e;} +#posts a:hover{color:#333;text-decoration:none;} +#sideinfo{ color:#333; padding:12px;margin:7px;font-size:47px;float:left;min-height:210px;width:240px;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:white;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:bold; line-height:55px;} +.alttxt{font-size:18px;line-height:20px;} +.logged-dump{border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:230px;padding:7px;margin:7px;background-color:white} +.logged-dump img{max-width:240px;max-height:240px;padding-top:3px; } + + $if(user_nick)$ + .buttons img{z-index:4;float:left;padding-top:5px;cursor:pointer;} + $else$ + .buttons img{display:none;z-index:4;float:left;padding-top:5px;cursor:pointer;} + $endif$ + +.buttons .share{cursor:pointer;display:none;} +img.thumb { +bottom:3px; +image-rendering: -moz-crisp-edges; +z-index:4; +} + +.thumb.favorite { + position: absolute; + margin-left: 5px; + margin-top: 0px; + height: 27px; + width: 27px;z-index:4; + display: inline-block; +} +#posts hr{display:none;} +#pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;} +#pgbuttons a{text-decoration:none;} +#footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;} +#footer a{text-decoration:none;color:#333;} +#footer a:hover{color:#000;} +#pgbuttons input{color:#eee;letter-spacing:1px; + text-decoration:none; + padding:2px 12px 3px 12px; + cursor:pointer;font-size:12px; + position:relative;font-weight:100; + overflow:hidden; + vertical-align:middle; + margin:0 10px; + background:#448ed4; border:1px ridged #fff; + background:-moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff); + background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff)); + text-decoration:none; + -moz-border-radius:4px; + -webkit-border-radius:4px; + -moz-box-shadow:#777 0 0 0 1px; + -webkit-box-shadow:#777 0 0 0 1px; + text-shadow:rgba(0,0,0,.4) 0 1px 0;} +.hallscore{margin-right:-20px;color:#fff;text-align:center;margin-top:-20px;float:right;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-style: oblique;font-weight:100;height:50px;width:50px;text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:4px; + $if(logged_in)$cursor:pointer;$endif$ + } +.hallnick{font-size:16px;} + +#login-container { + float: right; +right:7px; +color:#fff; + position: fixed; +top:4px; +z-index:20000000; + +} + +#login-container a:link, a:visited { + color:#000; + text-decoration:none; +} +#login-container .topnav { + padding:0px 0px 12px; + font-size:11px;color:000; + line-height:23px; + text-shadow: #000 0px 0px 0px; + text-align:right; + +} +#login-container .topnav a.signin { + text-shadow: #000 0px 0px 0px; + padding:5px 5px 5px 5px; + text-decoration:none; + background-color:#fff; + + +z-index:20000000; + *padding:4px 12px 6px; filter:alpha(opacity=80); + + +} +#login-container .topnav a.signin:hover { + + *padding:4px 12px 16px; background-color:#ccc; + +} +#login-container .topnav a.signin, #login-container .topnav a.signin:hover { + *background-position:0 3px!important;color:#000; +} + +a.signin { + position:relative; +cursor:pointer; + margin-left:3px; +} +a.signin span { + background-image:url("$domain$/static/form_login/images/toggle_down_light.png"); + background-repeat:no-repeat; + background-position:100% 50%; + padding:4px 16px 6px 0;cursor:pointer; +} +#login-container .topnav a.menu-open { + background:#ddeef6!important; + color:#666!important; text-shadow: #000 0px 0px 0px; + outline:none;box-shadow: 3px 2px 2px #ccc;cursor:pointer; +-webkit-box-shadow: 3px 2px 2px #ccc; +-moz-box-shadow: 3px 2px 2px #ccc; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); + +} + +a.signin.menu-open span {cursor:pointer; + background-image:url("$domain$/static/form_login/images/toggle_up_dark.png"); + color:#789; +} + +#signin_menu { + -moz-border-radius-topleft:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + display:none; + background-color:#ddeef6; + position:absolute; + width:210px; + z-index:100; + border:1px transparent; + text-align:left; + padding:12px; + top: 16.5px; + right: 0px; + margin-top:5px; + margin-right: 0px; + *margin-right: -1px; + color:#789; + font-size:11px; box-shadow: 3px 2px 2px #ccc; +-webkit-box-shadow: 3px 2px 2px #ccc; +z-index:50000000;line-height:12px; +-moz-box-shadow: 3px 2px 2px #ccc; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); +} + +#signin_menu input[type=text], #signin_menu input[type=password] { + display:block; + font-size:25px; + margin:0 0 5px; + padding:5px; + width:203px; +} +#signin_menu p { + margin:0; +} +#signin_menu a { + color:#6AC; +} +#signin_menu label { + font-weight:normal; +} + +#signin_menu p a { + color:#27B!important; +} +#signin-submit { + display:inline-block; + width:90px; + height:35px; + background:#448ed4; border:1px ridged #fff; + background:-moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff); + background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff)); + text-decoration:none; + -moz-border-radius:4px; + -webkit-border-radius:4px; + -moz-box-shadow:#777 0 0 0 1px; + -webkit-box-shadow:#777 0 0 0 1px; + text-shadow:rgba(0,0,0,.4) 0 1px 0; + font-weight:bold; + word-spacing:7; + margin-top:-5px; +cursor:pointer; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; +} + +#furie3 { + position: absolute; + left:294px; + margin-top:250px; + z-index: 10; + +} +#loginSubmit::-moz-focus-inner { +padding:0; +border:0; +} +#loginSubmit:hover, #loginSubmit:focus { + background-position:0 -5px; + cursor:pointer; +} +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } +a#disregister { + background: #FCF0AD; + color: #fe1409; + cursor: pointer; + line-height: 1em;z-index:3; + padding: 25px 10px 40px; + margin-top: -2px; + float:right; + -webkit-transform: rotate(9deg); + -moz-transform: rotate(9deg); + transform: rotate(9deg);font-family: cursive;font-weight:100;font-size:18px;font-style: oblique; + border-top:16px solid yellow; + background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057)); + background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%); + border-top-color: #FFF057; + border-right-color: #FFF057; + border-bottom-color: #FFF057; + border-left-color: #FFF057; + -webkit-box-shadow:#a0a0a0 3px 4px 4px; + -moz-box-shadow: #a0a0a0 3px 4px 4px; /* FF 3.5+ */ + text-shadow: 1px 1px 3px #AAA; margin-right:20px; + } + a#disregister:hover { + + text-shadow: 1px 1px 1px gold; + font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;color:black; + -webkit-box-shadow:#333 3px 4px 4px; + -moz-box-shadow: #333 3px 4px 4px; /* FF 3.5+ */ + + } + + +/*searchstuff*/ + + + + +.search_icon { + background:url("$domain$/static/img/hourglass.png") no-repeat scroll center center transparent; + bottom:3px; + cursor:pointer; + left:6px; + opacity:0.8; + border-right:1px solid #C0C8D3; + position:absolute; + top:3px; + width:32px; +} +#inpage-search-results{ + position: absolute; + top:47px; + width:99%;padding:5x;margin:5px; + text-align: center; + left: 0; + z-index: 1000; +} + +#inpage-search-results #search-results-images{ + display: none; + position:relative; + overflow:auto; + background-image:url(/static/img/bg.dither.gif); + background-color:lightyellow; + min-height: 600px; +margin:7px; + border:1px inset #333; + padding-top: 30px; +} +#fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; } + +#search-results-images a.animating canvas { display: none } + +#search-controls { + width: 95%; + margin-left: auto; + margin-right: auto; + position: relative; + z-index: 1005; + text-align: right; + display: none; + top: 0; + padding-right: 8px; +} +#search-message { + font-size: medium; + padding: 4px; + +} +#search-controls a { + + padding: 4px; +} + + + + DIV#posts.loading { + background: url(/images/spinner.gif) no-repeat center center; + } + +</style> + + + <script> + var Recips = []; + jQuery(function() { + initLog(Recips) + }); + </script> + + <script> +jQuery(window).load(function(){ + jQuery('#posts').masonry({ columnWidth: 275 }); + jQuery('#posts').masonry({ singleMode: true }); + jQuery('#posts').masonry({ resizeable: true }); + jQuery('#posts').masonry({ animate: true}); + + + }); + +</script> + + + + + + </head> + <body onload="refreshing()"> + + <!-- + <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> + --> +<!--START BANNER--> + +<div id="banner"> + + + + $if(!logged_in)$ + <a href="$domain$/chat"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a> + $else$ + <a href="$domain$/chat"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a> + $endif$ + + $if(user_nick)$ + <div id="toplinks"> + <a href="$domain$/$user_nick$" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;"> + <img src="$domain$/static/img/thumbs/profilebaricon.png"/> Profile</a> + <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;"> + <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory + </a> + <a href="$domain$/hall" onclick="pageTracker._trackEvent('button', 'banner-hall'); return true;"> + <img src="$domain$/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame + </a> + </div> + <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + $else$ + <!-- +<div id="toplinks"> + <a href="$domain$/about" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;"> + <img src="$domain$/static/img/thumbs/profilebaricon.png"/> About </a> + <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;"> + <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory + </a> +<a href="$domain$/m/cal"><img src="$domain$/static/img/thumbs/calendarbaricon.png"/> Calendar</a> + <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="$domain$/static/img/thumbs/searchbaricon.png"/> Tags</a> +</div>--> + <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <!-- <a href="$domain$/register" id="disregister">Register!</a>--> + $endif$ + + <div id="searchbox"> + <input type="text" name="search-query" id="search-query" searchstyle="mini" /> + </div> + + + + + $if(logged_in)$ + <div id="logout7"class="white"> + <form id="logout" action="/logout" method="POST"> + <a href="#" onclick="jQuery('#logout').submit(); return false">Logout</a> + </form> + </div> + + $else$ + <div id="toplogin"> + $form_login()$ + </div> + $endif$ +</div> + + +<!--END BANNER--> + + +<div id="posts" name="posts"class="clickable clearfix"> + <div id="sideinfo"> + + $if(user_nick)$ + <b><a href="$domain$/chat">JOIN CHAT!</a></b> + <div id="hallnick"> + <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + </div> + $else$ + <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + dump.fm is an elite real-time image chat community. + + registration is currently invite only. + view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> + <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <br><br> + <!-- <strong> + <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> + </strong>--> + </div> + $endif$ + </div> + + $if(dumps)$ + $dumps: { dump | $hall_log_dump()$ }$ + $endif$ +</div> + +$if(user_nick)$ +<div id="pgbuttons"> + $if(prev_date)$ + <a class="prev_date" href="$domain$/top/$prev_date$"><- $prev_date$</a> + $endif$ + + $if(next_date)$ + <a class="next_date" href="$domain$/top/$next_date$">$next_date$ -></a> + $endif$ +</div> +$endif$ + +<!--START FOOTER + $footer()$--> +<!--<br><br><center> +<div id="footer"> +@2011 <a href="/">dump.fm</a> +<a href="$domain$/about_us" style="word-spacing: normal">About Us</a> +<a href="$domain$/help" style="word-spacing: normal">Help FAQ</a> +<a href="$domain$/terms">Terms</a> +<a href="$domain$/privacy">Privacy</a> +</div></center> +</div>--> +$google_analytics()$ +$debug_log()$ + + + <div id="inpage-search-results" > + <div id="search-controls"> + <span id="search-message"></span> + <a id="search-control-close" href="javascript:Search.close()">close</a> + </div> + <div id="search-results-images"></div> + </div> + </div> + + + +<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> +<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> + </body> +</html> diff --git a/template/frontpage_halloffame.st b/template/frontpage_halloffame.st new file mode 100644 index 0000000..e8ceea6 --- /dev/null +++ b/template/frontpage_halloffame.st @@ -0,0 +1,532 @@ +<html> + <head> + <script type="text/javascript"> +function refreshing() +{ +frm=document.getElementsByName("posts")[0]; +frm.src=frm.src; +setTimeout("refreshing()",300000); +} +</script> + <title>dump.fm</title> + <!---HEAD ---> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps"> + <meta name="description" content="dump.fm - Talk with pictures!" /> + <script type="text/javascript" src="$domain$/static/js/jquery-1.4.2.min.js"></script> + <link rel="shortcut icon" href="$domain$/static/favicon.ico"> + <link rel="image_src" href="$domain$/static/img/thumbs/heartover.gif" > + <script type="text/javascript" src="$domain$/static/js/pichat.js"></script> + <script src="$domain$/static/js/jquery.masonry.min.js"type="text/javascript"></script> + <script src="$domain$/static/js/jquery.isotope.min.js"></script> + <script> + Domain = "$domain$"; + Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; + </script> + + $if(!logged_in)$ + <!--<link href="$domain$/static/css/front.css" media="screen, projection" rel="stylesheet" type="text/css">--> + <script type="text/javascript" src="$domain$/static/js/popup.js"></script> + $endif$ + + <link rel="shortcut icon" href="$domain$/static/favicon.ico"> + + <!--END HEAD--> + <style> + +body{margin:0px; background-image:url($domain$/static/img/bg.dither.gif); background-color:#e2e2e2;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top;*/background-attachment:fixed;min-width:900px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; + font-size: 13px; line-height: 1.5em;} +img{border:0px;} +#banner{z-index:2;top:0;margin-top:4px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;/*background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;*/height:35px;clear: both;} +#banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;} +#banner a:hover{background-color:#eee;color:black;text-decoration:none;} +#fblike{margin-top:6px;margin-left:6px;} +#logo{float:left;margin:1px;} +#logobig{float:left;margin-top:-9px;margin-left:-5px;} +#toplinks{float:left;margin-top:7px;margin-left:5px;} +#logout7{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;} +#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;} +#search-query{background-color:lightyellow;} +#posts{overflow:hidden;max-width:100%;font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;} +#posts a{text-decoration:none; font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;color:#f0e;} +#posts a:hover{color:#333;text-decoration:none;} +#sideinfo{ color:#333; padding:12px;margin:7px;font-size:47px;float:left;min-height:210px;width:240px;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:white;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:bold; line-height:55px;} +.alttxt{font-size:18px;line-height:20px;} +.logged-dump{border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:230px;padding:7px;margin:7px;background-color:white} +.logged-dump img{max-width:240px;max-height:240px;padding-top:3px; } + + $if(user_nick)$ + .buttons img{z-index:4;float:left;padding-top:5px;cursor:pointer;} + $else$ + .buttons img{display:none;z-index:4;float:left;padding-top:5px;cursor:pointer;} + $endif$ + +.buttons .share{cursor:pointer;display:none;} +img.thumb { +bottom:3px; +image-rendering: -moz-crisp-edges; +z-index:4; +} + +.thumb.favorite { + position: absolute; + margin-left: 5px; + margin-top: 0px; + height: 27px; + width: 27px;z-index:4; + display: inline-block; +} +#posts hr{display:none;} +#pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;} +#pgbuttons a{text-decoration:none;} +#footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;} +#footer a{text-decoration:none;color:#333;} +#footer a:hover{color:#000;} +#pgbuttons input{color:#eee;letter-spacing:1px; + text-decoration:none; + padding:2px 12px 3px 12px; + cursor:pointer;font-size:12px; + position:relative;font-weight:100; + overflow:hidden; + vertical-align:middle; + margin:0 10px; + background:#448ed4; border:1px ridged #fff; + background:-moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff); + background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff)); + text-decoration:none; + -moz-border-radius:4px; + -webkit-border-radius:4px; + -moz-box-shadow:#777 0 0 0 1px; + -webkit-box-shadow:#777 0 0 0 1px; + text-shadow:rgba(0,0,0,.4) 0 1px 0;} +.hallscore{margin-right:-20px;color:#fff;text-align:center;margin-top:-20px;float:right;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-style: oblique;font-weight:100;height:50px;width:50px;text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:4px; + $if(logged_in)$cursor:pointer;$endif$ + } +.hallnick{font-size:16px;} + +#login-container { + float: right; +right:7px; +color:#fff; + position: fixed; +top:4px; +z-index:20000000; + +} + +#login-container a:link, a:visited { + color:#000; + text-decoration:none; +} +#login-container .topnav { + padding:0px 0px 12px; + font-size:11px;color:000; + line-height:23px; + text-shadow: #000 0px 0px 0px; + text-align:right; + +} +#login-container .topnav a.signin { + text-shadow: #000 0px 0px 0px; + padding:5px 5px 5px 5px; + text-decoration:none; + background-color:#fff; + + +z-index:20000000; + *padding:4px 12px 6px; filter:alpha(opacity=80); + + +} +#login-container .topnav a.signin:hover { + + *padding:4px 12px 16px; background-color:#ccc; + +} +#login-container .topnav a.signin, #login-container .topnav a.signin:hover { + *background-position:0 3px!important;color:#000; +} + +a.signin { + position:relative; +cursor:pointer; + margin-left:3px; +} +a.signin span { + background-image:url("$domain$/static/form_login/images/toggle_down_light.png"); + background-repeat:no-repeat; + background-position:100% 50%; + padding:4px 16px 6px 0;cursor:pointer; +} +#login-container .topnav a.menu-open { + background:#ddeef6!important; + color:#666!important; text-shadow: #000 0px 0px 0px; + outline:none;box-shadow: 3px 2px 2px #ccc;cursor:pointer; +-webkit-box-shadow: 3px 2px 2px #ccc; +-moz-box-shadow: 3px 2px 2px #ccc; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); + +} + +a.signin.menu-open span {cursor:pointer; + background-image:url("$domain$/static/form_login/images/toggle_up_dark.png"); + color:#789; +} + +#signin_menu { + -moz-border-radius-topleft:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + display:none; + background-color:#ddeef6; + position:absolute; + width:210px; + z-index:100; + border:1px transparent; + text-align:left; + padding:12px; + top: 16.5px; + right: 0px; + margin-top:5px; + margin-right: 0px; + *margin-right: -1px; + color:#789; + font-size:11px; box-shadow: 3px 2px 2px #ccc; +-webkit-box-shadow: 3px 2px 2px #ccc; +z-index:50000000;line-height:12px; +-moz-box-shadow: 3px 2px 2px #ccc; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); +} + +#signin_menu input[type=text], #signin_menu input[type=password] { + display:block; + font-size:25px; + margin:0 0 5px; + padding:5px; + width:203px; +} +#signin_menu p { + margin:0; +} +#signin_menu a { + color:#6AC; +} +#signin_menu label { + font-weight:normal; +} + +#signin_menu p a { + color:#27B!important; +} +#signin-submit { + display:inline-block; + width:90px; + height:35px; + background:#448ed4; border:1px ridged #fff; + background:-moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff); + background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff)); + text-decoration:none; + -moz-border-radius:4px; + -webkit-border-radius:4px; + -moz-box-shadow:#777 0 0 0 1px; + -webkit-box-shadow:#777 0 0 0 1px; + text-shadow:rgba(0,0,0,.4) 0 1px 0; + font-weight:bold; + word-spacing:7; + margin-top:-5px; +cursor:pointer; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; +} + +#furie3 { + position: absolute; + left:294px; + margin-top:250px; + z-index: 10; + +} +#loginSubmit::-moz-focus-inner { +padding:0; +border:0; +} +#loginSubmit:hover, #loginSubmit:focus { + background-position:0 -5px; + cursor:pointer; +} +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } +a#disregister { + background: #FCF0AD; + color: #fe1409; + cursor: pointer; + line-height: 1em;z-index:3; + padding: 25px 10px 40px; + margin-top: -2px; + float:right; + -webkit-transform: rotate(9deg); + -moz-transform: rotate(9deg); + transform: rotate(9deg);font-family: cursive;font-weight:100;font-size:18px;font-style: oblique; + border-top:16px solid yellow; + background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057)); + background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%); + border-top-color: #FFF057; + border-right-color: #FFF057; + border-bottom-color: #FFF057; + border-left-color: #FFF057; + -webkit-box-shadow:#a0a0a0 3px 4px 4px; + -moz-box-shadow: #a0a0a0 3px 4px 4px; /* FF 3.5+ */ + text-shadow: 1px 1px 3px #AAA; margin-right:20px; + } + a#disregister:hover { + + text-shadow: 1px 1px 1px gold; + font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;color:black; + -webkit-box-shadow:#333 3px 4px 4px; + -moz-box-shadow: #333 3px 4px 4px; /* FF 3.5+ */ + + } + + +/*searchstuff*/ + + + + +.search_icon { + background:url("$domain$/static/img/hourglass.png") no-repeat scroll center center transparent; + bottom:3px; + cursor:pointer; + left:6px; + opacity:0.8; + border-right:1px solid #C0C8D3; + position:absolute; + top:3px; + width:32px; +} +#inpage-search-results{ + position: absolute; + top:47px; + width:99%;padding:5x;margin:5px; + text-align: center; + left: 0; + z-index: 1000; +} + +#inpage-search-results #search-results-images{ + display: none; + position:relative; + overflow:auto; + background-image:url(/static/img/bg.dither.gif); + background-color:lightyellow; + min-height: 600px; +margin:7px; + border:1px inset #333; + padding-top: 30px; +} +#fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; } + +#search-results-images a.animating canvas { display: none } + +#search-controls { + width: 95%; + margin-left: auto; + margin-right: auto; + position: relative; + z-index: 1005; + text-align: right; + display: none; + top: 0; + padding-right: 8px; +} +#search-message { + font-size: medium; + padding: 4px; + +} +#search-controls a { + + padding: 4px; +} + + + + DIV#posts.loading { + background: url(/images/spinner.gif) no-repeat center center; + } + +</style> + + + <script> + var Recips = []; + jQuery(function() { + initLog(Recips) + }); + </script> + + <script> +jQuery(window).load(function(){ + jQuery('#posts').masonry({ columnWidth: 275 }); + jQuery('#posts').masonry({ singleMode: true }); + jQuery('#posts').masonry({ resizeable: true }); + jQuery('#posts').masonry({ animate: true}); + + + }); + +</script> + + + + + + </head> + <body onload="refreshing()"> + + <!-- + <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> + --> +<!--START BANNER--> + +<div id="banner"> + + + + $if(!logged_in)$ + <a href="$domain$/chat"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a> + $else$ + <a href="$domain$/chat"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a> + $endif$ + + $if(user_nick)$ + <div id="toplinks"> + <a href="$domain$/$user_nick$" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;"> + <img src="$domain$/static/img/thumbs/profilebaricon.png"/> Profile</a> + <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;"> + <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory + </a> + <a href="$domain$/hall" onclick="pageTracker._trackEvent('button', 'banner-hall'); return true;"> + <img src="$domain$/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame + </a> + </div> + <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + $else$ + <!-- +<div id="toplinks"> + <a href="$domain$/about" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;"> + <img src="$domain$/static/img/thumbs/profilebaricon.png"/> About </a> + <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;"> + <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory + </a> +<a href="$domain$/m/cal"><img src="$domain$/static/img/thumbs/calendarbaricon.png"/> Calendar</a> + <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="$domain$/static/img/thumbs/searchbaricon.png"/> Tags</a> +</div>--> + <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <!-- <a href="$domain$/register" id="disregister">Register!</a>--> + $endif$ + + <div id="searchbox"> + <input type="text" name="search-query" id="search-query" searchstyle="mini" /> + </div> + + + + + $if(logged_in)$ + <div id="logout7"class="white"> + <form id="logout" action="/logout" method="POST"> + <a href="#" onclick="jQuery('#logout').submit(); return false">Logout</a> + </form> + </div> + + $else$ + <div id="toplogin"> + $form_login()$ + </div> + $endif$ +</div> + + +<!--END BANNER--> + + +<div id="posts" name="posts"class="clickable clearfix"> + <div id="sideinfo"> + + $if(user_nick)$ + <b><a href="$domain$/chat">JOIN CHAT!</a></b> + <div id="hallnick"> + <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + </div> + $else$ + <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + dump.fm is an elite real-time image chat community. we host more than 1,500,000 images. + + register <a href="http://dump.fm/register">here.</a> + <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> + <!-- <br> <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <br><br> + <strong> + <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> + </strong>--> + </div> + $endif$ + </div> + + $if(dumps)$ + $dumps: { dump | $hall_log_dump()$ }$ + $endif$ +</div> + +$if(user_nick)$ +<div id="pgbuttons"> + $if(prev_date)$ + <a class="prev_date" href="$domain$/top/$prev_date$"><- $prev_date$</a> + $endif$ + + $if(next_date)$ + <a class="next_date" href="$domain$/top/$next_date$">$next_date$ -></a> + $endif$ +</div> +$endif$ + +<!--START FOOTER + $footer()$--> +<!--<br><br><center> +<div id="footer"> +@2011 <a href="/">dump.fm</a> +<a href="$domain$/about_us" style="word-spacing: normal">About Us</a> +<a href="$domain$/help" style="word-spacing: normal">Help FAQ</a> +<a href="$domain$/terms">Terms</a> +<a href="$domain$/privacy">Privacy</a> +</div></center> +</div>--> +$google_analytics()$ +$debug_log()$ + + + <div id="inpage-search-results" > + <div id="search-controls"> + <span id="search-message"></span> + <a id="search-control-close" href="javascript:Search.close()">close</a> + </div> + <div id="search-results-images"></div> + </div> + </div> + + + +<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> +<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> + </body> +</html> + diff --git a/template/fullscreen4.st b/template/fullscreen4.st new file mode 100644 index 0000000..f07593c --- /dev/null +++ b/template/fullscreen4.st @@ -0,0 +1,159 @@ +<html> + <head> + <title>dump.fm - fullscreen</title> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> + <script src="$domain$/static/js/pichat.js"></script> + <script src="$domain$/static/js/fullscreen.js"></script> + <script> + var LoggedIn = $if(user_nick)$true$else$false$endif$; + var Timestamp = $timestamp$; + var newwindow; + function pop(url) { + newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); + if (window.focus) {newwindow.focus()} + } + jQuery(startChatUpdater); + </script> + <style> + html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; font-family: Monaco, "Courier New", Courier, monospace; } + input { + + } + #big-image img { + width: 100%; height: 100%; + cursor: pointer; + box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + } + #loginbox { + background: white; + z-index: 999; + position: absolute; + display: none; + } + #logininner { + width: 30em; + height: 20em; + position: relative; + } + #infocol { + width: 50%; + float: left; + position: relative; + } + #formcontainer { + padding: 0; + margin-top: 20%; + width: 80%; + position: relative; + } + #nickInput, #passwordInput { + width: 100%; + } + #piccol { + width: 50%; + float: right; + position: relative; + } + #loginimg { + width: 75%; + margin-top: 20%; + } + #spinner { display: none; } + #forgetpw { + position: absolute; + left: 5px; + bottom: 5px; + font-size: 80%; + } + #fav-indicator { + display: none; + position: fixed; + z-index: 999; + height: 50px; + width: 50px; + right: 20px; + top: 20px; + } + #errormsg { + position: relative; + color: red; + text-align: center; + margin-top: 250px; + } + + #loginclose { + position: absolute; + right: 3px; + top: 3px; + } + @font-face { + font-family: 'PixelComicSans-Regular'; + src: url('$domain$/static + /fonts/PixelComicSans-Regular.eot'); + } + + @font-face { + font-family: 'PixelComicSans-Regular'; + src: url('$domain$/static/fonts/PixelComicSans-Regular.woff') format('woff'), + url('$domain$/static/fonts/PixelComicSans-Regular.svg#PixelComicSans-Regular') format('svg'); + } + #toptxt{font-family: "PixelComicSans-Regular", serif ;font-size:50px;text-align: left; text-justify: newspaper;width:100%;z-index:2; position:absolute;color:black;text-transform:;} + + #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; } + .sublogo { font-family: Monaco, "Courier New", Courier, monospace; } + a { color:#000 } + </style> + <script>jQuery(initLogin)</script> + </head> + <body> + <div id="loginbox"> + <div id="logininner"> + <div id="infocol"> + <center> + <div id="formcontainer"> + <form onsubmit="login(); return false;"> + <div align="left">username</div> + <div><input id="nickInput"></div> + <br> + <div align="left">password</div> + <div><input id="passwordInput" type="password"></div> + <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> + <br> + <div> + <center><input type="submit" value="LOGIN"></center> + <img id="spinner" src="/static/img/spinner.gif"> + </div> + </form> + </div> + </center> + </div> + <div id="piccol"> + <center><img id="loginimg" src="/static/img/danceman.gif"></center> + <center><i>join the party</i></center> + </div> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + <div id="loginclose"><a href="#" onclick="jQuery('#loginbox').hide(); return false;">X</a></div> + </div> + </div> + <div id="memelogo"> + <div class="sublogo"> + $if(user_nick)$ + <img src="/static/img/thumbs/heart.gif">click to fav + $else$ +<a href="http://dump.fm"><img src="http://dump.fm/static/img/dumppixelhover.png" class="memelogo"></a> + <a href="#" onclick="showLogin(); return false;">LOGIN</a> | <a href="$domain$/register">REGISTER</a> + $endif$ + </div> + </div> + <div id="toptxt"> + we are the first real-time image chat community. we host more than 1,500,000 images. behind this txt are images we are posting right now. idgi for life, deal with it. + </div> + <div id="big-image"></div> + <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator"> + <script> + initFullscreen() + </script> + $google_analytics()$ + </body> +</html> diff --git a/template/fullscreen5.st b/template/fullscreen5.st new file mode 100644 index 0000000..21c2562 --- /dev/null +++ b/template/fullscreen5.st @@ -0,0 +1,148 @@ +<html> + <head> + <title>dump.fm - fullscreen</title> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> + <script src="$domain$/static/js/pichat.js"></script> + <script src="$domain$/static/js/fullscreen.js"></script> + <script> + var LoggedIn = $if(user_nick)$true$else$false$endif$; + var Timestamp = $timestamp$; + var newwindow; + function pop(url) { + newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); + if (window.focus) {newwindow.focus()} + } + jQuery(startChatUpdater); + </script> + <style> + html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; font-family: Monaco, "Courier New", Courier, monospace; } + input { + font-family: Monaco, "Courier New", Courier, monospace; + } + #big-image img { + width: 100%; height: 100%; + cursor: pointer; + box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + } + #loginbox { + background: white; + z-index: 999; + position: absolute; + display: none; + } + #loginbox div{border:0} + #logininner { + width: 30em; + height: 20em; + position: relative; + } + #infocol { + width: 50%; + float: left; + position: relative; + } + #formcontainer { + padding: 0; + margin-top: 20%; + width: 80%; + position: relative; + } + #nickInput, #passwordInput { + width: 100%; + } + #piccol { + width: 50%; + float: right; + position: relative; + } + #loginimg { + width: 75%; + margin-top: 20%; + } + #spinner { display: none; } + #forgetpw { + position: absolute; + left: 5px; + bottom: 5px; + font-size: 80%; + } + #fav-indicator { + display: none; + position: fixed; + z-index: 999; + height: 50px; + width: 50px; + right: 20px; + top: 20px; + } + #errormsg { + position: relative; + color: red; + text-align: center; + margin-top: 250px; + } + + #loginclose { + position: absolute; + right: 3px; + top: 3px; + } + #big-image{font-size:20px;text-align: left; text-justify: newspaper; color:#000} + #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; } + .sublogo { font-family: Monaco, "Courier New", Courier, monospace; } + a { color:#000 } + </style> + <script>jQuery(initLogin)</script> + </head> + <body> + <div id="loginbox"> + <div id="logininner"> + <div id="infocol"> + <center> + <div id="formcontainer"> + <form onsubmit="login(); return false;"> + <div align="left">username</div> + <div><input id="nickInput"></div> + <br> + <div align="left">password</div> + <div><input id="passwordInput" type="password"></div> + <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> + <br> + <div> + <center><input type="submit" value="LOGIN"></center> + <img id="spinner" src="/static/img/spinner.gif"> + </div> + </form> + </div> + </center> + </div> + <div id="piccol"> + <center><img id="loginimg" src="/static/img/danceman.gif"></center> + <center><i>join the party</i></center> + </div> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + <div id="loginclose"><a href="#" onclick="jQuery('#loginbox').hide(); return false;">X</a></div> + </div> + </div> + + <div id="memelogo"> + + <br> + <div class="sublogo"> + $if(user_nick)$ + <img src="/static/img/thumbs/heart.gif">click to fav + $else$ +<!--<a href="http://dump.fm"><img src="http://dump.fm/static/img/dumppixelhover.png" class="memelogo"></a> + <a href="#" onclick="showLogin(); return false;">LOGIN</a> | <a href="$domain$/register">REGISTER</a>--> + $endif$ + </div> + </div> + <div id="big-image">waiting 4 new image from dump.fm.............</div> + <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator"> + <script> + initFullscreen() + </script> + $google_analytics()$ + </body> +</html> diff --git a/template/rooms/artornot.st b/template/rooms/artornot.st new file mode 100644 index 0000000..80e73f7 --- /dev/null +++ b/template/rooms/artornot.st @@ -0,0 +1,146 @@ +<!--/* + + _____ ___ ___ ___ ___ ___ + / /::\ /__/\ /__/\ / /\ / /\ /__/\ + / /:/\:\ \ \:\ | |::\ / /::\ / /:/_ | |::\ + / /:/ \:\ \ \:\ | |:|:\ / /:/\:\ / /:/ /\ | |:|:\ + /__/:/ \__\:| ___ \ \:\ __|__|:|\:\ / /:/~/:/ / /:/ /:/ __|__|:|\:\ + \ \:\ / /:/ /__/\ \__\:\ /__/::::| \:\ /__/:/ /:/ /__/:/ /:/ /__/::::| \:\ + \ \:\ /:/ \ \:\ / /:/ \ \:\~~\__\/ \ \:\/:/ \ \:\/:/ \ \:\~~\__\/ + \ \:\/:/ \ \:\ /:/ \ \:\ \ \::/ \ \::/ \ \:\ + \ \::/ \ \:\/:/ \ \:\ \ \:\ \ \:\ \ \:\ + \__\/ \ \::/ \ \:\ \ \:\ \ \:\ \ \:\ + \__\/ \__\/ \__\/ \__\/ \__\/ + + (c)2010 dump.fm --> + +<html> + <head> + $head()$ + <title>$roomname$ dump.fm</title> + + <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script> + <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script> + <script type="text/javascript" src="$domain$/static/js/ajaxupload.js"></script> + $if(user_nick)$ + <script type="text/javascript" src="$domain$/json/$user_nick$/favorites"></script> + $endif$ + <script> + jQuery(document).ready(initChat); + var Nick = $json_user_nick$; + var Room = $json_room_key$; + var Timestamp = $timestamp$; + $if(isadmin)$ + var IsAdmin = true; + $else$ + var IsAdmin = false; + $endif$ + if (Nick) { + jQuery(document).ready(function() { setupUpload('upload', Room); }); + } + function showAlert() { alert('MUST LOGIN'); } + var newwindow; + function pop(url) { + newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); + if (window.focus) {newwindow.focus()} + } + jQuery(Away.startTitleUpdater); + jQuery(initChatMsgs); + $if(user_nick)$ // + $else$ + function showAlert() { + alert('Join dump.fm @ http://dump.fm/register'); + } + + $endif$ + </script> + <style> + #chat-wrapper { + position: absolute; + z-index: 1000000; + right: 100px; + bottom: 100px; + height: 40px; + width: 300px; + }; + </style> + </head> + <body> + $if(dis)$ + $banner_dis()$ + $else$ + $banner()$ + $if(!user_nick)$ + <div id="dis_welcome"> + <center> + <img src="$domain$/static/img/dumppixellarge3.png"> + <div id="midtxt">dump.fm lets you <i>talk with pictures!</i> Paste an image url, upload, or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love. + <br><br> + <span id="signintxt"> + you already have an account, <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong>. If not, <strong><a href="http://dump.fm/register">register</a></strong>! + </span> + </center> + </div> + </div> + + <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css" rel="stylesheet" type="text/css" media="screen" /> + <script type="text/javascript" src="/static/js/win.js"></script> + <script type="text/javascript"> + var topZ = 7; + CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70); + </script> + <style> + .divDragTitle { + left:50%!important; + margin-left: -250px!important; + } + .divDragContent { + z-index:666; + left:50%!important; + margin-left: -250px!important; + + } + </style> + $endif$ + $endif$ + + + <div id="chatrap"> + <div id="dcontent"> + <div id="messagetabs"></div> + $messagepane()$ + <script> + var Recips = $recips$; + </script> + </div> + </div> + <div id="palette"> + <div id="palette-thumbs"></div> + </div> + <div id="chatbuttons"> + <div id="textbutton"> + <span>show text?</span> + <input type="checkbox"> + </div> + <div id="imgbutton"> + <span>show imgs?</span> + <input type="checkbox"> + </div> + <div id="clearbutton"> + <span>clear screen</span> + <input type="checkbox"> + </div> + </div> + + <div id="footerc"> + $footer()$ + </div> + $preload()$ + <div id="vipinfo" style="position: absolute; z-index: 100000; right: 50; bottom: 125; background: white; padding: 10px; opacity: .75;"> + <h1><a href="http://artornot.info/">Is it art..or not??!<br>Dump your art, find it on artornot.info!</a></h1> + </div> + </body> +</html> + + diff --git a/template/rooms/fullscreen.st b/template/rooms/fullscreen.st new file mode 100644 index 0000000..6046b7e --- /dev/null +++ b/template/rooms/fullscreen.st @@ -0,0 +1,167 @@ +<html> + <head> + <title>dump.fm - fullscreen</title> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> + <script src="$domain$/static/js/pichat.js"></script> + <script src="$domain$/static/js/fullscreen.js"></script> + <script> + var LoggedIn = $if(user_nick)$true$else$false$endif$; + var Timestamp = $timestamp$; + var newwindow; + function pop(url) { + newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); + if (window.focus) {newwindow.focus()} + } + jQuery(startChatUpdater); + </script> + <style> + html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; font-family: Monaco, "Courier New", Courier, monospace; } + input { + font-family: Monaco, "Courier New", Courier, monospace; + } + #big-image img { + width: 100%; height: 100%; + cursor: pointer; + box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + } + #loginbox { +background: white; +z-index: 999; +position: absolute; +font-size: 20%; +width: 335px; +height: 220px; +margin-left: -170px; +left: 50%; +border: 1px solid; +padding: 2%; +top: 20%; +text-align: justify; +-moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; +-webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +} + #logininner { + width: 30em; + height: 20em; + position: relative; + } + #infocol { + width: 50%; + float: left; + position: relative; + } + #formcontainer { + padding: 0; + width: 80%; + position: relative; + } + #piccol { + width: 50%; + float: right; + position: relative; + } + #loginimg { + width: 75%; + margin-top: 20%; + } + #spinner { display: none; } + #forgetpw { + left: 5px; + bottom: 5px; + font-size: 80%; + } + #fav-indicator { + display: none; + position: fixed; + z-index: 999; + height: 50px; + width: 50px; + right: 20px; + top: 20px; + } + #errormsg { + position: relative; + color: red; + text-align: center; + margin-top: 250px; + } + input {max-width: 100px; +-moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; +-webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +border: 1px solid;} +input:hover { + -moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + -webkit-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,inset -2px 2px 2px #333; + margin-top: 2px; + margin-left: -2px;} + input:active { + -moz-box-shadow: 0px 0px white; + -webkit-box-shadow: 0px 0px white; + box-shadow: -1px 1px #000,0px 0px white; + margin-top: 2px; + margin-left: -4px; + box-shadow: inset -3px 3px 4px #333; + cursor: pointer;} +#remembermeInput { + margin-top: 0; margin-left: 0; +} + #big-image{font-size:20px;text-align: left; text-justify: newspaper; color:#000} + #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; } + .sublogo { font-family: Monaco, "Courier New", Courier, monospace; } + a { color:#000 } + #toplogo{position: fixed;display:none; +top: 0; +left: 0;} +#big-image {cursor:url('http://dump.fm/static/img/thumbs/heartfaved.gif'), pointer} + </style> + <script>jQuery(initLogin)</script> + </head> + <body> + + + $if(user_nick)$ + + <div id="loginbox"> + <img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"><br> + <p> this is dump.fm, the first ever real-time image sharing website. behind me is a fullscreen feed of whats currently going on. + if you're a member of the club, sign in below. if not feel free to <a href="#" onclick="jQuery('#loginbox').hide(); return false;">close this window</a> and enjoy the sick pix.</p> + <form onsubmit="login(); return false;"> + <p>username : <input id="nickInput"></p> + <p>password : <input id="passwordInput" type="password"></p> + <p> + remember me? <input id="remembermeInput" type="checkbox" checked="true"> <input type="submit" value="LOGIN"></p> + + <img id="spinner" src="/static/img/spinner.gif"> + </form> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + <a href="/chat"id="toplogo"><img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"></a> <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator"> + </div> + $else$ + <div id="loginbox"> + <img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"><br> + <p> this is dump.fm, the first ever real-time image sharing website. behind me is a fullscreen feed of whats currently going on. + if you're a member of the club, sign in bellow. if not feel free to <a href="#" onclick="jQuery('#loginbox').hide(); return false;">close this window</a> and enjoy the sick pix.</p> + <form onsubmit="login(); return false;"> + <p>username : <input id="nickInput"></p> + <p>password : <input id="passwordInput" type="password"></p> + <p> + remember me? <input id="remembermeInput" type="checkbox" checked="true"> <input type="submit" value="LOGIN"></p> + + <img id="spinner" src="/static/img/spinner.gif"> + </form> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + </div> + $endif$ + + <div id="big-image"></div> + <script> + initFullscreen() + </script> + $google_analytics()$ + </body> +</html> diff --git a/template/rooms/fullscreen_safe_save_011910.st b/template/rooms/fullscreen_safe_save_011910.st new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/template/rooms/fullscreen_safe_save_011910.st diff --git a/template/terms8.st b/template/terms8.st new file mode 100644 index 0000000..d37a28c --- /dev/null +++ b/template/terms8.st @@ -0,0 +1,65 @@ +<html> + <head> + <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/header.css" rel="stylesheet" type="text/css" media="screen"/> + <script type="text/javascript" src="/static/js/win.js"></script> + <script type="text/javascript"> + +jQuery(function() +{ + jQuery('.scroll-pane').jScrollPane(); +}); + + + </script> + + <title>dump.fm</title> + $head()$ + </head> + <body style=" font-family: Arial, Helvetica, sans-serif; + background-color:#f0f9ff; + background-image:url(/static/img/fade-blue.png)!important; + background-repeat:repeat-x; + background-position:top; +background-attachment:fixed;" onload=" + javascript:CreateDropdownWindow('dump.fm', '360px', true, 'news', 20, 115); + javascript:CreateDropdownWindow('terms of service', '560px', true, 'archive', 420, 60); + + + + "> + $banner()$ + + + + + <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> + <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> +<img src="/static/img/dumpclouds.png"><br><br> +<h5> +©2010 All Rights Reserved<br><br> +<a href="mailto:info@dump.fm"> info@dump.fm</a> +</center><br></div></h5> + </div></div> + + <div style="display:none;"id="archive"> + <div style="padding:0px" id="content" name="content"> + + + <iframe src="/static/html/terms.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="550px" height="500px"></iframe> + </div> + </div> + <div style="display:none;"id="link"> + + </div> + + </div> + </div> + </div> +<div id="hugescreen"><img src="/static/img/hugescreen.png"></div> + + <div id="footerc"> + $footer()$ + </div> + </body> +</html> diff --git a/template/users.st b/template/users.st new file mode 100644 index 0000000..9a72f01 --- /dev/null +++ b/template/users.st @@ -0,0 +1,71 @@ +<html> + <head> + <title>dump.fm new users</title> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> + <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" + type="text/javascript"></script> + <script src="/static/js/jquery.tablesorter.min.js" + type="text/javascript"></script> + <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css"> + + <script src="/static/js/admin.js" type="text/javascript"></script> + <link rel="stylesheet" type="text/css" href="/static/tsort/style.css"> + <style> + body { font-family: Monaco, "Courier New", Courier, monospace; } + input[type=button] { + font-size: 100%; + } + .reason { + width: 25%; + } + + .cancel-reason { + width: 15%; + } + </style> + + <script> + jQuery(document).ready(function() { + jQuery('#new-users').tablesorter({}); + }); + </script> + </head> + <body> + <h1><a href="http://dump.fm">dump.fm new users</a></h1> + <div id="main"> + + <table id="new-users" class="tablesorter"> + <thead> + <tr> + <th>Nick</th> + <th>Email</th> + <th>Created on</th> + <th>Created IP</th> + <th>Last IP</th> + <th></th> + </tr> + </thead> + <tbody> + $users: { u | + <tr user-id="$u.user_id$"> + <td><a href="/$u.nick$/">$u.nick$</a></td> + <td>$u.email$</td> + <td>$u.created_on$</td> + <td><a href="http://www.geobytes.com/IpLocator.htm?GetLocation&IpAddress=$u.created_ip$">$u.created_ip$</a></td> + <td><a href="http://www.geobytes.com/IpLocator.htm?GetLocation&IpAddress=$u.last_ip$">$u.last_ip$</a></td> + <td align="center"> + <input type="button" value="Mute" + onclick="javascript:Admin.mute('$u.nick$')"> + </td> + </tr> + }$ + </tbody> + </table> + + <br /> + </div> + </body> +</html> + + + |
