summaryrefslogtreecommitdiff
path: root/template/frontpage.st
diff options
context:
space:
mode:
authordumpfmprod <dumpfmprod@ubuntu.(none)>2011-02-15 17:38:02 -0500
committerdumpfmprod <dumpfmprod@ubuntu.(none)>2011-02-15 17:38:02 -0500
commit12f5ceb9c2acbace5a376acd6f324491237e6915 (patch)
tree8d27b9f3261485f1e3bdf1351156a30e1bc563b4 /template/frontpage.st
parent40a7664fadd8106bea7b9b0f14feaa829434f8e9 (diff)
sostler prod commit
Diffstat (limited to 'template/frontpage.st')
-rw-r--r--template/frontpage.st74
1 files changed, 39 insertions, 35 deletions
diff --git a/template/frontpage.st b/template/frontpage.st
index c5851f5..7910771 100644
--- a/template/frontpage.st
+++ b/template/frontpage.st
@@ -1,7 +1,7 @@
<html>
<head>
- <title>dump.fm log</title>
+ <title>dump.fm</title>
<!---HEAD
@@ -42,42 +42,39 @@ $endif$
-
-body{margin:0px; background-image:url(http://dump.fm/static/img/bg.dither.gif); background-color:f1f1f1;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+body{margin:0px; background-image:url(http://dump.fm/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:2px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;height:35px;clear: both;}
+#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:7px;margin-left:5px;}
+#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;}
-#logout{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;}
-#searchbox{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{font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;}
+#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{ text-align:justify;vertical-align: top; padding:10px;margin:7px;color:#000;font-weight:100;font-size:13px;letter-spacing:1px;font-family:Arial, Helvetica, sans-serif;float:left;min-height:210px;max-width:160px;min-width:200;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:#fff;background:#448ed4; border:1px ridged #fff;
- background:-moz-linear-gradient(top, #fff, #eee 50%, #eee 51%, #fff);
- background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee), color-stop(51%, #eee), to(#fff));}
-.logged-dump{font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:220px;padding:7px;margin:7px;background-color:white;}
+#sideinfo{ text-align:justify;color:#333; padding:12px;margin:7px;font-size:20px;float:left;min-height:210px;width:230px;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:23px;}
+.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; }
.buttons img{height:12px;float:left;padding-right:6px;padding-top:5px;cursor:pointer;display:none;}
.buttons .share{cursor:pointer;display:none;}
#posts hr{display:none;}
-#pgbuttons{position:fixed;bottom:5px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
+#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;}
+#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;
+ cursor:pointer;font-size:12px;
position:relative;font-weight:100;
overflow:hidden;
vertical-align:middle;
@@ -91,6 +88,10 @@ img{border:0px;}
-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-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:100;height:50px;width:50px;text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:5px;
+ }
+#hallnick{font-size:16px;}
+
#login-container {
float: right;
right:7px;
@@ -302,7 +303,7 @@ a#disregister {
#inpage-search-results{
position: absolute;
top:47px;
- width:100%;
+ width:99%;padding:5x;margin:5px;
text-align: center;
left: 0;
z-index: 1000;
@@ -313,12 +314,10 @@ a#disregister {
position:relative;
overflow:auto;
background-image:url(/static/img/bg.dither.gif);
- background-color:#eee;
+ background-color:lightyellow;
min-height: 600px;
- margin-left: 5%;
- margin-right: 5%;
- margin-top: 0px;
- border:1px inset #fff;
+margin:7px;
+ border:1px inset #333;
padding-top: 30px;
}
#fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; }
@@ -337,7 +336,6 @@ a#disregister {
padding-right: 8px;
}
#search-message {
- background-color: lightyellow;
font-size: medium;
padding: 4px;
@@ -360,7 +358,7 @@ a#disregister {
<script>
jQuery(window).load(function(){
- jQuery('#posts').masonry({ columnWidth: 260 });
+ jQuery('#posts').masonry({ columnWidth: 275 });
jQuery('#posts').masonry({ singleMode: true });
jQuery('#posts').masonry({ resizeable: true });
jQuery('#posts').masonry({ animate: true});
@@ -376,7 +374,9 @@ jQuery(window).load(function(){
</head>
<body>
-
+ <!--
+ <iframe src="http://dump.fm/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">
@@ -432,7 +432,8 @@ jQuery(window).load(function(){
$if(user_nick)$
- <div id="logout">
+
+ <div id="logout7"class="white">
<form id="logout" action="/logout" method="POST">
<a href="#" onclick="jQuery('#logout').submit(); return false">Logout</a>
</form>
@@ -453,21 +454,24 @@ jQuery(window).load(function(){
<div id="posts" class="clickable clearfix">
-<div id="sideinfo">$roomkey$ log
-<br><br>
-dump.fm lets you talk with pictures! 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>
+<div id="sideinfo">
+You are viewing the current trending images posted to dump.fm; a super fun community of real-time image posting.
If 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>!
</div>
+ <!-- <div class="logged-dump">
+ <i id="hallnick">On dump.fm now..</i>
+ <iframe src="http://dump.fm/fullscreen"style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe>
+ </div>-->
+
$if(dumps)$
- $dumps: { d | $log_dump(dump=d)$ }$
+ $dumps: { d | $hall_log_dump(dump=d)$ }$
$if(json_tags)$
<script>
@@ -491,27 +495,27 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r
$if(next)$
<a href="http://$roomkey$dump.fm/log/$next$"> <input class="pgbutton"id="nextbutton" value="Next ->" readonly="true"type="button"></a>
$else$
- <input id="nextbutton" value="nomodumps" readonly="true"type="button"class="pgbutton">
+
$endif$
</div>
<!--START FOOTER
$footer()$-->
-<br><br>
+<br><br><center>
<div id="footer">
@2010 <a href="/">dump.fm</a>
<a href="http://dump.fm/about_us" style="word-spacing: normal">About Us</a>
<a href="http://dump.fm/help" style="word-spacing: normal">Help FAQ</a>
<a href="http://dump.fm/terms">Terms</a>
<a href="http://dump.fm/privacy">Privacy</a>
-</div>
+</div></center>
</div>
$google_analytics()$
$debug_log()$
- <div id="inpage-search-results" style="background-color: white;">
+ <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>
@@ -522,7 +526,7 @@ $debug_log()$
-<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:-18px">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:#eee"></span></span></span>
+<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>