diff options
Diffstat (limited to 'template/frontpage copy.st')
| -rw-r--r-- | template/frontpage copy.st | 531 |
1 files changed, 531 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> |