diff options
| author | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-03-26 18:23:03 -0400 |
|---|---|---|
| committer | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-03-26 18:23:03 -0400 |
| commit | b18a8081bd5096a5bafdce252256b94f601f2f94 (patch) | |
| tree | db7697a4408b5394307515bb27bafbd1de49347f /static/trash/index5.html | |
| parent | 9d66e591710e593ea035e765b955367957afb6e3 (diff) | |
Added new static content
Diffstat (limited to 'static/trash/index5.html')
| -rwxr-xr-x | static/trash/index5.html | 138 |
1 files changed, 138 insertions, 0 deletions
diff --git a/static/trash/index5.html b/static/trash/index5.html new file mode 100755 index 0000000..b30e42f --- /dev/null +++ b/static/trash/index5.html @@ -0,0 +1,138 @@ +<html> + <head> + <title>dump.fm</title> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="stylesheet" type="text/css" href="static/pichat.css"> + <link rel="stylesheet" type="text/css" href="static/style.css"> + + + + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> + <script type="text/javascript" src="static/pichat.js"></script> + <link rel="shortcut icon" href="static/favicon.ico"> + +<script type="text/javascript"><!-- + $(document).ready(function() { + + // nav tab animation + var navDuration = 150; //time in miliseconds + var navJumpHeight = "5px"; + + $('#nav1 li').hover(function() { + $(this).animate({ top : "-="+navJumpHeight }, navDuration); + }, function() { + $(this).animate({ top : "15px" }, navDuration); + }); + + + // nav animation2 + $('#nav_move').css({ + width: $('#nav2 li:first a').width()+20, + height: $('#nav2 li:first a').height()+20 + }); + $('#nav2 li:first a').addClass('cur'); + + $('#nav2 a').click(function() { + var offset = $(this).offset(); + var offsetBody = $('#center_wrapper').offset(); //find the offset of the wrapping div + $('#nav_move').animate( + { + width: $(this).width()+20, + height: $(this).height()+20, + left: (offset.left - offsetBody.left - 143) + }, + { duration: 350, easing: 'easeInOutCirc' } + ); + $('.cur').removeClass('cur'); + $(this).addClass('cur'); + return false; + }); + + + // list animation + var fadeDuration = 150; //time in milliseconds + + $('#list1 li a').hover(function() { + $(this).animate({ paddingLeft: '30px' }, fadeDuration); + $(this).children('span').show().animate({ left: -5 }, fadeDuration); + }, function() { + $(this).animate({ paddingLeft: '15px' }, fadeDuration); + $(this).children('span').animate({ left: -35 }, fadeDuration).fadeOut(fadeDuration); + }); + + + $('.see_code').click(function() { + if($(this).parent().next().is(':visible')) { + $(this).html('+ Show Code'); + $(this).parent().next().toggle(); + } else { + $(this).html('- Hide Code'); + $(this).parent().next().toggle(); + } + return false; + }); + + });//doc ready +// --></script> + + + + <script type="text/javascript"> +function showPopup(url) { +newwindow=window.open(url,'name','height=600,width=820,top=30,left=10,resizable'); +if (window.focus) {newwindow.focus()} +} +</script> + </head> + <body> + <div id="content"> + <div id="logo"> +<img src="static/dumpbub.png" width="367" height="95"> + </div> + + <div id="chatbox"> + <div id="welcomebar" style="display: none"> + <span>Welcome, </span> + <span id="nickspan"></span> + </div> + <div id="messagetabs"> + <ul id="nav1"> + + <div align="right"><li style="top: 15px;"><a href="log.h"><img src="static/log4.png" width="97" height="39"></span></a></li> +</div> + </ul> + </div> + <div id="rapper"> + <div id="userListicon"> + + <div align="left"> + <p>UsrLst</p> +</div> + </div> + <div id="popout"> + <div align="right"><a href="http://dump.fm"onClick='showPopup(this.href);return(false);'>popout room</a></div> + </div> + <div id="userList"></div> + + <div id="messagePane"> + + <div id="messageList"></div> + <div id="msgInputDiv"> + <input id="msgInput" type="input" disabled="disabled" /> + <input id="msgSubmit" type="submit" value="Send Image URL" + disabled="disabled" /> + </div> + </div> + </div> + + <div id="lillogo" align="center"> + <div align="center"> + <div id="binfo"> + <p>dump.fm lets you talk with pictures. beta 0.0127! <img src="static/lillogo.png" width="16" height="16"></p> + </div> + </div> + </div> + + <div class="content"> </div> + </body> +</html> |