From 699dc9c754b76490091b5f1108a05953f6b8272c Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Wed, 24 Feb 2010 08:08:31 -0500 Subject: Added filename check --- static/js/pichat.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'static') diff --git a/static/js/pichat.js b/static/js/pichat.js index 3137ac4..641662f 100755 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -291,8 +291,8 @@ function favoriteImage() {}; function setupUpload(elementId, roomKey) { var onSubmit = function(file, ext) { - if (!(ext && /^(jpg|png|jpeg|gif)$/i.test(ext))) { - alert('Error: invalid file extension ' + ext); + if (!(ext && /^(jpg|png|jpeg|gif|bmp)$/i.test(ext))) { + alert('SORRY, NOT AN IMAGE DUDE... '); return false; } }; -- cgit v1.2.3-70-g09d2 From c4b8c62ffe424e8c3b45519d113905384f3b9b87 Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Wed, 24 Feb 2010 08:38:28 -0500 Subject: Added static content --- static/browsertool.gif | Bin 6231 -> 14805 bytes static/header.css | 22 +++++++++++++++++++++- static/index.html | 2 +- static/pichat.css | 1 + static/profile.css | 4 ++-- static/register.html | 13 ++++++------- 6 files changed, 31 insertions(+), 11 deletions(-) (limited to 'static') diff --git a/static/browsertool.gif b/static/browsertool.gif index 9777d27..05a3379 100644 Binary files a/static/browsertool.gif and b/static/browsertool.gif differ diff --git a/static/header.css b/static/header.css index 5ad2fbc..5b4e549 100755 --- a/static/header.css +++ b/static/header.css @@ -28,11 +28,13 @@ margin-right:80%; color: #fff; } + #header7{ background-image:url(/static/dblue2.png); background-attachment:inherit; margin: 0px auto -1px auto; top: 0px; +height:38; position:fixed; background-repeat:repeat-x; width:100%; @@ -147,7 +149,7 @@ width:auto; #landscape{ position:absolute; width:auto; - +display:none; margin-left:55%; top:-38; opacity:0.8; @@ -159,6 +161,7 @@ width:auto; left:190; margin-left:29%; top:-19; +display:none; z-index:3; } @@ -188,7 +191,24 @@ z-index:3; #topnav a.signin, #topnav a.signin:hover { *background-position:0 3px!important; } +#register{ + top:-5px; + position:absolute; + font-size: 16px; +height:22; +word-spacing:2; +width:365; +color:#fff; +text-indent:14; +line-height:1.9; +font-weight:bold; + left: -140; + margin-left: 1.2%; + margin-right: 8%; + letter-spacing:.2px; + z-index: 999; +} #banner-menu { position: relative; height: 26px; } diff --git a/static/index.html b/static/index.html index a7e896a..ccdf7ee 100755 --- a/static/index.html +++ b/static/index.html @@ -183,7 +183,7 @@ label {

Right now dump.fm is invite only...
- If you have registration code, click here!
+ If you have a registration code, click here!
diff --git a/static/pichat.css b/static/pichat.css index f01a150..6c693de 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -309,6 +309,7 @@ border-bottom:2px solid #c8cbce; -moz-box-shadow: 3px 3px 4px #c8cbce; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); text-overflow:ellipsis; +opacity:0.87; z-index:18; text-align: left; } diff --git a/static/profile.css b/static/profile.css index 8ee09d3..7594dab 100755 --- a/static/profile.css +++ b/static/profile.css @@ -162,7 +162,7 @@ color:000; } .logged-dump{ - + max-width:500px; text-overflow: ellipsis-word; padding: 18px; font-family: Arial, Helvetica, sans-serif; @@ -274,7 +274,7 @@ color:#087cff; -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; padding:20; line-height:1.5; -height:380; +height:auto; margin-top:-100px; width:600; diff --git a/static/register.html b/static/register.html index ce222e1..4d86ac0 100644 --- a/static/register.html +++ b/static/register.html @@ -20,6 +20,8 @@ + + - - - - - - -- cgit v1.2.3-70-g09d2 From c3a98fda15c707f3718e30cf1abb30c1ea042df8 Mon Sep 17 00:00:00 2001 From: Scott Ostler Date: Wed, 24 Feb 2010 09:55:06 -0500 Subject: Added edit-toggle to profile --- static/js/pichat.js | 51 +++++++++++++++++---------- template/profile.st | 99 +++++++++++++++++++++++++++-------------------------- 2 files changed, 83 insertions(+), 67 deletions(-) (limited to 'static') diff --git a/static/js/pichat.js b/static/js/pichat.js index 071e8e6..d348d93 100755 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -240,18 +240,12 @@ function initChat() { setTimeout(refresh, 1000); } -function initProfile() { - jQuery(".linkify").each(function() { - var text = jQuery(this).text(); - jQuery(this).html(linkify(text)); - }); - - - $('.logged-dump .content').each(function() { - var t = $(this); - t.html(buildMsgContent(t.text())); - }); +function makePlainText() { + var j = $(this); + j.text(j.text()); +} +function enableProfileEdit() { var onSubmit = function(attr, newVal, oldVal) { newVal = $.trim(newVal); if (newVal == oldVal) { return oldVal }; @@ -273,22 +267,43 @@ function initProfile() { return escapeHtml(newVal); }; + $('#avatar-editing').show(); + var avatarOpts = { 'default_text': 'Enter here!', 'callback': onSubmit, 'field_type': 'text', 'callbackShowErrors': false }; $('#avatar.editable').editInPlace(avatarOpts); + if ($('#upload').length > 0) { + setupUploadAvatar('upload'); + } + var textareaOpts = { 'default_text': 'Enter here!', 'callback': onSubmit, 'field_type': 'textarea', - 'callbackShowErrors': false }; - $('#contact.editable, #bio.editable').editInPlace(textareaOpts); + 'callbackShowErrors': false }; + $('#contact, #bio') + .addClass('editable') + .editInPlace(textareaOpts) + .each(makePlainText); + + var resetPage = function() { location.reload() }; + $('#edit-toggle a').text('--> Done editing <--').click(resetPage); +} - if ($('#upload').length > 0) { - setupUploadAvatar('upload'); - } +function initProfile() { + $(".linkify").each(function() { + var text = jQuery(this).text(); + jQuery(this).html(linkify(text)); + }); + $('#edit-toggle').click(enableProfileEdit); + + $('.logged-dump .content').each(function() { + var t = $(this); + t.html(buildMsgContent(t.text())); + }); }; function initLog() { @@ -331,9 +346,9 @@ function setupUploadAvatar(elementId) { var onComplete = function(file, resp) { $('#spinner').hide(); if (resp == 'INVALID_REQUEST') { - location.href = location.href; + location.reload(); } else if (resp == 'NOT_LOGGED_IN') { - location.href = location.href; + location.reload(); } else if (resp == 'INVALID_IMAGE') { alert("Sorry, dump.fm can't deal with your image. Pick another :("); return; diff --git a/template/profile.st b/template/profile.st index b5d3f38..52b745c 100755 --- a/template/profile.st +++ b/template/profile.st @@ -34,59 +34,60 @@ $dumps:{ d | $logged_dump(dump=d)$ }$ -
- -

$nick$

- - $if(avatar)$ - - $else$ - - $endif$ - - $if(is_home)$ -
$avatar$
- - - $endif$ - - - $if(is_home)$ -

contact info

-
$contact$
- $elseif(contact)$ -

contact info

-
$contact$
- $else$ -

-
- $endif$ - - -
- - $if(is_home)$ -

bio

-
$bio$
- $elseif(bio)$ -

bio

-
$bio$
- $else$ -
- $endif$ - - -
-
-
-
+
+ +

$nick$

+ $if(avatar)$ + + $else$ + + $endif$ + + $if(is_home)$ + + $endif$ + + $endif$ + +

contact info

+ $if(contact)$ +
$contact$
+ $else$ +

+
+ $endif$ +
+ +

bio

+ $if(bio)$ +
$bio$
+ $else$ +
+ $endif$ + + $if(is_home)$ +
+ + $endif$ + + +
+
+
+
$else$

 

 

-

 

 

 

-

 

-

☺✌ Welcome to dump.fm ✌☺

+

 

+

 

+

 

+
+

☺✌ Welcome to dump.fm ✌☺



-- cgit v1.2.3-70-g09d2 From 4aaeea62170be62bb7dfef953a7b0b447196e18a Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Thu, 25 Feb 2010 08:25:23 -0500 Subject: Added PROD changes --- static/log.css | 354 ++++++++++++++++++++++++++++++++++++++++++++++++ static/profile.css | 57 +++++++- static/right.gif | Bin 0 -> 74 bytes static/webcam/webcam.js | 2 +- template/chat.st | 2 +- template/log.st | 5 +- template/logged_dump.st | 2 +- template/profile.st | 9 +- 8 files changed, 418 insertions(+), 13 deletions(-) create mode 100644 static/log.css create mode 100644 static/right.gif (limited to 'static') diff --git a/static/log.css b/static/log.css new file mode 100644 index 0000000..7dc2483 --- /dev/null +++ b/static/log.css @@ -0,0 +1,354 @@ + #profile { + float: right; + padding: 20px; +width:180; + position:absolute; + top:29px; +left:545; + margin-top:34px; +background-color:#fff; + + + text-overflow: ellipsis-word; + background-position:top; + z-index:999; + min-height:600px; + + + line-height:1.5; + } +#profile h3{ +margin-top:12; +line-height:2; +color:#fff; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +#profile h2{ +text-indent:-10; +margin-top:-7; +margin-bottom:15; +} +#logavatar{ +margin-left:-90; +height:25; +background-image:url(/static/right.giff); +width:70; + background-repeat:no-repeat; + background-position:50 2; +margin-top:-22; + +} +#logavatar img{ + + +} +#lolbanner{ +position:absolute; +top:5; +margin-left:22; +} +#chatrap{ + width:610; + + margin-left:auto; + margin-right: auto ; + +#cats{ +background-image:url(/static/dumpcats2.png); +} + + +} +#pnav{position:absolute; +padding-left:270; +margin-top:0; +background-position:top; +font-weight:bold; +margin-left:0; +text-align:left; + + + +} +#pnavo{ +margin-top:-18; +padding:2; +width:105; +letter-spacing:-2; +text-indent:6; + background-image:url(/static/grad2.png); +height:32; +text-transform:capitalize; + background-image:url(/static/upload.png); + + +} +#pnavn{ +position:absolute; +top:-1; +left:395; +letter-spacing:-2; +text-indent:5; +width:96; +height:32; +padding:2; +border:1px; + background-image:url(/static/upload.png); + + +} +#pnav a { + font-size: 30px; + color:#fff; +text-transform:lowercase; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; +} +pnav a:link { + text-decoration: none; +color:fff; +} +a:visited { + text-decoration: none; + color: #000; +} +#pnav a:hover { + text-decoration: none; + color: #fff; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + + +} +a:active { + text-decoration: none; + color: #000; +} +#footer +{ + text-align:center; + position:relative; + width:100%; + bottom:-50px; +line-height:3.8; + font-size:12px; +word-spacing:12px; +margin-left:6; +height:28px; + color: #000; + +} +#footer a { + font-size: 11px; + color: #000; + +} +#footer a:link { + text-decoration: none; + font-size: 10px; +color:000; +} +#footer a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} + +#log +{ + position:absolute; + + top:57px; + padding-top: 25px; + + + +} +#posts { + + + +} +.logged-dump img{ + max-width:500px; + width: expression(this.width > 500 ? 500: true); + max-height:400px; + height: expression(this.width > 500 ? 500: true); + border:0px; + z-index:4; + + + +} +.logged-dump{ + + max-width:500px; +text-overflow: ellipsis-word; + padding: 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + line-height:15px; + background-color:#fff; +border:1px solid #eee; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +margin-top:20; + z-index:4; + + line-height:20px; + text-align: left; + + +} + .editable { + color: #0AA; + } + .editing { + color: #F0F; + } + div#avatar { + overflow: hidden; + text-overflow: ellipsis; + + padding-bottom:20px; + } + #contact { + + + + text-overflow: ellipsis-word; + } + #bio { + + text-overflow: ellipsis-word; + } + + input.inplace_field { + width: 100%; + } + + textarea.inplace_field { + width: 100%; + height: 50px; + } + + h2 { + + letter-spacing:-1px; +color:#087cff; + height:40px; + font-size:24px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-transform:capitalize; + + + text-shadow: 1px 3px 3px #c8cbce; +} + + + img#avatarPic { + max-height:250px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + } + + + #newuser + { + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; + box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde; +padding:20; +line-height:1.5; +height:auto; +margin-top:-100px; + width:600; + + background-image:url(/static/dumpcats2.png); +margin-left:40} + + #newuser a{font-size:28; +line-height:3; + text-shadow: 1px 1px 1px #000; +letter-spacing:-1; +color:#f0e; + + +} + +#newuser h1{font-size:20; +letter-spacing:-2; +color:#fff; +text-indent:250; text-shadow: 1px 1px 1px #000; +display:none; +text-transform:uppercase; + +} +#newuser h3{font-size:18; +letter-spacing:-1; +color:#000; + text-shadow: 1px 1px 1px #ccc; +text-transform:uppercase; + +} +#newuser h2{font-size:35; +margin-top:-10; +color:#000; + text-shadow: 0px 2px px #f0e; +text-transform:lowercase; +letter-spacing:5; +text-align:center; + +} +#date{ +font-size:60%; +} +#headerbar{ +top:80; + background-image:url(/static/welcomebar.gif); +} +.invisible { display: none !important; } +body,td,th { + font-family: Arial, Helvetica, sans-serif; + background-color:#ffffee; + background-image:url(/static/chanbg.png); + background-repeat:repeat-x; + background-position:1 10; +background-attachment:fixed; + margin: 0; + + + +}@charset "UTF-8"; diff --git a/static/profile.css b/static/profile.css index 7594dab..143aa79 100755 --- a/static/profile.css +++ b/static/profile.css @@ -1,14 +1,18 @@ #profile { float: right; padding: 20px; -width:180; +width:auto; position:absolute; top:29px; left:545; +max-width:230; margin-top:34px; background-color:#fff; - + overflow: hidden; + text-overflow: ellipsis; + + height:auto; text-overflow: ellipsis-word; background-position:top; z-index:999; @@ -17,6 +21,11 @@ background-color:#fff; line-height:1.5; } +#lolbanner{ +position:absolute; +top:5; +margin-left:22; +} #profile h3{ margin-top:12; line-height:2; @@ -28,16 +37,33 @@ text-indent:-10; margin-top:-7; margin-bottom:15; } +#logavatar{ +margin-left:-49; +height:22; +margin-top:-22; + +} +#logavatar img{ + max-width:20px; + width: expression(this.width > 20 ? 20: true); + max-height:20px; + height: expression(this.width > 20 ? 20: true); + max-width:20px; +margin-top:0; + box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 2px 2px 5px #d8dbde; +} #chatrap{ - width:720; + width:610; margin-left:auto; margin-right: auto ; + #cats{ background-image:url(/static/dumpcats2.png); } - } @@ -51,6 +77,27 @@ text-align:left; +} +#upload{ +display:inline-block; + width:181px; + height:33px; + font-size:20px; + background-image:url(/static/btngrad1.png); + font-weight:bold; + word-spacing:7; + margin-top:25px; +margin-bottom:5; +margin-left:-2; + text-align:center; + z-index:100; + font-size:16px; + color:#fff; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ + border:solid 1px #eee; } #pnavo{ margin-top:-18; @@ -161,7 +208,7 @@ color:000; } .logged-dump{ - +width:500; max-width:500px; text-overflow: ellipsis-word; padding: 18px; diff --git a/static/right.gif b/static/right.gif new file mode 100644 index 0000000..1196f1b Binary files /dev/null and b/static/right.gif differ diff --git a/static/webcam/webcam.js b/static/webcam/webcam.js index 3e3b4fd..42af499 100644 --- a/static/webcam/webcam.js +++ b/static/webcam/webcam.js @@ -27,7 +27,7 @@ window.webcam = { }, // callback hook functions init: function(){ - webcam.set_api_url( '/upload' ); + webcam.set_api_url( '/upload/message' ); webcam.set_swf_url('/static/webcam/webcam.swf') webcam.set_quality( 90 ); webcam.set_shutter_sound(false); diff --git a/template/chat.st b/template/chat.st index 2c0f15f..9122c93 100755 --- a/template/chat.st +++ b/template/chat.st @@ -49,7 +49,7 @@
$users: { u | -
+ diff --git a/template/log.st b/template/log.st index 7281e11..65f149e 100755 --- a/template/log.st +++ b/template/log.st @@ -2,7 +2,7 @@ dump.fm log $head()$ - + @@ -20,6 +20,9 @@
+
+ +
$if(dumps)$ $dumps: { d | $logged_dump(dump=d)$ }$ $else$ diff --git a/template/logged_dump.st b/template/logged_dump.st index c7cbbd2..86465e3 100755 --- a/template/logged_dump.st +++ b/template/logged_dump.st @@ -32,7 +32,7 @@ img{
$dump.created_on$ -- by $dump.nick$
- +
$dump.content$

diff --git a/template/profile.st b/template/profile.st index b5d3f38..9f085c6 100755 --- a/template/profile.st +++ b/template/profile.st @@ -32,8 +32,9 @@ $if(dumps)$ $dumps:{ d | $logged_dump(dump=d)$ }$ - - +
+ +

$nick$

@@ -45,8 +46,8 @@ $endif$ $if(is_home)$ -
$avatar$
- + + $endif$ -- cgit v1.2.3-70-g09d2 From af00dc516ad125f01189f673ff3d3b35738086fc Mon Sep 17 00:00:00 2001 From: Scott Ostler Date: Thu, 25 Feb 2010 09:41:36 -0500 Subject: Fixed field mis-spelling --- static/register.html | 28 ++++++++++------------------ 1 file changed, 10 insertions(+), 18 deletions(-) (limited to 'static') diff --git a/static/register.html b/static/register.html index 4d86ac0..c60a319 100644 --- a/static/register.html +++ b/static/register.html @@ -15,13 +15,6 @@