diff options
163 files changed, 1967 insertions, 1151 deletions
diff --git a/static/319/index.html b/static/319/index.html index e855406..0e79449 100755 --- a/static/319/index.html +++ b/static/319/index.html @@ -48,6 +48,13 @@ h2 a{color:white;} a{text-decoration:none;color:#ccc;} a:hover{text-decoration:none;color:blue;} +.fb-like-frame { + border: none; + overflow: hidden; + width: 70px; + height: 80px; +} + </style> </head> @@ -65,7 +72,7 @@ a:hover{text-decoration:none;color:blue;} <div id="fblike"> <!--<img src="/static/img/dumppixel.png">--> -<iframe src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe> +<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> <div id="maintxt"> <img src="logo.png"id="logo"><br> diff --git a/static/319/irhell.html b/static/319/irhell.html index ae2b80d..266ee73 100755 --- a/static/319/irhell.html +++ b/static/319/irhell.html @@ -51,13 +51,24 @@ a{text-decoration:none;color:#ccc;border:0px;} a:hover{text-decoration:none;color:blue;} #pizza{position:absolute;top:-170px;margin-left:-196px;opacity:0.2;} #frankhats{position:absolute;bottom:0px;margin-left:-156px;opacity:0.2;} + +.opacity-40 { + opacity: 0.4; +} + +.fb-like-frame { + border: none; + overflow: hidden; + width: 70px; + height: 80px; +} </style> </head> <body><img src="https://archive.hump.fm/images/20101002/1286043668589-dumpfm-jeeeelings-photoshop_explosion.gif"id="gamma"> <div id="total"> -<img src="basement.jpg" id="flyer"><img src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif"style="opacity:0.4"> -<img src="http://heaven.internetarchaeology.org/clouds/background.gif"style="opacity:0.4"> +<img src="basement.jpg" id="flyer"><img class="opacity-40" src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif"> +<img class="opacity-40" src="http://heaven.internetarchaeology.org/clouds/background.gif"> </div> <img src="moody.png"id="moody"> <img src="http://d21c.com/walpurgis9/hellish/pics2//0092.gif"id="lucy"> @@ -66,7 +77,7 @@ a:hover{text-decoration:none;color:blue;} <img src="out4pizza.gif"id="pizza"> <img src="https://archive.hump.fm/images/20101003/1286142569460-dumpfm-frankhats-squlll.gif"id="frankhats"> <div id="fblike"> -<iframe src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firhell%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe> +<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firhell%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> <span id="hell"> <img src="HELL.gif"> diff --git a/static/319/irhell2.html b/static/319/irhell2.html index 7b8115c..cf4c6b6 100755 --- a/static/319/irhell2.html +++ b/static/319/irhell2.html @@ -57,7 +57,16 @@ a{text-decoration:none;color:#ccc;} a:hover{text-decoration:none;color:blue;} #pizza{position:absolute;bottom:-7px;margin-left:-96px;z-index:-8;} +.opacity-40 { + opacity: 0.4; +} +.fb-like-frame { + border: none; + overflow: hidden; + width: 70px; + height: 80px; +} @@ -67,8 +76,8 @@ a:hover{text-decoration:none;color:blue;} <body><img src="https://archive.hump.fm/images/20101002/1286043668589-dumpfm-jeeeelings-photoshop_explosion.gif"id="gamma"> <div id="total"> -<img src="basement.jpg" id="flyer"><!--<img src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif"style="opacity:0.4">--> -<img src="http://heaven.internetarchaeology.org/clouds/background.gif"style="opacity:0.4"> +<img src="basement.jpg" id="flyer"><!--<img class="opacity-40" src="http://i38.photobucket.com/albums/e128/post-hunk/idgithishell.gif">--> +<img class="opacity-40" src="http://heaven.internetarchaeology.org/clouds/background.gif"> </div> @@ -79,7 +88,7 @@ a:hover{text-decoration:none;color:blue;} <img src="out4pizza.gif"id="pizza"> <div id="fblike"> <!--<img src="/static/img/dumppixel.png">--> -<iframe src="https://www.facebook.com/plugins/like.php?href=facebookgooglemyspaceyoutube.com%2Fjkdsjdgfjfdg%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe> +<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=facebookgooglemyspaceyoutube.com%2Fjkdsjdgfjfdg%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> <span id="hell"> <img src="HELL.gif"> diff --git a/static/319/res.html b/static/319/res.html index 9d6eac4..6a15cb0 100755 --- a/static/319/res.html +++ b/static/319/res.html @@ -50,6 +50,25 @@ h2 a{color:white;} a{text-decoration:none;color:#ccc;} a:hover{text-decoration:none;color:blue;} +.fb-like-frame { + border: none; + overflow: hidden; + width: 70px; + height: 80px; +} + +.irl-copy { + width: 420px; +} + +.irl-curator { + font-size: 130%; +} + +.irl-wide { + width: 500px; +} + </style> </head> @@ -67,17 +86,17 @@ a:hover{text-decoration:none;color:blue;} <div id="fblike"> <!--<img src="/static/img/dumppixel.png">--> -<iframe src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:80px;" allowTransparency="true"></iframe> +<iframe class="fb-like-frame" src="https://www.facebook.com/plugins/like.php?href=dump.fm%2Firl%2F&layout=button_count&show_faces=false&width=20&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> <div id="maintxt"> <img src="logo.png"id="logo"><br> <span class="subtxt"> -<div id=":zj" style="width:420px;"> +<div class="irl-copy"> <div><strong> <div><a href="http://319scholes.org/" >319 Scholes</a> hosts <a href="/irl/" >DUMP.FM IRL</a>, a week-long exhibit and gathering for image-based chat site, <a href="/" >dump.fm</a>. </div> </strong></div> -<span style="font-size:130%;">curated by lindsay howard</span> +<span class="irl-curator">curated by lindsay howard</span> <div><br /> </div> <div><strong>Monday October 25th</strong> - 9:00pm-11:00pm </div> @@ -108,12 +127,12 @@ a:hover{text-decoration:none;color:blue;} <div><br /> </div> <div><strong>Saturday October 30th</strong></div> - <div style="width:500px;">10pm dump.fm IRHELL... CLICK CONTINUE TO CONTINUE! + <div class="irl-wide">10pm dump.fm IRHELL... CLICK CONTINUE TO CONTINUE! </div> </div> <div> </div><br> - <div style="width:500px;">All events at 319 Scholes unless otherwise noted.</div> + <div class="irl-wide">All events at 319 Scholes unless otherwise noted.</div> <div><br /> </div> diff --git a/static/7777889.html b/static/7777889.html index 0687ac6..3938519 100755 --- a/static/7777889.html +++ b/static/7777889.html @@ -12,32 +12,32 @@ input{width:600px;height:70px;margin-bottom:20px;} body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;} html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;} - </style> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> - <META NAME="description" CONTENT="Talk with pictures!"> - <title>dump.fm - register</title></head> - <body style="width:250px;margin:30 auto;background:yellow;> + </style> + <link rel="stylesheet" type="text/css" href="/static/css/index.css"> + <link rel="shortcut icon" href="/static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> + <META NAME="description" CONTENT="Talk with pictures!"> + <title>dump.fm - register</title></head> + <body> - - <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> - <label style="text-align:left;margin-bottom:-8px;">username</label> - <input type="text" class="field" id="nickInput" /> - <br> - - <label style="text-align:left;margin-bottom:-8px;">password</label> - <input type="password" class="field" id="passwordInput" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> - <input type="password" class="field" id="passwordInput2" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">email</label> - <input type="text" class="field" id="emailInput" /> - <br> - - <div align="right"> + + <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> + <label class="form-label-left-tight">username</label> + <input type="text" class="field" id="nickInput" /> + <br> + + <label class="form-label-left-tight">password</label> + <input type="password" class="field" id="passwordInput" /> + <br> + <label class="form-label-left-tight">password2x</label> + <input type="password" class="field" id="passwordInput2" /> + <br> + <label class="form-label-left-tight">email</label> + <input type="text" class="field" id="emailInput" /> + <br> + + <div align="right"> <input type="submit" class="submit" id="submit" value="Register!" /> diff --git a/static/css/ChatBubble-simple.css b/static/css/ChatBubble-simple.css index 0e3c319..67f29d1 100755 --- a/static/css/ChatBubble-simple.css +++ b/static/css/ChatBubble-simple.css @@ -14,6 +14,11 @@ position:fixed; top:20; left:20; } + +.help-body { + width: 475px; + font-family: Arial, Helvetica, sans-serif; +} div.CBmsg { display: table; margin-bottom: 0.5em; @@ -149,4 +154,4 @@ div.CBiconL > img { width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; -}
\ No newline at end of file +} diff --git a/static/css/browser.css b/static/css/browser.css index e0d6c19..4c115e6 100755 --- a/static/css/browser.css +++ b/static/css/browser.css @@ -1,13 +1,23 @@ /* pichat.css */ body { - font-size:13; - font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; - margin:2%; - background-repeat:repeat-x; - background-position:top; - -} + font-size:13; + font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; + margin:2%; + background-repeat:repeat-x; + background-position:top; + + } + + .is-hidden { + display: none; + } + + #content.content-hearts { + background-image: url(/static/hearts.gif); + background-repeat: repeat; + height: 800px; + } #rapper{ } #container { @@ -84,7 +94,7 @@ border:1px solid #f0e0d6; text-align:center; position:fixed; width:100%; - bottom:0px; + bottom:3px; line-height:3.1; font-size:11px; word-spacing:8px; diff --git a/static/css/chat_down.css b/static/css/chat_down.css index 155cc8d..75a6367 100644 --- a/static/css/chat_down.css +++ b/static/css/chat_down.css @@ -4,3 +4,7 @@ body{ background-image:url('https://i.imgur.com/JR7Ge.gif'); overflow:hidden; } + +.chat-down-image { + margin-top: 15%; +} diff --git a/static/css/chat_wrapper.css b/static/css/chat_wrapper.css index 6d9a832..c7989ca 100644 --- a/static/css/chat_wrapper.css +++ b/static/css/chat_wrapper.css @@ -17,3 +17,13 @@ left: 50% !important; margin-left: -250px !important; } + +#vipinfo { + position: absolute; + z-index: 100000; + right: 50px; + bottom: 125px; + background: #fff; + padding: 10px; + opacity: 0.75; +} diff --git a/static/css/dump.css b/static/css/dump.css index f8cfbe2..cab2bfe 100755 --- a/static/css/dump.css +++ b/static/css/dump.css @@ -106,7 +106,7 @@ a.img_rolldis:hover { } #dumplist { - top: 0px:padding:0px; + padding: 0px; font-size: 88%; text-transform: uppercase; text-decoration: none; @@ -1031,7 +1031,6 @@ a:active { #binfo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; - bottom } #preload { @@ -1044,6 +1043,99 @@ a:active { display: none !important; } +.is-hidden { + display: none; +} + +.is-relative { + position: relative; +} + +.float-left { + float: left; +} + +.content-no-padding { + padding: 0; +} + +.p-2 { + padding: 2px; +} + +.dash-total { + width: 100%; + height: 100%; + z-index: -1; +} + +.dash-total--avatar { + opacity: 0.1; +} + +.dash-total--stripes { + background-image: url(/static/img/thumbs/stripes.gif); +} + +.bg-white { + background-color: #fff; +} + +.bg-hearts { + background-image: url(/static/img/hearts.gif); + background-repeat: repeat; +} + +.hearts-frame { + overflow-x: hidden; + padding: 5px; + background-image: url(/static/img/hearts.gif); + background-repeat: repeat; +} + +.dropdown-window { + overflow: hidden; + height: 600px; + position: absolute; +} + +.loading-bar { + position: absolute; + left: 50%; + top: 50%; +} +.loading-bar-label { + position: absolute; + font-family: arial; + font-size: 10px; + color: #ccc; + background: #000; + left: -50px; + top: -18px; + padding: 1px; +} +.loading-bar-track { + position: absolute; + left: -50px; + top: -5px; + font-size: 1px; + width: 100px; + height: 10px; + background: #333; +} +.loading-bar-fill { + position: absolute; + font-size: 1px; + width: 0px; + height: 10px; + background: #eee; +} + +.embed-frame { + border: 7px inset #ccc; + margin: 0; +} + /* profile shit */ @@ -2061,6 +2153,17 @@ a.msgbtn:active { #fblike { margin-top: 6px; margin-left: 6px; + border: none; + overflow: hidden; + width: 100px; + height: 21px; +} + +.fb-like-wide { + border: none; + overflow: hidden; + width: 500px; + height: 26px; } #logo { float: left; @@ -2512,6 +2615,11 @@ a#disregister:hover { -webkit-background-clip: text; } +.rainbow-link { + border-bottom: 1px solid rgba(0, 255, 255, 0.3); + font-weight: bold; +} + .nick_aids_enoch a:link, .nick_aids_enoch .content, .nick_aids_enoch .msg-hover { color: transparent; text-shadow: 0 0 5px #857E96; } .nick_aids_enoch { opacity: 0.3; } .nick_aids_enoch img { -webkit-filter: blur(4px); } diff --git a/static/css/dumpnewuser.css b/static/css/dumpnewuser.css index 1c92e62..9a6ff6c 100755 --- a/static/css/dumpnewuser.css +++ b/static/css/dumpnewuser.css @@ -498,7 +498,6 @@ left:0; #binfo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; - bottom } #preload { @@ -507,4 +506,4 @@ left:0; top: 0px; } -.invisible { display: none !important; }
\ No newline at end of file +.invisible { display: none !important; } diff --git a/static/css/error_ie.css b/static/css/error_ie.css new file mode 100644 index 0000000..cfdeabb --- /dev/null +++ b/static/css/error_ie.css @@ -0,0 +1,6 @@ +#iesucks { + margin: 10%; + font-size: 15px; + font-family: Arial, sans serif; + color: black; +} diff --git a/static/css/fame.css b/static/css/fame.css new file mode 100644 index 0000000..cf969ab --- /dev/null +++ b/static/css/fame.css @@ -0,0 +1,9 @@ +.hall-of-fame-title { font-size: 150%; } + +.hall-of-fame-select { + font-size: 14px; + color: #000; + font-family: verdana, sans-serif; + background-color: #fff; + font-weight: bold; +} diff --git a/static/css/front.css b/static/css/front.css index ef0ee70..39e7700 100755 --- a/static/css/front.css +++ b/static/css/front.css @@ -119,6 +119,68 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, #signin_menu p a { color:#27B!important; } + +.is-relative { + position: relative; +} +.is-hidden { + display: none; +} + +.loading-bar { + position: absolute; + left: 50%; + top: 50%; +} +.loading-bar-label { + position: absolute; + font-family: arial; + font-size: 10px; + color: #ccc; + background: #000; + left: -50px; + top: -18px; + padding: 1px; +} +.loading-bar-track { + position: absolute; + left: -50px; + top: -5px; + font-size: 1px; + width: 100px; + height: 10px; + background: #333; +} +.loading-bar-fill { + position: absolute; + font-size: 1px; + width: 0px; + height: 10px; + background: #eee; +} + +#fblike { + border: none; + overflow: hidden; + width: 100px; + height: 21px; +} +.fullscreen-thumb { + overflow: hidden; + width: 240px; + height: 200px; + border: 0px; +} +.fullscreen-bg { + overflow: hidden; + width: 100%; + height: 100%; + border: 0px; + z-index: -1; + position: fixed; + top: 0px; + left: 0px; +} #signin-submit { display:inline-block; width:90px; diff --git a/static/css/frontpage_legacy.css b/static/css/frontpage_legacy.css index c667daa..21c0f94 100644 --- a/static/css/frontpage_legacy.css +++ b/static/css/frontpage_legacy.css @@ -17,7 +17,7 @@ img{border:0px;} #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;} +.alttxt{font-size:18px;line-height:20px;text-transform:uppercase;text-align:left;} .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{display:none;z-index:4;float:left;padding-top:5px;cursor:pointer;} @@ -42,7 +42,7 @@ z-index:4; #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{text-decoration:none;color:#333;word-spacing:normal;} #footer a:hover{color:#000;} #pgbuttons input{color:#eee;letter-spacing:1px; text-decoration:none; @@ -64,6 +64,7 @@ z-index:4; .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;} body.logged-in .hallscore{cursor:pointer;} .hallnick{font-size:16px;} +#hallnick iframe{overflow:hidden;width:240px;height:200px;border:0px;} a#disregister { background: #FCF0AD; color: #fe1409; diff --git a/static/css/frontpage_profile.css b/static/css/frontpage_profile.css index 247160e..2267600 100644 --- a/static/css/frontpage_profile.css +++ b/static/css/frontpage_profile.css @@ -25,7 +25,7 @@ img{border:0px;} #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{text-decoration:none;color:#333;word-spacing:normal;} #footer a:hover{color:#000;} #pgbuttons input{color:#eee;letter-spacing:1px; text-decoration:none; @@ -47,6 +47,7 @@ img{border:0px;} #hallscore{right:-11px;color:#fff;text-align:center;top:-13px;position:absolute;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;} +#hallnick iframe{overflow:hidden;width:240px;height:200px;border:0px;} a#disregister { background: #FCF0AD; color: #fe1409; diff --git a/static/css/fullscreen2.css b/static/css/fullscreen2.css index dfd3436..77ced2d 100644 --- a/static/css/fullscreen2.css +++ b/static/css/fullscreen2.css @@ -40,3 +40,8 @@ body { #supersize .activeslide img { display: inline; } + +#supersize { + width: 1224px; + height: 918px; +} diff --git a/static/css/fullscreen_base.css b/static/css/fullscreen_base.css index 4543044..22aed3a 100644 --- a/static/css/fullscreen_base.css +++ b/static/css/fullscreen_base.css @@ -65,6 +65,10 @@ input { display: none; } +.rememberme-row { + font-size: 80%; +} + #forgetpw { position: absolute; left: 5px; diff --git a/static/css/fullscreen_box.css b/static/css/fullscreen_box.css index 11c7d10..6c91aa8 100644 --- a/static/css/fullscreen_box.css +++ b/static/css/fullscreen_box.css @@ -140,6 +140,10 @@ label { width: 90px; display: inline-block; } +#registerbox label { + text-align: left; + margin-bottom: -8px; +} #remembermeInput { margin-top: 0; margin-left: 0; diff --git a/static/css/index.css b/static/css/index.css index 01bce1d..8141ef9 100755 --- a/static/css/index.css +++ b/static/css/index.css @@ -64,6 +64,21 @@ body { background-position:top; } +.no-underline { + text-decoration: none; +} +.no-underline:hover { + text-decoration: none; +} + +.text-center { + text-align: center; +} + +.is-hidden { + display: none; +} + #video{ display:none; } @@ -75,6 +90,15 @@ margin-top:2%; background-position:top center; background-repeat:repeat-x; } + +#content.content-z77 { + position: relative; + z-index: 77; +} + +#content.content-fullheight { + height: 100%; +} #preload { position: absolute; left: 0px; @@ -124,12 +148,11 @@ padding-bottom:15px; box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -} -} -.menu2 li { - padding: 0; - margin: 0 2px; - float: left; + } + .menu2 li { + padding: 0; + margin: 0 2px; + float: left; position: relative; text-align: center; } @@ -315,6 +338,18 @@ z-index:30; margin-top:-3px; margin-bottom:7px; } + +.form-label-left-tight { + text-align: left; + margin-bottom: -8px; +} + +.register-message { + display: block; + width: auto; + text-align: center; + margin-bottom: 10px; +} #remember{margin-top:-4px;z-index:30; margin-right:50px;text-align: right;display:inline-block;line-height:0.5;} #remember a{text-decoration:none;font-size:11px;display:block;z-index:30;} #furie3 { @@ -436,4 +471,4 @@ z-index:-1; #register-spinner { display: none; -}
\ No newline at end of file +} diff --git a/static/css/meme_pages.css b/static/css/meme_pages.css index c53d420..9d7028f 100644 --- a/static/css/meme_pages.css +++ b/static/css/meme_pages.css @@ -10,6 +10,12 @@ body { overflow: auto; } +.preload-img { + visibility: hidden; + width: 0px; + height: 0px; +} + #rapper { background-color: #f2f9fe; width: 800px; @@ -59,6 +65,21 @@ body { margin: -1; } +#likebutton iframe { + border: none; + overflow: hidden; +} + +.fb-like-small { + width: 50px; + height: 21px; +} + +.fb-like-large { + width: 120px; + height: 90px; +} + #registertxt { border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; diff --git a/static/css/mgmt.css b/static/css/mgmt.css index 2ff6d8e..4360ad3 100755 --- a/static/css/mgmt.css +++ b/static/css/mgmt.css @@ -259,10 +259,10 @@ position:absolute; top:21px;right:0px; } #dumplist{ -top:0px:width:100%;padding:0px;background-color:#fff; -color:#000;font-size:60%;text-transform:uppercase;text-decoration: none; -border-bottom:1px solid #999;text-align:left;text-indent:350px; -padding-right:44px;line-height:1.1;background-color:#eff5fb;overflow:hidden;position:fixed;height:10px;width:100%; +top:0px;width:100%;padding:0px;background-color:#fff; + color:#000;font-size:60%;text-transform:uppercase;text-decoration: none; + border-bottom:1px solid #999;text-align:left;text-indent:350px; + padding-right:44px;line-height:1.1;background-color:#eff5fb;overflow:hidden;position:fixed;height:10px;width:100%; /*margin-left:40%; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; @@ -291,6 +291,7 @@ display:none; .no-cursor { cursor: none; } .invisible { display: none !important; } +.preload-img { visibility: hidden; width: 0px; height: 0px; } #cursor-big { position: absolute; z-index: 1000; } .thumb { @@ -1186,7 +1187,6 @@ left:0; #binfo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; - bottom } #preload { @@ -1682,5 +1682,3 @@ top:50px; cursor: pointer; display: none; } - - diff --git a/static/css/newlog.css b/static/css/newlog.css index f0e0277..8cc8032 100644 --- a/static/css/newlog.css +++ b/static/css/newlog.css @@ -206,6 +206,7 @@ img { #footer a { text-decoration: none; color: #333; + word-spacing: normal; } #footer a:hover { diff --git a/static/css/password_reset.css b/static/css/password_reset.css new file mode 100644 index 0000000..7dc2171 --- /dev/null +++ b/static/css/password_reset.css @@ -0,0 +1,12 @@ +#content.reset-content { z-index: 77; } + +#passwordreset #feedback { + color: red; + margin-bottom: 2em; +} + +#passwordreset label { + display: block; + text-align: left; + margin-bottom: -8px; +} diff --git a/static/css/profile_dashboard.css b/static/css/profile_dashboard.css index 4790ccb..03bc3c7 100644 --- a/static/css/profile_dashboard.css +++ b/static/css/profile_dashboard.css @@ -91,6 +91,11 @@ margin-top:50px; } +.dashavatar-bg{ +height:100px; +width:100%; +} + #dashpix{ top:0px; float:right; diff --git a/static/css/req_reset.css b/static/css/req_reset.css index 0807ec7..65d1c3c 100644 --- a/static/css/req_reset.css +++ b/static/css/req_reset.css @@ -1,3 +1,4 @@ #main { padding: 10px 2em 0px 2em; } label { float: left; width: 150px; } .error { border: 1px solid red; } +#feedback { color: red; margin-bottom: 2em; } diff --git a/static/css/reset.css b/static/css/reset.css new file mode 100644 index 0000000..f1af743 --- /dev/null +++ b/static/css/reset.css @@ -0,0 +1,49 @@ +/* reset.css + From http://meyerweb.com/eric/tools/css/reset/ + v1.0 | 20080212 */ +* { + padding: 0; + margin: 0; +} + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; + font-family: Arial, Helvetica, sans-serif; +} + +body { line-height: 1; } + +ol, ul { list-style: none; } + +blockquote, q { quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +:focus { outline: 0; } + +ins { text-decoration: none; } + +del { text-decoration: line-through; } + +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/static/css/rooms_vortex.css b/static/css/rooms_vortex.css index 7403454..7bb2754 100644 --- a/static/css/rooms_vortex.css +++ b/static/css/rooms_vortex.css @@ -62,3 +62,42 @@ text-decoration:none; font-family: Arial, Helvetica, sans-serif; color:blue; } + +.loading-bar { + position: absolute; + left: 50%; + top: 50%; +} +.loading-bar-label { + position: absolute; + font-family: arial; + font-size: 10px; + color: #ccc; + background: #000; + left: -50px; + top: -18px; + padding: 1px; +} +.loading-bar-track { + position: absolute; + left: -50px; + top: -5px; + font-size: 1px; + width: 100px; + height: 10px; + background: #333; +} +.loading-bar-fill { + position: absolute; + font-size: 1px; + width: 0px; + height: 10px; + background: #eee; +} + +#likebutton iframe { + border: none; + overflow: hidden; + width: 170px; + height: 80px; +} diff --git a/static/css/simplerlog.css b/static/css/simplerlog.css index 784253d..a158fd8 100644 --- a/static/css/simplerlog.css +++ b/static/css/simplerlog.css @@ -202,6 +202,7 @@ img { #footer a { text-decoration: none; color: #333; + word-spacing: normal; } #footer a:hover { @@ -301,6 +302,7 @@ a#disregister:hover { text-align: center; left: 0; z-index: 1000; + background-color: white; } #inpage-search-results #search-results-images { diff --git a/static/css/terms.css b/static/css/terms.css new file mode 100644 index 0000000..350e7c6 --- /dev/null +++ b/static/css/terms.css @@ -0,0 +1,9 @@ +.terms-body { + margin: 0; + width: 500px; +} + +.terms-container { + height: 600px; + width: 500px; +} diff --git a/static/css/top.css b/static/css/top.css index afc2f0b..d6a9b49 100755 --- a/static/css/top.css +++ b/static/css/top.css @@ -151,9 +151,19 @@ border:1px solid #000; font-size:20px; } -.no-cursor { cursor: none; } -.invisible { display: none !important; } -#cursor-big { position: absolute; z-index: 1000; } + .no-cursor { cursor: none; } + .invisible { display: none !important; } + #cursor-big { position: absolute; z-index: 1000; } + + .preload-pixel { + visibility: hidden; + width: 0; + height: 0; + } + + .word-spacing-normal { + word-spacing: normal; + } label { display:inline-block; @@ -278,4 +288,3 @@ a.img_roll:hover{ ul.pagination li { float:left; margin:0 5px;display:none; } ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;} - diff --git a/static/furieindex.html b/static/furieindex.html index b639d1e..e7b025f 100755 --- a/static/furieindex.html +++ b/static/furieindex.html @@ -77,7 +77,7 @@ $(document).ready(function() { <p class="slide"><a href="#" class="btn-slide">watch a lil movie</a> <div id="rapper"></div><div id="idgi"></div> -<div id="content" style="z-index:77;"> +<div id="content" class="content-z77"> <div id="main" align="center"> @@ -87,7 +87,7 @@ $(document).ready(function() { <div id="logo-and-text"> <a href="/"><img src="/static/img/dumpclearlogo2.png"></a> <div align="center"> - <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br> + <a href="/register" class="no-underline">Click here to Register!</a> <br> </div> </div> </div> @@ -113,14 +113,14 @@ $(document).ready(function() { <br> <div id="talkaboutus"> -<div id="slider" style="display:none;"> +<div id="slider" class="is-hidden"> <a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a> <a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a> </div> - <div id="footer" style="text-align: center"> + <div id="footer" class="text-center"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us">About Us</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/html/help.html b/static/html/help.html index b0947b9..6f5eaa7 100755 --- a/static/html/help.html +++ b/static/html/help.html @@ -6,7 +6,7 @@ <link rel="stylesheet" href="/static/css/ChatBubble-simple.css" media="screen" />
</head>
-<body style="width:475px; font-family: Arial, Helvetica, sans-serif;">
+<body class="help-body"> <span id="howtopostimage">
<div class="CBmsg CBmsgR CBblueR">
<div class="CBtxt">
diff --git a/static/html/help2.html b/static/html/help2.html index 6dcf0c4..61c07d4 100755 --- a/static/html/help2.html +++ b/static/html/help2.html @@ -6,7 +6,7 @@ <link rel="stylesheet" href="/static/css/ChatBubble-simple.css" media="screen" />
</head>
-<body style="width:475px; font-family: Arial, Helvetica, sans-serif;">
+<body class="help-body"> <div id="table">
tablez
diff --git a/static/html/search.test.html b/static/html/search.test.html index 96769c4..50bb259 100755 --- a/static/html/search.test.html +++ b/static/html/search.test.html @@ -27,18 +27,18 @@ window.location = "/error/ie"; </script> <![endif]--> - <style> - body{margin:6%;} - img { max-width: 400px; max-height: 400px;} - h1 { width: 40%; display:inline-block; margin: 20px; font-size: 30px;} - #content { overflow: visible} - #content a { position: relative; display:inline-block; } - #content a canvas { position:absolute; z-index: 0; top: 0; left: 0; } - #content a img { position:absolute; z-index: 1; top:0; left: 0; } - #content a.animating canvas { display: none } - </style> - </head> - <body class="profile" style="margin:1%;"> + <style> + body { margin: 1%; } + img { max-width: 400px; max-height: 400px;} + h1 { width: 40%; display:inline-block; margin: 20px; font-size: 30px;} + #content { overflow: visible} + #content a { position: relative; display:inline-block; } + #content a canvas { position:absolute; z-index: 0; top: 0; left: 0; } + #content a img { position:absolute; z-index: 1; top:0; left: 0; } + #content a.animating canvas { display: none } + </style> + </head> + <body class="profile"> <center>search dumps: <input type="text" name="search-query" id="search-query" /></center><br><br> <center><div id="message"></div><br><br></center> @@ -213,4 +213,3 @@ </script> </html> - diff --git a/static/html/terms.html b/static/html/terms.html index 5eb2bba..026b22b 100755 --- a/static/html/terms.html +++ b/static/html/terms.html @@ -3,13 +3,14 @@ <title>terms</title> +<link rel="stylesheet" href="/static/css/terms.css" type="text/css" media="all" /> - + </head> -<body style="margin:0; width:500px;"> +<body class="terms-body"> -<div style="height:600px;width:500px;"> +<div class="terms-container"> <DIV class="Part" ><H1 diff --git a/static/idgi/index.html b/static/idgi/index.html index 479f4b9..1b999d2 100755 --- a/static/idgi/index.html +++ b/static/idgi/index.html @@ -12,28 +12,28 @@ input{width:600px;height:70px;margin-bottom:20px;} body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;} html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;} - </style> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> - <META NAME="description" CONTENT="Talk with pictures!"> - <title>dump.fm - register</title></head> - <body style="width:250px;margin:30 auto;background:yellow;> + </style> + <link rel="stylesheet" type="text/css" href="/static/css/index.css"> + <link rel="shortcut icon" href="/static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> + <META NAME="description" CONTENT="Talk with pictures!"> + <title>dump.fm - register</title></head> + <body> <div align="center"><h1><b>CLOSED FOR NOW LOL...</b></h1><br> - <!-- <label style="text-align:left;margin-bottom:-8px;">username</label> + <!-- <label>username</label> <input type="text" class="field" id="nickInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password</label> + <label>password</label> <input type="password" class="field" id="passwordInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> + <label>password2x</label> <input type="password" class="field" id="passwordInput2" /> <br> - <label style="text-align:left;margin-bottom:-8px;">email</label> + <label>email</label> <input type="text" class="field" id="emailInput" /> <br> diff --git a/static/index.html b/static/index.html index fd6afe7..061797f 100755 --- a/static/index.html +++ b/static/index.html @@ -272,9 +272,9 @@ margin-left:-42px;text-decoration:none; text-decoration:none; } #footer{ -padding-bottom:5px; - -text-align: center; + padding-bottom:5px; + + text-align: center; color:#000; font-size:11px; word-spacing:30px; @@ -282,16 +282,20 @@ word-spacing:30px; background-color:#eff5fb; margin-top:240px; width:798px; -} -#bottomrow img{ -background-image:url(/static/img/grgrad.png); + } + #bottomrow img{ + background-image:url(/static/img/grgrad.png); border-radius: 15px; border:5px solid #ccc; padding:5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -} -#footer a{color:#000;text-decoration:none;} + } + #footer a{color:#000;text-decoration:none;} + + .word-spacing-normal { + word-spacing: normal; + } @@ -299,8 +303,11 @@ padding:5px; * Required */ .container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; } - .slides { position:absolute; top:0; left:0; } - .slides div { position:absolute; top:0; width:538px; display:none; } + .slides { position:absolute; top:0; left:0; width:2152px; } + .slides div { position:absolute; top:0; width:538px; display:block; } + .slides .slide-1 { left: 0px; } + .slides .slide-2 { left: 538px; } + .slides .slide-3 { left: 1076px; } /* * Optional */ @@ -345,14 +352,14 @@ preview dump.fm! </a> <div id="loopedSlider"> <div class="container"> - <div style="width: 2152px; left: 0px;" class="slides"> - <div style="position: absolute; left: 0px; display: block;"><img + <div class="slides"> + <div class="slide slide-1"><img src="/static/img/slide1.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 538px; display: block;"><img + <div class="slide slide-2"><img src="/static/img/slide2.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 1076px; display: block;"><img + <div class="slide slide-3"><img src="/static/img/slide3.png" alt="dump.fm" width="538px" height="205"></div> @@ -391,7 +398,7 @@ height="205"></div> \ <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span class="word-spacing-normal">About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/index2.html b/static/index2.html index 8f4e654..fcd2315 100755 --- a/static/index2.html +++ b/static/index2.html @@ -199,15 +199,23 @@ display:none; #rapper{ margin-top:6%; } -#content{ - background:url(/static/img/cloudbg.png); -background-position:top center; - background-repeat:no-repeat; -} -#preload { - position: absolute; - left: 0px; - top: 0px; + #content{ + background:url(/static/img/cloudbg.png); + background-position:top center; + background-repeat:no-repeat; + position: relative; + z-index: 77; + } + #slider { + display: none; + } + #footer { + text-align: center; + } + #preload { + position: absolute; + left: 0px; + top: 0px; } #bigbow{ display:none; @@ -510,7 +518,7 @@ z-index:20; <p class="slide"><a href="#" class="btn-slide">watch a lil movie</a> <div id="rapper"></div><div id="idgi"></div> -<div id="content" style="z-index:77;"> +<div id="content"> <div id="main" align="center"> @@ -540,17 +548,17 @@ z-index:20; <br> <div id="talkaboutus"> -<div id="slider" style="display:none;"> +<div id="slider"> <a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a> <a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a> </div> - <div id="footer" style="text-align: center"> + <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span>About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> -</div> + </div> <br><br> </div> </div> diff --git a/static/index7.html b/static/index7.html index 7a3f121..1c3ed24 100755 --- a/static/index7.html +++ b/static/index7.html @@ -238,9 +238,9 @@ margin-left:-42px;text-decoration:none; text-decoration:none; } #footer{ -padding-bottom:5px; -padding-top:15px; -text-align: center; + padding-bottom:5px; + padding-top:15px; + text-align: center; color:#000; font-size:11px; word-spacing:30px; @@ -248,16 +248,20 @@ word-spacing:30px; background-color:#eff5fb; margin-top:250px; width:798px; -} -#bottomrow img{ -background-image:url(/static/img/grgrad.png); + } + #bottomrow img{ + background-image:url(/static/img/grgrad.png); border-radius: 15px; border:5px solid #ccc; padding:5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -} -#footer a{color:#000;text-decoration:none;} + } + #footer a{color:#000;text-decoration:none;} + + .word-spacing-normal { + word-spacing: normal; + } @@ -265,8 +269,11 @@ padding:5px; * Required */ .container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; } - .slides { position:absolute; top:0; left:0; } - .slides div { position:absolute; top:0; width:538px; display:none; } + .slides { position:absolute; top:0; left:0; width:2152px; } + .slides div { position:absolute; top:0; width:538px; display:block; } + .slides .slide-1 { left: 0px; } + .slides .slide-2 { left: 538px; } + .slides .slide-3 { left: 1076px; } /* * Optional */ @@ -326,19 +333,19 @@ preview dump.fm! <div id="loopedSlider"> <div class="container"> - <div style="width: 2152px; left: 0px;" class="slides"> - <div style="position: absolute; left: 0px; display: block;"><img + <div class="slides"> + <div class="slide slide-1"><img src="/static/img/slide1.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 538px; display: block;"><img + <div class="slide slide-2"><img src="/static/img/slide2.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 1076px; display: block;"><img + <div class="slide slide-3"><img src="/static/img/slide3.png" alt="dump.fm" width="538px" height="205"></div> - - + </div> + </div> <ul class="pagination"> <li class=" "><a rel="1" href="#">1</a></li> @@ -375,7 +382,7 @@ height="205"></div> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span class="word-spacing-normal">About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/js/pages/chat_init.js b/static/js/pages/chat_init.js index 58dba07..7149291 100644 --- a/static/js/pages/chat_init.js +++ b/static/js/pages/chat_init.js @@ -23,9 +23,17 @@ if (typeof window.Recips === 'undefined') { window.Recips = []; } var hasMessageList = document.getElementById('messageList') !== null; + var hasChatInput = document.getElementById('msgInput') !== null; + + if (hasMessageList && hasChatInput && typeof window.initChat === 'function') { window.initChat(); } + if (hasMessageList && hasChatInput && typeof window.initChatMsgs === 'function') { window.initChatMsgs(); } + + // Some room pages render dumps in `.logged-dump` containers without the full chat UI. + // In that case, run the log initializer so URLs become hotlinked images. + if (!hasChatInput && typeof window.initLog === 'function' && jQuery('.logged-dump .content').length) { + window.initLog(window.Recips); + } - if (hasMessageList && typeof window.initChat === 'function') { window.initChat(); } - if (hasMessageList && typeof window.initChatMsgs === 'function') { window.initChatMsgs(); } if (typeof window.Away !== 'undefined' && typeof window.Away.startTitleUpdater === 'function') { window.Away.startTitleUpdater(); } if (window.Nick && typeof window.setupUpload === 'function' && typeof window.Room !== 'undefined') { @@ -33,4 +41,3 @@ } }); })(jQuery); - diff --git a/static/js/pages/directory_init.js b/static/js/pages/directory_init.js new file mode 100644 index 0000000..70f2017 --- /dev/null +++ b/static/js/pages/directory_init.js @@ -0,0 +1,11 @@ +// Directory page initializer. +// Keeps templates mostly data-only. + +(function() { + if (typeof jQuery !== 'function') { return; } + + jQuery(function() { + if (typeof initDirectory === 'function') { initDirectory(); } + }); +})(); + diff --git a/static/js/pages/expandable_login_init.js b/static/js/pages/expandable_login_init.js new file mode 100644 index 0000000..669836f --- /dev/null +++ b/static/js/pages/expandable_login_init.js @@ -0,0 +1,11 @@ +// Expandable login-form initializer (used by $form_login()$). +// Keeps templates mostly data-only. + +(function() { + if (typeof jQuery !== 'function') { return; } + + jQuery(function() { + if (typeof initExpandableLoginForm === 'function') { initExpandableLoginForm(); } + }); +})(); + diff --git a/static/js/pages/frontpage_refresh.js b/static/js/pages/frontpage_refresh.js new file mode 100644 index 0000000..aa31cc2 --- /dev/null +++ b/static/js/pages/frontpage_refresh.js @@ -0,0 +1,11 @@ +// Frontpage-only helper. +// The legacy frontpage HTML calls `refreshing()` via <body onload="refreshing()">. + +if (typeof window.refreshing !== 'function') { + window.refreshing = function refreshing() { + var el = document.getElementsByName('posts')[0]; + if (el) { el.src = el.src; } + setTimeout(refreshing, 300000); + }; +} + diff --git a/static/js/pages/fullscreen_front_init.js b/static/js/pages/fullscreen_front_init.js new file mode 100644 index 0000000..a1a87a5 --- /dev/null +++ b/static/js/pages/fullscreen_front_init.js @@ -0,0 +1,18 @@ +// Shared initializer for fullscreen feed pages. +// Keeps template inline JS mostly data-only (LoggedIn, Timestamp). + +(function($){ + function defaultPop(url) { + var 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) { newwindow.focus(); } + return newwindow; + } + + if (typeof window.pop !== 'function') { window.pop = defaultPop; } + + if (typeof window.startChatUpdater === 'function') { $(window.startChatUpdater); } +})(jQuery); diff --git a/static/js/pages/fullscreen_front_run.js b/static/js/pages/fullscreen_front_run.js new file mode 100644 index 0000000..1116b7a --- /dev/null +++ b/static/js/pages/fullscreen_front_run.js @@ -0,0 +1,7 @@ +// Runs `initFullscreen()` for `template/fullscreen_front.st` without inline JS. +(function() { + if (typeof window.initFullscreen === 'function') { + window.initFullscreen(); + } +})(); + diff --git a/static/js/pages/fullscreen_init.js b/static/js/pages/fullscreen_init.js new file mode 100644 index 0000000..a7f8bb7 --- /dev/null +++ b/static/js/pages/fullscreen_init.js @@ -0,0 +1,55 @@ +// Initializer for `/fullscreen` (login/register overlays + fullscreen feed). +// Goal: reduce template inline JS without changing behavior. + +(function($){ + function choice(a) { return a[Math.floor(Math.random() * a.length)]; } + + function defaultPop(url) { + var 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) { newwindow.focus(); } + return newwindow; + } + + if (typeof window.pop !== 'function') { window.pop = defaultPop; } + + var urls = [ + 'https://archive.hump.fm/images/20100601/1275428508049-dumpfm-foot-oie_oie_overlay-1.gif', + 'https://archive.hump.fm/images/20100928/1285728674225-dumpfm-timb-running.unicorn.gif', + 'https://archive.hump.fm/images/20100726/1280119193796-dumpfm-enso-human-condition.gif', + 'https://archive.hump.fm/images/20100521/1274415795577-dumpfm-ucnv-mx.gif', + 'https://archive.hump.fm/images/20100912/1284315873224-dumpfm-Neontoast-1283990707508-dumpfm-crunkus-crabtoon.gif', + 'https://archive.hump.fm/images/20110927/1317105622918-dumpfm-peachfist-test8scam.gif', + 'https://archive.hump.fm/images/20110323/1300915179773-dumpfm-blingscience-fishtank.gif', + 'https://archive.hump.fm/images/20110418/1303108538834-dumpfm-LAVARLAMAR-lettuce_lavarlamar.gif', + 'https://s3.amazonaws.com/i.asdf.us/im/84/gradient_horse_1318306378_1322355741_ryz_1337322355_ryz.gif', + 'https://archive.hump.fm/images/20110724/1311552093462-dumpfm-hologrampa-1291586335941-dumpfm-jeeeelings-cat_face_wink_hologrampa-lettuce.gif', + 'https://s3.amazonaws.com/i.asdf.us/im/be/tt7620731fltt_1315431978.gif' + ]; + + // Legacy behavior: register these on DOM-ready (historically done via `jQuery(initLogin)`). + if (typeof window.initLogin === 'function') { $(window.initLogin); } + if (typeof window.startChatUpdater === 'function') { $(window.startChatUpdater); } + + if (window.location && window.location.href.indexOf('nologin') !== -1) { + $('#loginbox').hide(); + } + + var bigImage = document.getElementById('big-image'); + if (bigImage) { bigImage.innerHTML = "<img src='" + choice(urls) + "'>"; } + + if (typeof window.initFullscreen === 'function') { window.initFullscreen(); } + if (typeof window.initRegister === 'function') { window.initRegister(); } + + $('#reglink').click(function(e){ + e.preventDefault(); + $('#loginbox').hide(); + $('#registerbox').show().addClass('b'); + return false; + }); + + $('#nickInput').focus(); +})(jQuery); diff --git a/static/js/pages/log_favs_init.js b/static/js/pages/log_favs_init.js new file mode 100644 index 0000000..47565a9 --- /dev/null +++ b/static/js/pages/log_favs_init.js @@ -0,0 +1,7 @@ +// Log template helper: kick off the permalink fav-list loader (defined in pichat.js). +(function() { + if (typeof window.load_favs === 'function') { + window.load_favs(); + } +})(); + diff --git a/static/js/pages/log_init.js b/static/js/pages/log_init.js new file mode 100644 index 0000000..93d27b0 --- /dev/null +++ b/static/js/pages/log_init.js @@ -0,0 +1,58 @@ +// Shared initializer for log-like pages (frontpage/log views) that include pichat.js. +// Keeps templates mostly data-only (Recips, MasonryColumnWidth). + +(function($){ + function initLogIfPresent() { + if (typeof window.Recips === 'undefined') { window.Recips = []; } + if (typeof window.initLog === 'function') { window.initLog(window.Recips); } + } + + function initMasonryIfPresent() { + var $posts = $('#posts'); + if (!$posts.length) { return; } + if (typeof $posts.masonry !== 'function') { return; } + + var colWidth = typeof window.MasonryColumnWidth !== 'undefined' ? window.MasonryColumnWidth : 275; + + $posts.masonry({ columnWidth: colWidth }); + $posts.masonry({ singleMode: true }); + $posts.masonry({ resizeable: true }); + $posts.masonry({ animate: true }); + } + + $(initLogIfPresent); + $(window).load(initMasonryIfPresent); +})(jQuery); + +if (typeof window.images_loading_bar !== 'function') { + window.images_loading_bar = function images_loading_bar() { + try { + var imgs = document.getElementsByTagName('img'); + var total = imgs.length; + + if (!total) { + var lb0 = document.getElementById('LB0'); + if (lb0) { lb0.style.display = 'none'; } + return; + } + + var loaded = 0; + for (var i = 0; i < total; i++) { + loaded += imgs[i].complete ? 1 : 0; + } + + var lb1 = document.getElementById('LB1'); + if (lb1) { lb1.style.width = Math.round((loaded / total) * 100) + 'px'; } + + if (loaded === total) { + setTimeout(function() { + var lb0Done = document.getElementById('LB0'); + if (lb0Done) { lb0Done.style.display = 'none'; } + }, 128); + } else { + setTimeout(images_loading_bar, 64); + } + } catch (e) {} + }; +} + diff --git a/static/js/pages/scroll_pane_init.js b/static/js/pages/scroll_pane_init.js new file mode 100644 index 0000000..1508418 --- /dev/null +++ b/static/js/pages/scroll_pane_init.js @@ -0,0 +1,13 @@ +// Optional jScrollPane initializer for legacy pages that use `.scroll-pane`. +// Keep it defensive: some pages may not load the plugin. + +(function() { + if (typeof jQuery !== 'function') { return; } + + jQuery(function() { + if (jQuery.fn && typeof jQuery.fn.jScrollPane === 'function') { + jQuery('.scroll-pane').jScrollPane(); + } + }); +})(); + diff --git a/static/js/pages/search_files_init.js b/static/js/pages/search_files_init.js new file mode 100644 index 0000000..661da63 --- /dev/null +++ b/static/js/pages/search_files_init.js @@ -0,0 +1,13 @@ +// Full-page search initializer. +// Keeps templates mostly data-only. + +(function() { + if (typeof jQuery !== 'function') { return; } + + jQuery(function() { + if (window.Search && typeof window.Search.initFullpage === 'function') { + window.Search.initFullpage(); + } + }); +})(); + diff --git a/static/js/pichat.butt.js b/static/js/pichat.butt.js index 220e873..f0baae5 100755 --- a/static/js/pichat.butt.js +++ b/static/js/pichat.butt.js @@ -65,18 +65,68 @@ function normalizeUrl(url) { } URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; -PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i; +PicRegex = /\.(jpg|jpeg|png|gif|bmp|svg|webp|fid)$/i; +VideoRegex = /\.(mp4|webm|mov|m4v|gifv)$/i; + +function splitTrailingPunctuation(url) { + if (!url) return { "url": url, "suffix": "" }; + var match = url.match(/[)\]\}\.,!\?;:'"]+$/); + if (!match) return { "url": url, "suffix": "" }; + return { "url": url.slice(0, -match[0].length), "suffix": match[0] }; +} + +function imgurIdFromUri(uri) { + var host = parseDomain(uri.host || ""); + if (!host || !host.match(/(^|\\.)imgur\\.com$/i)) return null; + if (!uri.file) return null; + + var fileLower = uri.file.toLowerCase(); + if (PicRegex.test(fileLower) || VideoRegex.test(fileLower)) return null; + + if (!uri.file.match(/^[A-Za-z0-9]+$/)) return null; + return uri.file; +} + +function imgurCandidateUrls(id) { + var base = "https://i.imgur.com/" + id; + return [base + ".jpg", base + ".png", base + ".gif", base + ".jpeg"]; +} + +function imgurHotlinkFallback(img) { + try { + var candidates = (img.getAttribute("data-imgur-candidates") || "").split("|"); + if (!candidates.length || !candidates[0]) return; + + var idx = parseInt(img.getAttribute("data-imgur-idx") || "0", 10); + var next = idx + 1; + if (next >= candidates.length) { + var link = img.parentNode; + if (link && link.tagName == "A") { + var href = link.getAttribute("href") || ""; + while (link.firstChild) link.removeChild(link.firstChild); + link.appendChild(document.createTextNode(href)); + } + return; + } + + img.setAttribute("data-imgur-idx", "" + next); + img.src = candidates[next]; + } catch (e) {} +} function getImagesAsArray(text) { var imgs = [] var urls = text.match(URLRegex) if (urls === null) return imgs for (var i = 0; i<urls.length; i++){ - var url = urls[i] - var normalized = normalizeUrl(url); - var urlWithoutParams = normalized.replace(/[?#].*$/i, ""); - if (PicRegex.test(urlWithoutParams)) - imgs.push(normalized) + var split = splitTrailingPunctuation(urls[i]); + var normalized = normalizeUrl(split.url); + var uri = parseUri(normalized); + var imgurId = imgurIdFromUri(uri); + var candidate = imgurId ? imgurCandidateUrls(imgurId)[0] : normalized; + + var urlWithoutParams = candidate.replace(/[?#].*$/i, ""); + if (PicRegex.test(urlWithoutParams)) imgs.push(candidate) } return imgs } @@ -89,22 +139,35 @@ function linkify(text) { // durty hack to use a global to check this... but otherwise i'd have to rewrite the String.replace function? :/ var LastMsgContainsImage = false function linkReplace(url) { - //var urlWithoutParams = url.replace(/\?.*$/i, ""); - - linkUrl = normalizeUrl(url); - - var uri = parseUri(url) + var split = splitTrailingPunctuation(url); + linkUrl = normalizeUrl(split.url); + var uri = parseUri(linkUrl); + + var imgurId = imgurIdFromUri(uri); + if (imgurId) { + LastMsgContainsImage = true; + var candidates = imgurCandidateUrls(imgurId); + var first = candidates[0]; + return "<a target=\"_blank\" href=\"" + linkUrl + "\">" + + "<img src=\"" + first + "\" class=\"imgur-hotlink\" data-imgur-idx=\"0\" data-imgur-candidates=\"" + candidates.join('|') + "\" onerror=\"imgurHotlinkFallback(this)\">" + + "</a>" + split.suffix; + } + switch(getUriType(uri)) { case 'image': LastMsgContainsImage = true; - return "<a target='_blank' href='" + linkUrl + "'><img src='" + linkUrl + "'></a>"; break; - case 'youtube': + return "<a target='_blank' href='" + linkUrl + "'><img src='" + linkUrl + "'></a>" + split.suffix; + case 'video': + LastMsgContainsImage = true; + var videoUrl = linkUrl.replace(/\.gifv([?#].*)?$/i, '.mp4$1'); + return "<a target=\"_blank\" href=\"" + linkUrl + "\"><video src=\"" + videoUrl + "\" autoplay loop muted controls playsinline></video></a>" + split.suffix; + case 'youtube': Youtube.startAnimation(); - return "<a target='_blank' class='youtube' href='" + linkUrl + "'>" + - "<img class='youtube-thumb' width='130' height='97' src='"+Youtube.nextThumbUrl(uri.queryKey.v)+"'>" + - "<img class='youtube-controls' src='/static/img/youtube.controls.png'></a>"; break; + return "<a target=\"_blank\" class=\"youtube\" href=\"" + linkUrl + "\">" + + "<img class=\"youtube-thumb\" width=\"130\" height=\"97\" src=\"" + Youtube.nextThumbUrl(uri.queryKey.v) + "\">" + + "<img class=\"youtube-controls\" src=\"/static/img/youtube.controls.png\"></a>" + split.suffix; default: - return "<a target='_blank' href='" + linkUrl + "'>" + url + "</a>"; + return "<a target=\"_blank\" href=\"" + linkUrl + "\">" + split.url + "</a>" + split.suffix; } } @@ -130,7 +193,7 @@ Youtube = { var img = $(this); // yt thumb url example: https://i.ytimg.com/vi/0123456789A/1.jpg var src = img.attr("src") || "" - var match = src.match(/\\/vi\\/([^/]{11})\\/(\\d)\\.jpg/i) + var match = src.match(/\/vi\/([^/]{11})\/(\d)\.jpg/i) if (!match) return var v = match[1] var num = match[2] @@ -149,8 +212,11 @@ Youtube = { function getUriType(uri){ if (PicRegex.test(uri.file.toLowerCase())) return "image"; + + if (VideoRegex.test(uri.file.toLowerCase())) + return "video"; - if (parseDomain(uri.host) == "youtube.com" && 'v' in uri.queryKey || uri.anchor.indexOf('v') != -1) + if (parseDomain(uri.host) == "youtube.com" && ('v' in uri.queryKey || uri.anchor.indexOf('v') != -1)) return "youtube"; return "link"; diff --git a/static/js/pichat.js b/static/js/pichat.js index 2283baf..ad50fae 100755 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -2114,21 +2114,74 @@ function escapeHtml(txt) { URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; -PicRegex = /\.(jpg|jpeg|png|gif|bmp|svg|fid)$/i; +PicRegex = /\.(jpg|jpeg|png|gif|bmp|svg|webp|fid)$/i; +VideoRegex = /\.(mp4|webm|mov|m4v|gifv)$/i; RecipRegex = /(^|\s)@\w+/g; TopicRegex = /(^|\s)#\w+/g; +function splitTrailingPunctuation(url) { + if (!url) return { "url": url, "suffix": "" }; + // Common punctuation that follows pasted links in chat. + var match = url.match(/[)\]\}\.,!\?;:'"]+$/); + if (!match) return { "url": url, "suffix": "" }; + return { "url": url.slice(0, -match[0].length), "suffix": match[0] }; +} + +function imgurIdFromUri(uri) { + var host = (uri.host || "").toLowerCase(); + if (!host || !host.match(/(^|\.)imgur\.com$/i)) return null; + if (!uri.file) return null; + + var fileLower = uri.file.toLowerCase(); + if (PicRegex.test(fileLower) || VideoRegex.test(fileLower)) return null; + + if (!uri.file.match(/^[A-Za-z0-9]+$/)) return null; + return uri.file; +} + +function imgurCandidateUrls(id) { + var base = "https://i.imgur.com/" + id; + return [base + ".jpg", base + ".png", base + ".gif", base + ".jpeg"]; +} + +function imgurHotlinkFallback(img) { + try { + var candidates = (img.getAttribute("data-imgur-candidates") || "").split("|"); + if (!candidates.length || !candidates[0]) return; + + var idx = parseInt(img.getAttribute("data-imgur-idx") || "0", 10); + var next = idx + 1; + if (next >= candidates.length) { + var link = img.parentNode; + if (link && link.tagName == "A") { + var href = link.getAttribute("href") || ""; + while (link.firstChild) link.removeChild(link.firstChild); + link.appendChild(document.createTextNode(href)); + } + return; + } + + img.setAttribute("data-imgur-idx", "" + next); + img.src = candidates[next]; + } catch (e) {} +} + function getImagesAsArray(text) { var imgs = [] var urls = text.match(URLRegex) if (urls === null) return imgs for (var i = 0; i<urls.length; i++){ - var url = urls[i] - var normalized = normalizeUrl(url); - var urlWithoutParams = normalized.replace(/[?#].*$/i, ""); - if (PicRegex.test(urlWithoutParams)) - imgs.push(normalized) + var split = splitTrailingPunctuation(urls[i]); + var normalized = normalizeUrl(split.url); + var uri = parseUri(normalized); + + // Try to turn common "page" links into direct image URLs (best-effort). + var imgurId = imgurIdFromUri(uri); + var candidate = imgurId ? imgurCandidateUrls(imgurId)[0] : normalized; + + var urlWithoutParams = candidate.replace(/[?#].*$/i, ""); + if (PicRegex.test(urlWithoutParams)) imgs.push(candidate) } return imgs } @@ -2204,25 +2257,43 @@ function imgClickHandler() { // durty hack to use a global to check this... but otherwise i'd have to rewrite the String.replace function? :/ var LastMsgContainsImage = false function linkReplace(url) { - linkUrl = normalizeUrl(url); + var split = splitTrailingPunctuation(url); + var hrefUrl = normalizeUrl(split.url); + var uri = parseUri(hrefUrl); + + // Best-effort support for Imgur page links (e.g. https://imgur.com/<id>). + var imgurId = imgurIdFromUri(uri); + if (imgurId) { + LastMsgContainsImage = true; + var candidates = imgurCandidateUrls(imgurId); + var first = candidates[0]; + return "<a target=\"_blank\" href=\"" + hrefUrl + "\" class=\"img-wrapper\" onclick=\"return imgClickHandler()\">" + + "<img src=\"" + first + "\" class=\"unbound imgur-hotlink\" data-imgur-idx=\"0\" data-imgur-candidates=\"" + candidates.join("|") + "\" onerror=\"imgurHotlinkFallback(this)\">" + + "</a>" + split.suffix; + } + + linkUrl = hrefUrl; - var uri = parseUri(url) var type = getUriType(uri) if (type == 'image') { LastMsgContainsImage = true; - return "<a target='_blank' href='" + linkUrl + "' class='img-wrapper' onclick='return imgClickHandler()'><img src='" + linkUrl + "' class='unbound'></a>"; + return "<a target=\"_blank\" href=\"" + linkUrl + "\" class=\"img-wrapper\" onclick=\"return imgClickHandler()\"><img src=\"" + linkUrl + "\" class=\"unbound\"></a>" + split.suffix; + } else if (type == 'video') { + LastMsgContainsImage = true; + var videoUrl = linkUrl.replace(/\.gifv([?#].*)?$/i, ".mp4$1"); + return "<a target=\"_blank\" href=\"" + linkUrl + "\" class=\"video-wrapper\" onclick=\"return imgClickHandler()\"><video src=\"" + videoUrl + "\" autoplay loop muted controls playsinline></video></a>" + split.suffix; } else if (type == 'youtube') { Youtube.startAnimation(); - return "<a target='_blank' class='youtube' href='" + linkUrl + "'>" + - "<img class='youtube-thumb' width='130' height='97' src='"+Youtube.nextThumbUrl(uri.queryKey.v)+"'>" + - "<img class='youtube-controls' src='/static/img/youtube.controls.png'></a>" + return "<a target=\"_blank\" class=\"youtube\" href=\"" + linkUrl + "\">" + + "<img class=\"youtube-thumb\" width=\"130\" height=\"97\" src=\"" + Youtube.nextThumbUrl(uri.queryKey.v) + "\">" + + "<img class=\"youtube-controls\" src=\"/static/img/youtube.controls.png\"></a>" + split.suffix; } else if (type == 'midi') { - return '<embed src="'+linkUrl+'" autostart="false" loop="false" volume="80" width="150" height="20" style="vertical-align:bottom"> <a href="'+linkUrl+'">'+uri.file+'</a>' + return '<embed src="' + linkUrl + '" autostart="false" loop="false" volume="80" width="150" height="20" style="vertical-align:bottom"> <a href="' + linkUrl + '">' + uri.file + '</a>' + split.suffix; } else if (type == 'wav') { - return '<audio src="'+linkUrl+'" controls volume="80" width="150" height="20" style="vertical-align:bottom"></audio> <a href="'+linkUrl+'">'+uri.file+'</a>' + return '<audio src="' + linkUrl + '" controls volume="80" width="150" height="20" style="vertical-align:bottom"></audio> <a href="' + linkUrl + '">' + uri.file + '</a>' + split.suffix; } else - return "<a target='_blank' href='" + linkUrl + "'>" + url + "</a>"; + return "<a target=\"_blank\" href=\"" + linkUrl + "\">" + split.url + "</a>" + split.suffix; } @@ -2230,6 +2301,9 @@ function linkReplace(url) { function getUriType(uri){ if (PicRegex.test(uri.file.toLowerCase())) return "image"; + + if (VideoRegex.test(uri.file.toLowerCase())) + return "video"; var domain = parseDomain(uri.host) @@ -2443,7 +2517,7 @@ Youtube = { var img = $(this); // yt thumb url example: https://i.ytimg.com/vi/0123456789A/1.jpg var src = img.attr("src") || "" - var match = src.match(/\\/vi\\/([^/]{11})\\/(\\d)\\.jpg/i) + var match = src.match(/\/vi\/([^/]{11})\/(\d)\.jpg/i) if (!match) return var v = match[1] var num = match[2] diff --git a/static/js/src/text.js b/static/js/src/text.js index 6fe5c3c..d99efbb 100755 --- a/static/js/src/text.js +++ b/static/js/src/text.js @@ -14,21 +14,74 @@ function escapeHtml(txt) { URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; -PicRegex = /\.(jpg|jpeg|png|gif|bmp|svg|fid)$/i; +PicRegex = /\.(jpg|jpeg|png|gif|bmp|svg|webp|fid)$/i; +VideoRegex = /\.(mp4|webm|mov|m4v|gifv)$/i; RecipRegex = /(^|\s)@\w+/g; TopicRegex = /(^|\s)#\w+/g; +function splitTrailingPunctuation(url) { + if (!url) return { "url": url, "suffix": "" }; + // Common punctuation that follows pasted links in chat. + var match = url.match(/[)\]\}\.,!\?;:'"]+$/); + if (!match) return { "url": url, "suffix": "" }; + return { "url": url.slice(0, -match[0].length), "suffix": match[0] }; +} + +function imgurIdFromUri(uri) { + var host = (uri.host || "").toLowerCase(); + if (!host || !host.match(/(^|\.)imgur\.com$/i)) return null; + if (!uri.file) return null; + + var fileLower = uri.file.toLowerCase(); + if (PicRegex.test(fileLower) || VideoRegex.test(fileLower)) return null; + + if (!uri.file.match(/^[A-Za-z0-9]+$/)) return null; + return uri.file; +} + +function imgurCandidateUrls(id) { + var base = "https://i.imgur.com/" + id; + return [base + ".jpg", base + ".png", base + ".gif", base + ".jpeg"]; +} + +function imgurHotlinkFallback(img) { + try { + var candidates = (img.getAttribute("data-imgur-candidates") || "").split("|"); + if (!candidates.length || !candidates[0]) return; + + var idx = parseInt(img.getAttribute("data-imgur-idx") || "0", 10); + var next = idx + 1; + if (next >= candidates.length) { + var link = img.parentNode; + if (link && link.tagName == "A") { + var href = link.getAttribute("href") || ""; + while (link.firstChild) link.removeChild(link.firstChild); + link.appendChild(document.createTextNode(href)); + } + return; + } + + img.setAttribute("data-imgur-idx", "" + next); + img.src = candidates[next]; + } catch (e) {} +} + function getImagesAsArray(text) { var imgs = [] var urls = text.match(URLRegex) if (urls === null) return imgs for (var i = 0; i<urls.length; i++){ - var url = urls[i] - var normalized = normalizeUrl(url); - var urlWithoutParams = normalized.replace(/[?#].*$/i, ""); - if (PicRegex.test(urlWithoutParams)) - imgs.push(normalized) + var split = splitTrailingPunctuation(urls[i]); + var normalized = normalizeUrl(split.url); + var uri = parseUri(normalized); + + // Try to turn common "page" links into direct image URLs (best-effort). + var imgurId = imgurIdFromUri(uri); + var candidate = imgurId ? imgurCandidateUrls(imgurId)[0] : normalized; + + var urlWithoutParams = candidate.replace(/[?#].*$/i, ""); + if (PicRegex.test(urlWithoutParams)) imgs.push(candidate) } return imgs } @@ -104,25 +157,43 @@ function imgClickHandler() { // durty hack to use a global to check this... but otherwise i'd have to rewrite the String.replace function? :/ var LastMsgContainsImage = false function linkReplace(url) { - linkUrl = normalizeUrl(url); + var split = splitTrailingPunctuation(url); + var hrefUrl = normalizeUrl(split.url); + var uri = parseUri(hrefUrl); + + // Best-effort support for Imgur page links (e.g. https://imgur.com/<id>). + var imgurId = imgurIdFromUri(uri); + if (imgurId) { + LastMsgContainsImage = true; + var candidates = imgurCandidateUrls(imgurId); + var first = candidates[0]; + return "<a target=\"_blank\" href=\"" + hrefUrl + "\" class=\"img-wrapper\" onclick=\"return imgClickHandler()\">" + + "<img src=\"" + first + "\" class=\"unbound imgur-hotlink\" data-imgur-idx=\"0\" data-imgur-candidates=\"" + candidates.join("|") + "\" onerror=\"imgurHotlinkFallback(this)\">" + + "</a>" + split.suffix; + } + + linkUrl = hrefUrl; - var uri = parseUri(url) var type = getUriType(uri) if (type == 'image') { LastMsgContainsImage = true; - return "<a target='_blank' href='" + linkUrl + "' class='img-wrapper' onclick='return imgClickHandler()'><img src='" + linkUrl + "' class='unbound'></a>"; + return "<a target=\"_blank\" href=\"" + linkUrl + "\" class=\"img-wrapper\" onclick=\"return imgClickHandler()\"><img src=\"" + linkUrl + "\" class=\"unbound\"></a>" + split.suffix; + } else if (type == 'video') { + LastMsgContainsImage = true; + var videoUrl = linkUrl.replace(/\.gifv([?#].*)?$/i, ".mp4$1"); + return "<a target=\"_blank\" href=\"" + linkUrl + "\" class=\"video-wrapper\" onclick=\"return imgClickHandler()\"><video src=\"" + videoUrl + "\" autoplay loop muted controls playsinline></video></a>" + split.suffix; } else if (type == 'youtube') { Youtube.startAnimation(); - return "<a target='_blank' class='youtube' href='" + linkUrl + "'>" + - "<img class='youtube-thumb' width='130' height='97' src='"+Youtube.nextThumbUrl(uri.queryKey.v)+"'>" + - "<img class='youtube-controls' src='/static/img/youtube.controls.png'></a>" + return "<a target=\"_blank\" class=\"youtube\" href=\"" + linkUrl + "\">" + + "<img class=\"youtube-thumb\" width=\"130\" height=\"97\" src=\"" + Youtube.nextThumbUrl(uri.queryKey.v) + "\">" + + "<img class=\"youtube-controls\" src=\"/static/img/youtube.controls.png\"></a>" + split.suffix; } else if (type == 'midi') { - return '<embed src="'+linkUrl+'" autostart="false" loop="false" volume="80" width="150" height="20" style="vertical-align:bottom"> <a href="'+linkUrl+'">'+uri.file+'</a>' + return '<embed src="' + linkUrl + '" autostart="false" loop="false" volume="80" width="150" height="20" style="vertical-align:bottom"> <a href="' + linkUrl + '">' + uri.file + '</a>' + split.suffix; } else if (type == 'wav') { - return '<audio src="'+linkUrl+'" controls volume="80" width="150" height="20" style="vertical-align:bottom"></audio> <a href="'+linkUrl+'">'+uri.file+'</a>' + return '<audio src="' + linkUrl + '" controls volume="80" width="150" height="20" style="vertical-align:bottom"></audio> <a href="' + linkUrl + '">' + uri.file + '</a>' + split.suffix; } else - return "<a target='_blank' href='" + linkUrl + "'>" + url + "</a>"; + return "<a target=\"_blank\" href=\"" + linkUrl + "\">" + split.url + "</a>" + split.suffix; } @@ -130,6 +201,9 @@ function linkReplace(url) { function getUriType(uri){ if (PicRegex.test(uri.file.toLowerCase())) return "image"; + + if (VideoRegex.test(uri.file.toLowerCase())) + return "video"; var domain = parseDomain(uri.host) diff --git a/static/js/src/youtube.js b/static/js/src/youtube.js index 2b6a977..ccb2cd4 100755 --- a/static/js/src/youtube.js +++ b/static/js/src/youtube.js @@ -19,7 +19,7 @@ Youtube = { var img = $(this); // yt thumb url example: https://i.ytimg.com/vi/0123456789A/1.jpg var src = img.attr("src") || "" - var match = src.match(/\\/vi\\/([^/]{11})\\/(\\d)\\.jpg/i) + var match = src.match(/\/vi\/([^/]{11})\/(\d)\.jpg/i) if (!match) return var v = match[1] var num = match[2] diff --git a/static/nickinterview/index.html b/static/nickinterview/index.html index 9951524..c80c855 100755 --- a/static/nickinterview/index.html +++ b/static/nickinterview/index.html @@ -31,8 +31,27 @@ bottom: 100px; height: 40px; width: 300px; - }; - .stuff{overflow:auto;} + } + + .stuff{overflow:auto;} + + .preload-pixel { + visibility: hidden; + width: 0; + height: 0; + } + + .float-left { + float: left; + } + + #inpage-search-results { + background-color: #fff; + } + + .word-spacing-normal { + word-spacing: normal; + } </style> <script> @@ -52,13 +71,13 @@ <div id="logoicons"> <div id="logo7"> <div align="center"> - <img style="visibility: hidden; width: 0px; height: 0px;" border="0" height="0" width="0"> + <img class="preload-pixel" border="0" height="0" width="0"> <a class="img_roll" href="/"></a> </div> </div> <div class="white"> <div id="bar7"> - <div style="float: left;"> + <div class="float-left"> <div align="center"> @@ -122,7 +141,7 @@ - <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> @@ -146,7 +165,7 @@ <div class="username"><a href="/ryder" target="_blank"><img src="/avatars/20101012/1286860748577-dumpfm-ryder-cat-innertube.gif" height="50" width="50">ryder</a></div> </div> - <div id="favbox" style=""></div> + <div id="favbox"></div> <div id="messageList"> <div class="msgDiv oldmsg dump contains-image" id="message-1840784" nick="ryder"> @@ -2032,8 +2051,8 @@ stop.. to stand back and say this is <a target="_blank" href="http://www.graphic </div> <div id="footerc"> @2010 <a href="http://peoplewholiketochatalot.dump.fm/">dump.fm</a> - <a href="/about_us" style="word-spacing: normal;">About Us</a> - <a href="/help" style="word-spacing: normal;">Help FAQ</a> + <a href="/about_us" class="word-spacing-normal">About Us</a> + <a href="/help" class="word-spacing-normal">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> @@ -2056,4 +2075,4 @@ stop.. to stand back and say this is <a target="_blank" href="http://www.graphic <img src="peoplewholiketochatalot%20dump.fm_files/dumppixelhover.png" class="invisible"> <img src="peoplewholiketochatalot%20dump.fm_files/dumppixelhover_002.png" class="invisible"> </div> - </body></html>
\ No newline at end of file + </body></html> diff --git a/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html b/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html index 1efdb7f..5de4d28 100755 --- a/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html +++ b/static/nickinterview/peoplewholiketochatalot dump.fm_files/dumping_hopper.html @@ -97,7 +97,59 @@ #footertext2 {position: absolute; z-index: 50; top: 821px; left: 1px; width: 773px; text-align: center; font-size: 11px;}
#footertext3 {position: absolute; z-index: 50; top: 879px; left: 17px; width: 773px; color: #666666; font-size: 10px; text-align: left;}
- </style>
+
+ /* Inline style attributes moved into CSS (refactor) */
+ .u-s1 {display: none; visibility: hidden;}
+ .u-s2 {border: none;}
+ .u-s3 {position: relative; top: 1px;}
+ .u-s4 {font-weight: bold; position: relative; top: 1px;}
+ .u-s5 {font-size: 12px; color: #fff;}
+ .u-s6 {width: 170px;}
+ .u-s7 {height: 21px;}
+ .u-s8 {text-decoration: none; color: #000;}
+ .u-s9 {font-family: Arial; font-size: 11px; text-decoration: underline; color: #0600ff;}
+ .u-s10 {font-family: Arial;}
+ .u-s11 {padding-top: 4px; text-align: center; overflow: hidden;}
+ .u-s12 {text-decoration: none; color: #fff;}
+ .u-s13 {color: #FF5500; position: absolute; left: 118px; top: 110px;}
+ .u-s14 {font-size: 43px;}
+ .u-s15 {color: #FF5500; position: absolute; left: 101px; top: 113px;}
+ .u-s16 {font-size: 30px;}
+ .u-s17 {color: #FF5500; position: absolute; left: 138px; top: 113px;}
+ .u-s18 {color: #FF5500; position: absolute; left: 78px; top: 219px;}
+ .u-s19 {color: #FF5500; position: absolute; left: 61px; top: 222px;}
+ .u-s20 {color: #FF5500; position: absolute; left: 125px; top: 222px;}
+ .u-s21 {color: #FF5500; position: absolute; left: 275px; top: 219px;}
+ .u-s22 {color: #FF5500; position: absolute; left: 258px; top: 222px;}
+ .u-s23 {color: #FF5500; position: absolute; left: 300px; top: 222px;}
+ .u-s24 {position: absolute; left: 13px; top: 583px; display: none;}
+ .u-s25 {font-size: 8px;}
+ .u-s26 {cursor: help;}
+ .u-s27 {font-weight: bold;}
+ .u-s28 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 76px;}
+ .u-s29 {border: 0;}
+ .u-s30 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 159px;}
+ .u-s31 {height: 48px; text-align: center; width: 48px; position: absolute; top: 542px; left: 242px;}
+ .u-s32 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 324px;}
+ .u-s33 {height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 406px;}
+ .u-s34 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 60px;}
+ .u-s35 {height: 30px; overflow: hidden;}
+ .u-s36 {color: #000000;}
+ .u-s37 {color: #FF0000; font-weight: bold; text-decoration: none;}
+ .u-s38 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 143px;}
+ .u-s39 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 226px;}
+ .u-s40 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 308px;}
+ .u-s41 {width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 390px;}
+ .u-s42 {position: absolute; text-align: center; font-size: 11px; top: 518px; left: 285px;}
+ .u-s43 {width: 340px; display: none; position: absolute; z-index: 99; top: 344px; left: 270px;}
+ .u-s44 {width: 340px;}
+ .u-s45 {width: 331px; background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_top.gif'); background-repeat: repeat-x;}
+ .u-s46 {background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_sidelft.gif'); background-repeat: repeat-y;}
+ .u-s47 {width: 331px; padding: 4px 8px 6px 8px; background-color: #FAFAFA;}
+ .u-s48 {background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_sidert.gif'); background-repeat: repeat-y;}
+ .u-s49 {width: 331px; background-image: url('http: //imagesak.godaddy.com/aaa/help/hlp_bot.gif'); background-repeat: repeat-x;}
+ .u-s50 {color: #000; font-weight: bold;}
+</style>
<script language="javascript" type="text/javascript">
var agt=navigator.userAgent.toLowerCase();
var is_opera = (agt.indexOf("opera") != -1);
@@ -127,8 +179,8 @@ </head>
<body>
-<div style="display:none;visibility:hidden;">
-<a href="/st.aspx"><img src="http://images-pw.secureserver.net/images/061703/spc_trans.gif" style="border:none" height="1" width="1" alt="" /></a>
+<div class="u-s1">
+<a href="/st.aspx"><img class="u-s2" src="http://images-pw.secureserver.net/images/061703/spc_trans.gif" height="1" width="1" alt="" /></a>
</div>
<div id="header">
@@ -143,18 +195,18 @@ </div>
<div id="todaysoffer">
- <img style="position: relative; top: 1px;" src="http://images-pw.secureserver.net/images/gd/img_arrows_todaysoffer.gif" border="0" alt="GoDaddy.com"/>
- <span style="font-weight: bold;position: relative; top: 1px;"><a class="bluelink" href="https://www.godaddy.com/gdshop/hotdeals/landing.asp?isc=GPPT03A111&ci=13111&domain=callsharkeys.com">Today's offers at GoDaddy.com</a></span>
+ <img class="u-s3" src="http://images-pw.secureserver.net/images/gd/img_arrows_todaysoffer.gif" border="0" alt="GoDaddy.com"/>
+ <span class="u-s4"><a class="bluelink" href="https://www.godaddy.com/gdshop/hotdeals/landing.asp?isc=GPPT03A111&ci=13111&domain=callsharkeys.com">Today's offers at GoDaddy.com</a></span>
</div>
<div id="domainname">
- <span style="font-size: 12px; color: #fff;">callsharkeys.com</span>
+ <span class="u-s5">callsharkeys.com</span>
</div>
<div id="topDomainSearch">
<form id="LookupForm" name="LookupForm" method="post" action="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A112&ci=13112&domain=callsharkeys.com">
- <input type="text" name="domaintocheck" maxlength="63" style="width:170px;" />
- <select name="tld" style="height: 21px;">
+ <input class="u-s6" type="text" name="domaintocheck" maxlength="63" />
+ <select class="u-s7" name="tld">
<option value=".com">.com</option>
@@ -306,21 +358,21 @@ <div><a href="https://shops.godaddy.com?isc=GPPT03A090&ci=14090&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/mrkt_200x80_4.gif" border="0" alt="Find Great Deals Now at Go Daddy Marketplace"/></a></div>
</div>
<div class="leftad">
- <div id="leftadBP"><a href="http://www.bobparsons.me?isc=GPPT03A879&domain=callsharkeys.com" style="text-decoration: none;color: #000;"><span style="font-family:Arial; font-size:11px; text-decoration:underline; color:#0600ff;">Learn how to succeed</span><span style="font-family:Arial; "> — in life and online — with straight talk from Go Daddy's CEO & Founder, Bob Parsons®.</span></a></div>
+ <div id="leftadBP"><a class="u-s8" href="http://www.bobparsons.me?isc=GPPT03A879&domain=callsharkeys.com"><span class="u-s9">Learn how to succeed</span><span class="u-s10"> — in life and online — with straight talk from Go Daddy's CEO & Founder, Bob Parsons®.</span></a></div>
<div><a href="http://www.bobparsons.me?isc=GPPT03A879&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/49574_ros_bob.gif" border="0" alt="www.bobparsons.me" /></a></div>
</div>
- <div style="padding-top: 4px; text-align: center;overflow: hidden;"><a href="" id="ad_tp_banner_1"><img src="http://images-pw.secureserver.net/images/tp200x80_5.gif" alt="" style="border:none;" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_1').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
+ <div class="u-s11"><a href="" id="ad_tp_banner_1"><img class="u-s2" src="http://images-pw.secureserver.net/images/tp200x80_5.gif" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_1').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
<div class="leftad">
- <div id="leftadWST"><a href="https://www.godaddy.com/gdshop/hosting/hosting_build_website.asp?isc=GPPT03A128&ci=13128&domain=callsharkeys.com" style="text-decoration: none;color: #fff;">Plans from $3.99/mo!</a></div>
+ <div id="leftadWST"><a class="u-s12" href="https://www.godaddy.com/gdshop/hosting/hosting_build_website.asp?isc=GPPT03A128&ci=13128&domain=callsharkeys.com">Plans from $3.99/mo!</a></div>
<div><a href="https://www.godaddy.com/gdshop/hosting/hosting_build_website.asp?isc=GPPT03A128&ci=13128&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/ad_wst.gif" border="0" alt="Website Tonight®"/></a></div>
</div>
<div class="leftad">
- <div id="leftadHost"><a href="http://www.godaddy.com/hosting/web-hosting.aspx?isc=GPPT03A129&ci=13129&domain=callsharkeys.com" style="text-decoration: none;color: #000;">Starting at<br/>$4.99/mo</a></div>
+ <div id="leftadHost"><a class="u-s8" href="http://www.godaddy.com/hosting/web-hosting.aspx?isc=GPPT03A129&ci=13129&domain=callsharkeys.com">Starting at<br/>$4.99/mo</a></div>
<div><a href="http://www.godaddy.com/hosting/web-hosting.aspx?isc=GPPT03A129&ci=13129&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/ad_hosting_noppc.gif" border="0" alt="Hosting Plans" /></a></div>
</div>
<div class="leftad">
- <div id="leftadAuction"><a href="https://www.godaddy.com/gdshop/dna/landing.asp?isc=GPPT03A132&ci=13132&domain=callsharkeys.com" style="text-decoration: none;color: #fff;">Memberships just $4.99/year!</a></div>
+ <div id="leftadAuction"><a class="u-s12" href="https://www.godaddy.com/gdshop/dna/landing.asp?isc=GPPT03A132&ci=13132&domain=callsharkeys.com">Memberships just $4.99/year!</a></div>
<div><a href="https://www.godaddy.com/gdshop/dna/landing.asp?isc=GPPT03A132&ci=13132&domain=callsharkeys.com"><img src="http://images-pw.secureserver.net/images/gd/ad_gdauctions_noppc2.gif" border="0" alt="Domain Name Aftermarket®" /></a></div>
</div>
<div class="leftad">
@@ -364,25 +416,25 @@ <area shape="rect" coords="9,440,101,484" alt="Radio Go Daddy" href="http://www.radiogodaddy.com?isc=GPPT03A753&ci=14753&domain=callsharkeys.com"/>
</map>
</div>
- <div id="domain1" style="color: #FF5500;position: absolute; left: 118px; top: 110px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 43px;">1</span></strong></a></div>
- <div id="domain1a" style="color: #FF5500;position: absolute; left: 101px; top: 113px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">$</span></strong></a></div>
- <div id="domain1b" style="color: #FF5500;position: absolute; left: 138px; top: 113px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">.99*</span></strong></a></div>
+ <div class="u-s13" id="domain1" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s14">1</span></strong></a></div>
+ <div class="u-s15" id="domain1a" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">$</span></strong></a></div>
+ <div class="u-s17" id="domain1b" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">.99*</span></strong></a></div>
- <div id="domain2" style="color: #FF5500;position: absolute; left: 78px; top: 219px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 43px;">11</span></strong></a></div>
- <div id="domain2a" style="color: #FF5500;position: absolute; left: 61px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">$</span></strong></a></div>
- <div id="domain2b" style="color: #FF5500;position: absolute; left: 125px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">.99*</span></strong></a></div>
+ <div class="u-s18" id="domain2" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s14">11</span></strong></a></div>
+ <div class="u-s19" id="domain2a" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">$</span></strong></a></div>
+ <div class="u-s20" id="domain2b" ><a href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">.99*</span></strong></a></div>
- <div id="domain3" style="color: #FF5500;position: absolute; left: 275px; top: 219px;" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 43px;">7</span></strong></a></div>
- <div id="domain3a" style="color: #FF5500;position: absolute; left: 258px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">$</span></strong></a></div>
- <div id="domain3b" style="color: #FF5500;position: absolute; left: 300px; top: 222px;" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span style="font-size: 30px;">.49*</span></strong></a></div>
+ <div class="u-s21" id="domain3" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s14">7</span></strong></a></div>
+ <div class="u-s22" id="domain3a" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">$</span></strong></a></div>
+ <div class="u-s23" id="domain3b" ><a href="https://www.godaddy.com/gdshop/transfers/landing.asp?isc=GPPT03A133&ci=13133&domain=callsharkeys.com" class="pricelink"><strong><span class="u-s16">.49*</span></strong></a></div>
- <div style="position: absolute; left:13px; top: 583px; display:none;"><a href="" id="ad_tp_banner_2"><img src="http://images-pw.secureserver.net/images/tp468x60_5.gif" alt="" style="border:none;" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_2').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
+ <div class="u-s24"><a href="" id="ad_tp_banner_2"><img class="u-s2" src="http://images-pw.secureserver.net/images/tp468x60_5.gif" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById('ad_tp_banner_2').href = '/ct.html?u=http%3a%2f%2fwww.trialpay.com%2fstores%2fgodaddy%2ftwodomains%3ftid%3d6rG-kb1&e=Mm0mZQNzMQ0zMG0zL3MkCF00AGxlZQL2ZQtmZGtlZQpkZQpmWzIaCGVjZGNkZQRkZGtkBQH4WzA5CGRzrQ0zpTqjCGHznT5aCGRzoab9ZPMzpQ0jWaOjCHuT-1';</script></div>
- <div id="extrasText"><span><a href="http://www.godaddy.com/gdshop/domain_offer.asp?isc=GPPT03A319&ci=13319&domain=callsharkeys.com" class="extralink">Over $100 in EXTRAS including Hosting<sup style="font-size: 8px;">†</sup><br/>with Site Builder, Personalized Email,<br/>Quick Blogcast, and MORE!</a></span></div>
+ <div id="extrasText"><span><a href="http://www.godaddy.com/gdshop/domain_offer.asp?isc=GPPT03A319&ci=13319&domain=callsharkeys.com" class="extralink">Over $100 in EXTRAS including Hosting<sup class="u-s25">†</sup><br/>with Site Builder, Personalized Email,<br/>Quick Blogcast, and MORE!</a></span></div>
<div id="mainDomainSearch">
<form id="LookupForm2" name="LookupForm2" method="post" action="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A134&domain=callsharkeys.com&ci=13134">
- <input type="text" name="domaintocheck" maxlength="63" style="width:170px;">
- <select name="tld" style="height: 21px;">
+ <input class="u-s6" type="text" name="domaintocheck" maxlength="63">
+ <select class="u-s7" name="tld">
<option value=".com">.com</option>
@@ -523,7 +575,7 @@ </div>
<div id="wwwText">www.</div>
<div id="startText">Start a Domain Name search:</div>
- <div id="whatsText"><span id="whatsThis" style="cursor: help;" onmouseover="ShowHelp(this,'whatsdom',false);" onmouseout="ShowHelp(this,'whatsdom',true);">?</span></div>
+ <div id="whatsText"><span class="u-s26" id="whatsThis" onmouseover="ShowHelp(this,'whatsdom',false);" onmouseout="ShowHelp(this,'whatsdom',true);">?</span></div>
<div id="icanntext"><p>*Plus <a href="javascript:void(openICANNPopup())" class="bluelink">ICANN fee</a> of 18 cents per yr.</p>
<script type="text/javascript">
function openICANNPopup()
@@ -531,7 +583,7 @@ var win=window.open('https://www.godaddy.com/gdshop/jump_pages/icann_dry.asp?isc=GPPT03&domain=callsharkeys.com&app%5Fhdr=99', 'icann', 'left=50,top=50,resizable=yes,scrollbars=yes,width=400,height=250');
}
</script></div>
- <div id="transfertext"><span style="font-weight: bold;">#1 in Domain Registrations.</span> <a class="whitelink" href="https://www.godaddy.com/gdshop/transfers/landing.asp?ci=13135&isc=GPPT03A135&domain=callsharkeys.com">Transfer your domains online</a><br/>or call the Transfer Concierge at (480) 505-8866!</div>
+ <div id="transfertext"><span class="u-s27">#1 in Domain Registrations.</span> <a class="whitelink" href="https://www.godaddy.com/gdshop/transfers/landing.asp?ci=13135&isc=GPPT03A135&domain=callsharkeys.com">Transfer your domains online</a><br/>or call the Transfer Concierge at (480) 505-8866!</div>
<div id="tldList">
<a class="bluelink" href="https://www.godaddy.com/gdshop/tlds/com.asp?ci=13318&isc=GPPT03A318&domain=callsharkeys.com&tld=%2ECOM">.com</a>
<a class="bluelink" href="https://www.godaddy.com/gdshop/tlds/us.asp?ci=13318&isc=GPPT03A318&domain=callsharkeys.com&tld=%2EUS">.us</a>
@@ -554,47 +606,47 @@ </div>
<div id="bpBlog"><a href="http://www.bobparsons.me?isc=GPPT03A754&domain=callsharkeys.com" class="prodadvlink">Learn how to succeed—in life and online—with straight <br/>talk from Go Daddy's CEO & Founder, Bob Parsons®. <br/><i>Viewer discretion advised!</i></a></div>
- <div id="learnMore"><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/> <span style="font-weight: bold;">Learn more about:</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dbp/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">Private domain registrations</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/Domain_Alert/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">domain backordering</a> <span style="font-weight: bold;">PLUS,</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dna/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">buy used domain names</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/registrar/bulkprices.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">bulk domain prices slashed</a> AND MORE!</div>
+ <div id="learnMore"><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/><img src="http://images-pw.secureserver.net/images/061703/arw_orange_white.gif" width="7" height="9" border="0"/> <span class="u-s27">Learn more about:</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dbp/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">Private domain registrations</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/Domain_Alert/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">domain backordering</a> <span class="u-s27">PLUS,</span> <a class="bluelink" href="https://www.godaddy.com/gdshop/dna/landing.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">buy used domain names</a>, <a class="bluelink" href="https://www.godaddy.com/gdshop/registrar/bulkprices.asp?ci=13317&isc=GPPT03A317&domain=callsharkeys.com">bulk domain prices slashed</a> AND MORE!</div>
<div id="productAdv"><a href="http://www.godaddy.com/gdshop/wizard/start.asp?isc=GPPT03&ci=13379&domain=callsharkeys.com" class="prodadvlink">Get what you need in </a><a href="http://www.godaddy.com/gdshop/wizard/start.asp?isc=GPPT03A379&ci=13379&domain=callsharkeys.com" class="prodadvorlink">UNDER 5 MINUTES </a><a href="http://www.godaddy.com/gdshop/wizard/start.asp?isc=GPPT03A379&ci=13379&domain=callsharkeys.com" class="prodadvlink">with our Product Advisor</a></div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 76px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop112853108/A87/product990687/0_2_e84b434e-7469-4a13-b1bf-2f79afba9993.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s28">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop112853108/A87/product990687/0_2_e84b434e-7469-4a13-b1bf-2f79afba9993.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 159px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop91707529/product671368/1_2_a9a6f499-bc28-4042-9b6b-ec9348c1107c.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s30">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop91707529/product671368/1_2_a9a6f499-bc28-4042-9b6b-ec9348c1107c.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; text-align: center; width: 48px; position: absolute; top: 542px; left: 242px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop96408706/0_2_c5193305-86ef-40eb-953f-04b82332016e.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s31">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop96408706/0_2_c5193305-86ef-40eb-953f-04b82332016e.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 324px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop101069415/A58/product1065858/0_2_25ebc940-e9e8-48e0-94cd-daa930a67489.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s32">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop101069415/A58/product1065858/0_2_25ebc940-e9e8-48e0-94cd-daa930a67489.jpg" /></a></td></tr></table>
</div>
-<div style="height: 48px; width: 48px; text-align: center; position: absolute; top: 542px; left: 406px;">
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com"><img src="http://shops1.wsimg.com/shop91707529/product0/0_2_79fadd2e-447c-4b5b-962d-82f90ff62879.jpg" style="border:0;" /></a></td></tr></table>
+<div class="u-s33">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle" width="48" height="48" padding="0" margin="0" border="0"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com"><img class="u-s29" src="http://shops1.wsimg.com/shop91707529/product0/0_2_79fadd2e-447c-4b5b-962d-82f90ff62879.jpg" /></a></td></tr></table>
</div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 60px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">UCLA Halloween Pumpkin B...</a></div><div><a href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$14.99</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 143px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">20 Meizitang Botanical S...</a></div><div><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$199.98</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 226px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">Litter-Lifter™ Magic-S...</a></div><div><a href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$8.75</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 308px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">Baggallini Milano Bagg S...</a></div><div><a href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$63.97</a></div></div>
-<div style="width: 80px; text-align: center; position: absolute; font-size: 11px; top: 590px; left: 390px;"><div style="height: 30px; overflow: hidden;"><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#000000">6 Boxes New (super)Slim ...</a></div><div><a href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com" style="color:#FF0000; font-weight:bold;text-decoration:none;">$68.98</a></div></div>
-<div style="position: absolute; text-align: center; font-size: 11px; top: 518px; left: 285px;"><a href="https://shops.godaddy.com?isc=GPPT03A092&domain=callsharkeys.com">GoDaddyMarketplace.com</a></div>
+<div class="u-s34"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com">UCLA Halloween Pumpkin B...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/BiggSports/UCLA-Halloween-Pumpkin-Bucket-990687/?isc=GPPT03A092&domain=callsharkeys.com">$14.99</a></div></div>
+<div class="u-s38"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com">20 Meizitang Botanical S...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/Earth-Herbs-and-Books/Botanical-Slimming-Soft-Gels/?isc=GPPT03A092&domain=callsharkeys.com">$199.98</a></div></div>
+<div class="u-s39"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com">Litter-Lifter™ Magic-S...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/Preferred-Merchandizing/Litter-Lifter-Magic-Scoop/?isc=GPPT03A092&domain=callsharkeys.com">$8.75</a></div></div>
+<div class="u-s40"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com">Baggallini Milano Bagg S...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/aSavings-com/Baggallini-Milano-Bagg-Silver-Hardware-Crinkle-Pewter-Mimosa/?isc=GPPT03A092&domain=callsharkeys.com">$63.97</a></div></div>
+<div class="u-s41"><div class="u-s35"><a class="u-s36" href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com">6 Boxes New (super)Slim ...</a></div><div><a class="u-s37" href="http://shops.godaddy.com/Earth-Herbs-and-Books/6-Boxes-New-Slim-Pomegranate-Weight-Loss-Slimming-Caspsule-6-Month/?isc=GPPT03A092&domain=callsharkeys.com">$68.98</a></div></div>
+<div class="u-s42"><a href="https://shops.godaddy.com?isc=GPPT03A092&domain=callsharkeys.com">GoDaddyMarketplace.com</a></div>
- <div id="whatsdom_help" style="width:340px;display:none;position:absolute;z-index:99;top: 344px; left: 270px;">
- <table class="subText" border="0" style="width:340px;" cellpadding="0" cellspacing="0">
+ <div class="u-s43" id="whatsdom_help">
+ <table class="subText u-s44" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_toplft.gif" width="4" height="5"></td>
- <td style="width:331px;background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_top.gif');background-repeat:repeat-x;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
+ <td class="u-s45"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_toprt.gif" width="5" height="5"></td>
</tr>
<tr>
- <td style="background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_sidelft.gif');background-repeat:repeat-y;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="4" height="1"></td>
- <td style="width:331px;padding:4px 8px 6px 8px;background-color:#FAFAFA;"><b>What's a Domain Name?</b><br>Want a Web site? Personalized email? How about an easy, affordable way to promote your business, class reunion or favorite hobby? A unique, memorable dot com domain name is the first step to doing all this and more. It's <b>your 'address' on the World Wide Web</b>, and along with your Web site, serves as your 'online identity,' reflecting your purpose and personality. Friends, family, customers - anyone in the world with Internet access - can type your domain name into their Web browser and visit your Web site.</td>
- <td style="background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_sidert.gif');background-repeat:repeat-y;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="5" height="1"></td>
+ <td class="u-s46"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="4" height="1"></td>
+ <td class="u-s47"><b>What's a Domain Name?</b><br>Want a Web site? Personalized email? How about an easy, affordable way to promote your business, class reunion or favorite hobby? A unique, memorable dot com domain name is the first step to doing all this and more. It's <b>your 'address' on the World Wide Web</b>, and along with your Web site, serves as your 'online identity,' reflecting your purpose and personality. Friends, family, customers - anyone in the world with Internet access - can type your domain name into their Web browser and visit your Web site.</td>
+ <td class="u-s48"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="5" height="1"></td>
</tr>
<tr>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_botlft.gif" width="4" height="5"></td>
- <td style="width:331px;background-image:url('http://imagesak.godaddy.com/aaa/help/hlp_bot.gif');background-repeat:repeat-x;"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
+ <td class="u-s49"><img src="http://imagesak.godaddy.com/assets/spc_trans.gif" width="1" height="5"></td>
<td><img src="http://imagesak.godaddy.com/aaa/help/hlp_botrt.gif" width="5" height="5"></td>
</tr>
</table>
@@ -607,7 +659,7 @@ <area shape="rect" coords="196,5,555,32" alt="Parked Free Courtesy of Godaddy.com" href="http://www.godaddy.com?isc=GPPT03A136&ci=13136&domain=callsharkeys.com"/>
</map>
<div id="best_values">
- <span style="color: #000; font-weight: bold;">Visit GoDaddy.com for the best values on:</span><br/>
+ <span class="u-s50">Visit GoDaddy.com for the best values on:</span><br/>
<a class="footerlink2" href="https://www.godaddy.com/gdshop/registrar/search.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Domain names</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/hosting/landing.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Web Hosting</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/website.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Web Site Builders</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/email.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Email Accounts</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/ssl/ssl.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">SSL Certificates</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/ecommerce/cart.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">Ecommerce Products</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">And More!</a><img src="http://images-pw.secureserver.net/images/bul_blacksquare.png" class="blackbullet"/><a class="footerlink2" href="https://www.godaddy.com/gdshop/catalog.asp?isc=GPPT03A137&ci=13137&domain=callsharkeys.com">See Product Catalog</a>
</div>
<div id="footertext1">
diff --git a/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html b/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html index 37bb327..b81b73e 100755 --- a/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html +++ b/static/nickinterview/peoplewholiketochatalot dump.fm_files/photo30.html @@ -39,6 +39,13 @@ var excludeModules='38'; <style type="text/css"> #ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: 760px;margin: 0 auto;} #ja-wrapper {min-width: 761px;} +#ja-containerwrap-fr { z-index: 0; } + +.cursor-pointer { cursor: pointer; } +.fb-like-frame { border: none; overflow: hidden; width: 80px; height: 20px; } +.collection-thumb { width: 100px; border: 0; } +.margin-x-15 { margin: 0 15px; } +.text-center { text-align: center; } </style> <!-- ShareThis code --> @@ -46,7 +53,7 @@ var excludeModules='38'; <style type="text/css"> body {font-family:helvetica,sans-serif;font-size:12px;} a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;} -a.stbar.chicklet {height:16px;line-height:16px;} +a.stbar.chicklet {height:16px;line-height:16px;text-decoration:none;} </style> </head> @@ -74,9 +81,9 @@ a.stbar.chicklet {height:16px;line-height:16px;} <ul class="ja-usertools-font"> - <li><img style="cursor: pointer;" title="Increase font size" src="http://www.samuseum.org/templates/sama/images/user-increase.png" alt="Increase font size" id="ja-tool-increase" onclick="switchFontSize('sama_ja_font','inc'); return false;" /></li> - <li><img style="cursor: pointer;" title="Default font size" src="http://www.samuseum.org/templates/sama/images/user-reset.png" alt="Default font size" id="ja-tool-reset" onclick="switchFontSize('sama_ja_font',3); return false;" /></li> - <li><img style="cursor: pointer;" title="Decrease font size" src="http://www.samuseum.org/templates/sama/images/user-decrease.png" alt="Decrease font size" id="ja-tool-decrease" onclick="switchFontSize('sama_ja_font','dec'); return false;" /></li> + <li><img class="cursor-pointer" title="Increase font size" src="http://www.samuseum.org/templates/sama/images/user-increase.png" alt="Increase font size" id="ja-tool-increase" onclick="switchFontSize('sama_ja_font','inc'); return false;" /></li> + <li><img class="cursor-pointer" title="Default font size" src="http://www.samuseum.org/templates/sama/images/user-reset.png" alt="Default font size" id="ja-tool-reset" onclick="switchFontSize('sama_ja_font',3); return false;" /></li> + <li><img class="cursor-pointer" title="Decrease font size" src="http://www.samuseum.org/templates/sama/images/user-decrease.png" alt="Decrease font size" id="ja-tool-decrease" onclick="switchFontSize('sama_ja_font','dec'); return false;" /></li> </ul> <script type="text/javascript">var CurrentFontSize=parseInt('3');</script> @@ -95,7 +102,7 @@ a.stbar.chicklet {height:16px;line-height:16px;} </div> <!-- END: MAIN NAVIGATION --> - <div id="ja-containerwrap-fr" style="z-index:0"> + <div id="ja-containerwrap-fr"> <div id="ja-containerwrap2"> <div id="ja-container"> <div id="ja-container2" class="clearfix"> @@ -161,7 +168,7 @@ form#form-ccsignup fieldset { SAMA Collections</span> </td> <td align="right" valign="bottom"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http://www.samuseum.org/index.php/sama-collections/&layout=button_count&show_faces=true&width=80&action=like&font&colorscheme=light&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http://www.samuseum.org/index.php/sama-collections/&layout=button_count&show_faces=true&width=80&action=like&font&colorscheme=light&height=20" scrolling="no" frameborder="0" class="fb-like-frame" allowTransparency="true"></iframe> </td></tr> </table> </div> @@ -184,7 +191,7 @@ SAMA Collections</span> <tbody>
<tr>
<td>
- <a href="/sama-collections/american-art"><img alt="American Art" border="0" src="/images/collection/photo2_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/american-art"><img alt="American Art" border="0" src="/images/collection/photo2_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/american-art"> </a>
<h3>
@@ -210,7 +217,7 @@ SAMA Collections</span> </tr>
<tr>
<td>
- <a href="/sama-collections/contemporary-art"><img alt="Contemporary Art" border="0" src="/images/collection/photo7_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/contemporary-art"><img alt="Contemporary Art" border="0" src="/images/collection/photo7_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/contemporary-art"> </a>
<h3>
@@ -223,7 +230,7 @@ SAMA Collections</span> </tr>
<tr>
<td>
- <a href="/sama-collections/european-art"><img alt="European Art" border="0" src="/images/collection/photo3_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/european-art"><img alt="European Art" border="0" src="/images/collection/photo3_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/european-art"> </a>
<h3>
@@ -236,7 +243,7 @@ SAMA Collections</span> </tr>
<tr>
<td>
- <a href="/sama-collections/latin-american-art"><img alt="Latin American Art" border="0" src="/images/collection/photo1_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/latin-american-art"><img alt="Latin American Art" border="0" src="/images/collection/photo1_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/latin-american-art"> </a>
<h3>
@@ -249,7 +256,7 @@ SAMA Collections</span> </tr>
<tr>
<td>
- <a href="/sama-collections/oceanic-art"><img alt="Oceanic Art" border="0" src="/images/collection/photo6_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/oceanic-art"><img alt="Oceanic Art" border="0" src="/images/collection/photo6_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/oceanic-art"> </a>
<h3>
@@ -262,7 +269,7 @@ SAMA Collections</span> </tr>
<tr>
<td>
- <a href="/sama-collections/art-of-the-ancient-mediterranean-world"><img alt="Western Antiquities" border="0" src="/images/collection/photo5_.jpg" style="width: 100px; border: 0px;" /></a></td>
+ <a href="/sama-collections/art-of-the-ancient-mediterranean-world"><img alt="Western Antiquities" border="0" src="/images/collection/photo5_.jpg" class="collection-thumb" /></a></td>
<td valign="top">
<a href="/sama-collections/art-of-the-ancient-mediterranean-world"> </a>
<h3>
@@ -279,7 +286,7 @@ SAMA Collections</span> <!--tour information--> - <div style="margin:0px 15px"> + <div class="margin-x-15"> </div> @@ -309,11 +316,11 @@ SAMA Collections</span> </div> <br /> - <div style="text-align: center;"> + <div class="text-center"> <a id="ck_email" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/email.gif" /></a> <a id="ck_facebook" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/facebook.gif" /></a> <a id="ck_twitter" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/twitter.gif" /></a> - <a id="ck_sharethis" class="stbar chicklet" href="javascript:void(0);" style="text-decoration: none;"><img src="http://w.sharethis.com/chicklets/sharethis.gif" />ShareThis</a> + <a id="ck_sharethis" class="stbar chicklet" href="javascript:void(0);" ><img src="http://w.sharethis.com/chicklets/sharethis.gif" />ShareThis</a> <script type="text/javascript"> var shared_object = SHARETHIS.addEntry({ title: document.title, diff --git a/static/register-closed.html b/static/register-closed.html index 2b41769..20d64a1 100755 --- a/static/register-closed.html +++ b/static/register-closed.html @@ -15,7 +15,7 @@ <body> <div id="rapper"></div> - <div id="content" style="z-index:77;height:100%;"> + <div id="content" class="content-z77 content-fullheight"> <div id="main" align="center"> @@ -24,7 +24,7 @@ <div id="logo-and-text"> <a href="/"><img src="/static/img/dumppixellarge3.png"></a> <div align="center"> - <label style="text-align:center;margin-bottom:10px;">Registration is currently closed. + <label class="register-message">Registration is currently closed. <br><br> Maybe ask a friend?</label> diff --git a/static/register-on1.html b/static/register-on1.html index d803646..9bfa9ee 100755 --- a/static/register-on1.html +++ b/static/register-on1.html @@ -16,7 +16,7 @@ <body> <div id="rapper"></div> -<div id="content" style="z-index:77;"> +<div id="content" class="content-z77"> <div id="main" align="center"> @@ -26,17 +26,17 @@ <div id="logo-and-text"> <a href="/"><img src="/static/img/dumppixellarge3.png"></a> <div align="center"> - <label style="text-align:left;margin-bottom:-8px;">username</label> + <label class="form-label-left-tight">username</label> <input type="text" class="field"id="nickInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password</label> + <label class="form-label-left-tight">password</label> <input type="password" class="field" id="passwordInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> + <label class="form-label-left-tight">password2x</label> <input type="password" class="field" id="passwordInput2" /> - <label style="text-align:left;margin-bottom:-8px;">email</label> + <label class="form-label-left-tight">email</label> <input type="text" class="field"id="emailInput" /> </h1> diff --git a/static/register-open.html b/static/register-open.html index d803646..9bfa9ee 100755 --- a/static/register-open.html +++ b/static/register-open.html @@ -16,7 +16,7 @@ <body> <div id="rapper"></div> -<div id="content" style="z-index:77;"> +<div id="content" class="content-z77"> <div id="main" align="center"> @@ -26,17 +26,17 @@ <div id="logo-and-text"> <a href="/"><img src="/static/img/dumppixellarge3.png"></a> <div align="center"> - <label style="text-align:left;margin-bottom:-8px;">username</label> + <label class="form-label-left-tight">username</label> <input type="text" class="field"id="nickInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password</label> + <label class="form-label-left-tight">password</label> <input type="password" class="field" id="passwordInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> + <label class="form-label-left-tight">password2x</label> <input type="password" class="field" id="passwordInput2" /> - <label style="text-align:left;margin-bottom:-8px;">email</label> + <label class="form-label-left-tight">email</label> <input type="text" class="field"id="emailInput" /> </h1> diff --git a/static/register.html b/static/register.html index 2b41769..20d64a1 100755 --- a/static/register.html +++ b/static/register.html @@ -15,7 +15,7 @@ <body> <div id="rapper"></div> - <div id="content" style="z-index:77;height:100%;"> + <div id="content" class="content-z77 content-fullheight"> <div id="main" align="center"> @@ -24,7 +24,7 @@ <div id="logo-and-text"> <a href="/"><img src="/static/img/dumppixellarge3.png"></a> <div align="center"> - <label style="text-align:center;margin-bottom:10px;">Registration is currently closed. + <label class="register-message">Registration is currently closed. <br><br> Maybe ask a friend?</label> diff --git a/static/register777.html b/static/register777.html index d803646..9bfa9ee 100755 --- a/static/register777.html +++ b/static/register777.html @@ -16,7 +16,7 @@ <body> <div id="rapper"></div> -<div id="content" style="z-index:77;"> +<div id="content" class="content-z77"> <div id="main" align="center"> @@ -26,17 +26,17 @@ <div id="logo-and-text"> <a href="/"><img src="/static/img/dumppixellarge3.png"></a> <div align="center"> - <label style="text-align:left;margin-bottom:-8px;">username</label> + <label class="form-label-left-tight">username</label> <input type="text" class="field"id="nickInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password</label> + <label class="form-label-left-tight">password</label> <input type="password" class="field" id="passwordInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> + <label class="form-label-left-tight">password2x</label> <input type="password" class="field" id="passwordInput2" /> - <label style="text-align:left;margin-bottom:-8px;">email</label> + <label class="form-label-left-tight">email</label> <input type="text" class="field"id="emailInput" /> </h1> diff --git a/static/registerr.html b/static/registerr.html index 06ee69d..f7a3071 100755 --- a/static/registerr.html +++ b/static/registerr.html @@ -42,9 +42,7 @@ jQuery(window).load(function() { <div id="rapper"> <div id="toplogo"> -<img style="visibility:hidden;width:0px;height:0px;"/><style type='text/css'> - -</style> +<img class="preload-pixel" alt="" /> <a class="img_roll" href="/register"></a> <div id="lilflag"> HOME OF THE SLOTHGOTH!!!!! @@ -88,7 +86,7 @@ preview dump.fm! </div> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span class="word-spacing-normal">About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/search/browser.css b/static/search/browser.css index 44355a6..2383142 100755 --- a/static/search/browser.css +++ b/static/search/browser.css @@ -1,11 +1,22 @@ /* pichat.css */ body { - font-size:13; - font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; - margin:2%; - -} + font-size:13; + font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; + margin:2%; + + } + + .is-hidden { + display: none; + } + + .browser-heading { + font-size: 30px; + text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; + color: #fff; + font-weight: bold; + } #rapper{ } #container { diff --git a/static/search/browser.html b/static/search/browser.html index 358a07f..ea499ba 100755 --- a/static/search/browser.html +++ b/static/search/browser.html @@ -13,17 +13,14 @@ </head> <body> -<div id="ish"> -<form onSubmit="searchImages(); return false;" > -<div align="left"> -<div style=" font-size:30; - text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; -color:#fff; -font-weight:bold;">image search</div> - <tr> - <td colspan="2"><br> - <input name="q" type="text" id="q" onChange="searchImages();" size="10%"> - <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> + <div id="ish"> + <form onSubmit="searchImages(); return false;" > + <div align="left"> + <div class="browser-heading">image search</div> + <tr> + <td colspan="2"><br> + <input name="q" type="text" id="q" onChange="searchImages();" size="10%"> + <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> <label> </label> @@ -74,16 +71,16 @@ font-weight:bold;">image search</div> <option value="corbis.com">corbis</option> <option value="made-in-china.com">made in china</option> <option value="0" selected>EVERYWHERE</option> - </select> - </label> - <label> - <input name="showFaces" type="checkbox" onClick="searchImages();"> - Only Faces</label> - <div style="display:none;">★<label> hot shit</label>★ - <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> - Always ON</div> - </td> - </tr> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + <div class="is-hidden">★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON</div> + </td> + </tr> @@ -264,4 +261,4 @@ font-weight:bold;">image search</div> } </script> </body> -</html>
\ No newline at end of file +</html> diff --git a/static/search/imagesearch.html b/static/search/imagesearch.html index 53bb42f..0d14429 100755 --- a/static/search/imagesearch.html +++ b/static/search/imagesearch.html @@ -16,8 +16,8 @@ javascript:CreateDropdownWindow('image search', '680px', true, 'search', 50, 60);" > - <div style="display:none;"id="search"> - <div id="content" name="content"style="background-image:url(/static/hearts.gif);background-repeat:repeat;height:800;"> + <div id="search" class="is-hidden"> + <div id="content" name="content" class="content-hearts"> <form onSubmit="searchImages(); return false;" > @@ -77,16 +77,16 @@ <option value="corbis.com">corbis</option> <option value="made-in-china.com">made in china</option> <option value="0" selected>EVERYWHERE</option> - </select> - </label> - <label> - <input name="showFaces" type="checkbox" onClick="searchImages();"> - Only Faces</label> - <div style="display:none;">★<label> hot shit</label>★ - <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> - Always ON</div> - </td> - </tr> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + <div class="is-hidden">★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON</div> + </td> + </tr> <tr> @@ -267,4 +267,4 @@ } </script> </body> -</html>
\ No newline at end of file +</html> diff --git a/static/shinobi/index.html b/static/shinobi/index.html index 4010061..0cdefab 100755 --- a/static/shinobi/index.html +++ b/static/shinobi/index.html @@ -16,7 +16,7 @@ <body> <div id="rapper"></div> -<div id="content" style="z-index:77;"> +<div id="content" class="content-z77"> <div id="main" align="center"> @@ -26,17 +26,17 @@ <div id="logo-and-text"> <a href="/"><img src="/static/img/dumppixellarge3.png"></a> <div align="center"> - <label style="text-align:left;margin-bottom:-8px;">username</label> + <label class="form-label-left-tight">username</label> <input type="text" class="field"id="regNickInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password</label> + <label class="form-label-left-tight">password</label> <input type="password" class="field" id="regPasswordInput" /> <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> + <label class="form-label-left-tight">password2x</label> <input type="password" class="field" id="regPasswordInput2" /> - <label style="text-align:left;margin-bottom:-8px;">email</label> + <label class="form-label-left-tight">email</label> <input type="text" class="field"id="regEmailInput" /> </h1> diff --git a/static/testindex.html b/static/testindex.html index 0f4eba5..c698d11 100755 --- a/static/testindex.html +++ b/static/testindex.html @@ -71,14 +71,14 @@ $(document).ready(function() { </head> <body> -<div id="content" style="z-index:77;"> +<div id="content" class="content-z77"> <div id="main" align="center"> <div id="registerbox"> <div id="logo-and-text"> <div align="center"> - <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br> + <a href="/register" class="no-underline">Click here to Register!</a> <br> </div> </div> </div> @@ -102,14 +102,14 @@ $(document).ready(function() { <br> <div id="talkaboutus"> -<div id="slider" style="display:none;"> +<div id="slider" class="is-hidden"> <a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a> <a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a> </div> - <div id="footer" style="text-align: center"> + <div id="footer" class="text-center"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us">About Us</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/tribe/index.html b/static/tribe/index.html index 0687ac6..3938519 100755 --- a/static/tribe/index.html +++ b/static/tribe/index.html @@ -12,32 +12,32 @@ input{width:600px;height:70px;margin-bottom:20px;} body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;} html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;} - </style> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> - <META NAME="description" CONTENT="Talk with pictures!"> - <title>dump.fm - register</title></head> - <body style="width:250px;margin:30 auto;background:yellow;> + </style> + <link rel="stylesheet" type="text/css" href="/static/css/index.css"> + <link rel="shortcut icon" href="/static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> + <META NAME="description" CONTENT="Talk with pictures!"> + <title>dump.fm - register</title></head> + <body> - - <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> - <label style="text-align:left;margin-bottom:-8px;">username</label> - <input type="text" class="field" id="nickInput" /> - <br> - - <label style="text-align:left;margin-bottom:-8px;">password</label> - <input type="password" class="field" id="passwordInput" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> - <input type="password" class="field" id="passwordInput2" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">email</label> - <input type="text" class="field" id="emailInput" /> - <br> - - <div align="right"> + + <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> + <label class="form-label-left-tight">username</label> + <input type="text" class="field" id="nickInput" /> + <br> + + <label class="form-label-left-tight">password</label> + <input type="password" class="field" id="passwordInput" /> + <br> + <label class="form-label-left-tight">password2x</label> + <input type="password" class="field" id="passwordInput2" /> + <br> + <label class="form-label-left-tight">email</label> + <input type="text" class="field" id="emailInput" /> + <br> + + <div align="right"> <input type="submit" class="submit" id="submit" value="Register!" /> diff --git a/template/20years.st b/template/20years.st index 7099404..10b2787 100755 --- a/template/20years.st +++ b/template/20years.st @@ -4,12 +4,12 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://in20years.com/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://in20years.com/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/3frames.st b/template/3frames.st index 3fd00a8..ca8b8c3 100755 --- a/template/3frames.st +++ b/template/3frames.st @@ -4,12 +4,12 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://3fram.es/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://3fram.es/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/about_us.st b/template/about_us.st index 6415004..b31a622 100755 --- a/template/about_us.st +++ b/template/about_us.st @@ -1,24 +1,13 @@ <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: about us</title> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <title>dump.fm: about us</title> $head()$ + <script type="text/javascript" src="/static/js/win.js"></script> + <script type="text/javascript" src="/static/js/pages/scroll_pane_init.js?v=20260203"></script> </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=" + <body class="profile" onload=" javascript:CreateDropdownWindow('about the site', '360px', true, 'news', 70, 75); javascript:CreateDropdownWindow('about the team', '380px', true, 'link', 500, 60); javascript:CreateDropdownWindow('contact us', '360px', true, 'contact', 70, 385); @@ -29,18 +18,18 @@ background-attachment:fixed;" onload=" - <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> + <div id="news" class="is-hidden dropdown-window"> + <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center> <img src="/static/img/dumpclouds.png"><br><br> -<h5 style="padding:2px;"> +<h5 class="p-2"> DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; allowing pictures to be used for realtime communication and collaboration. Users can send image URLs (which display instantly in the chat), upload locally from their hard drive or post pics right from their webcam. Every image gets stored in your DUMP.FM log, similarly, a log is kept of the entire collaboration. </center><br></div></h5> </div></div> - <div style="display:none;"id="link"> - <div id="content" name="content"style="background-image:url(/static/img/hearts.gif);background-repeat:repeat;"> + <div id="link" class="is-hidden"> + <div id="content" name="content" class="bg-hearts"> <img src="/static/img/dumpteam.gif"><br><br> <div id="abouttxt"><h1><br> <a href="/ryder">Ryder Ripps</a> - screams, rapping<br></h1> @@ -58,10 +47,10 @@ DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; </div> - <div style="display:none;background-color:#fff;"id="contact"> + <div id="contact" class="is-hidden bg-white"> <div id="content" name="content"> - <center><div style="background-color:#fff"><br><br><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><br><br> + <center><div class="bg-white"><br><br><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><br><br> <h5><br> diff --git a/template/altar_log.st b/template/altar_log.st index 5d826ef..5d64397 100755 --- a/template/altar_log.st +++ b/template/altar_log.st @@ -1,11 +1,12 @@ <html> <head> - <title>dump.fm log</title> -$head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -19,12 +20,7 @@ $banner()$ <span class="content"><center> $dumps: { d | $log_dump(dump=d)$ }$ </center></span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ diff --git a/template/altar_user_log.st b/template/altar_user_log.st index 75159a6..fe1065b 100755 --- a/template/altar_user_log.st +++ b/template/altar_user_log.st @@ -1,11 +1,12 @@ <html> <head> - <title>dump.fm log</title> - $head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -19,12 +20,7 @@ <span class="content"> $dumps: { d | $log_dump(dump=d)$ }$ </span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ diff --git a/template/arcade.st b/template/arcade.st index 16b53c9..733ec6e 100755 --- a/template/arcade.st +++ b/template/arcade.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://nfggames.com/games/fontmaker" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://nfggames.com/games/fontmaker" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/banner.old.st b/template/banner.old.st index 4cc706e..09ad520 100755 --- a/template/banner.old.st +++ b/template/banner.old.st @@ -1,21 +1,21 @@ <div id="rapper7"> - <div id="header7"> - <div id="logoicons"> - <div id="logo7"> - <div align="center"> - <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> - <a class="img_roll" href="$domain$"></a> - </div> - </div> - <div class="white"> - $if(!user_nick)$ - <div id="bar7dis"> - $else$ - <div id="bar7"> - $endif$ - <div style="float: left;"> - <div align="center"> - $if(user_nick)$ + <div id="header7"> + <div id="logoicons"> + <div id="logo7"> + <div align="center"> + <img class="is-hidden" border="0" width="0" height="0" alt="" /> + <a class="img_roll" href="$domain$"></a> + </div> + </div> + <div class="white"> + $if(!user_nick)$ + <div id="bar7dis"> + $else$ + <div id="bar7"> + $endif$ + <div class="float-left"> + <div align="center"> + $if(user_nick)$ <!-- <a href="$domain$/log" onclick="pageTracker._trackEvent('button', 'banner-log'); return true;"> <img src="/static/img/thumbs/logbaricon.png"/> Log</a> --> <a href="$domain$/$user_nick$" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;"> @@ -67,7 +67,7 @@ $if(user_nick)$ <!-- <div id="facebooklike"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> </div> --> @@ -109,11 +109,11 @@ - <div id="inpage-search-results" style="background-color: white;"> - <div id="search-controls"> - <span id="search-message"></span> - <a id="search-control-close" href="javascript:Search.close()">close</a> - </div> + <div id="inpage-search-results" class="bg-white"> + <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> diff --git a/template/banner.st b/template/banner.st index 303aec0..052da38 100755 --- a/template/banner.st +++ b/template/banner.st @@ -25,7 +25,7 @@ </div> <!-- - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> --> @@ -67,7 +67,7 @@ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> --> $endif$ @@ -81,7 +81,7 @@ <!-- - <a href="http://www.zazzle.com/ppshoppe/gifts">CHECK OUT THE PP SHOPPE!!!!!</a> --> - <a href="https://docs.google.com/forms/d/1b8eHSuRMhTRb58sct0a_C6AdqU3yydE24GBfOelXz5Y/viewform" class='rainbow' style="color: transparent; border-bottom: 1px solid rgba(0,255,255,0.3); font-weight: bold; ">DUMP.FM 5 YEAR PARTY - RSVP TODAY!!!!!</a> + <a href="https://docs.google.com/forms/d/1b8eHSuRMhTRb58sct0a_C6AdqU3yydE24GBfOelXz5Y/viewform" class="rainbow rainbow-link">DUMP.FM 5 YEAR PARTY - RSVP TODAY!!!!!</a> $endif$ $if(isadmin)$ - <a href="http://vip.dump.fm/">NAUGHTY GIRLS/AND-OR/BOYS DELIGHT </a> $endif$ diff --git a/template/banner_dis.st b/template/banner_dis.st index 6ab0ac7..8a399af 100755 --- a/template/banner_dis.st +++ b/template/banner_dis.st @@ -1,7 +1,7 @@ $if(!user_nick)$ -<link rel="stylesheet" type="text/css" href="/static/css/pages.css"> +<link rel="stylesheet" type="text/css" href="/static/css/pages.css?v=20260130"> $endif$ <link rel="stylesheet" type="text/css" href="https://dismagazine.com/css/dump.css?3"> @@ -12,15 +12,15 @@ $endif$ <div id="dislogo"> <div align="center"> - <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> - <a href="https://dismagazine.com"><img src="/static/img/dis.png" class="dislogo"><a class="img_rolldis" href="$domain$"></a> - </div> + <img class="is-hidden" border="0" width="0" height="0" alt="" /> + <a href="https://dismagazine.com"><img src="/static/img/dis.png" class="dislogo"><a class="img_rolldis" href="$domain$"></a> + </div> </div> - <div id="bar7dis"> - <div style="float: left;"> - <div align="center"> - $if(user_nick)$ + <div id="bar7dis"> + <div class="float-left"> + <div align="center"> + $if(user_nick)$ <!-- <a href="$domain$/log" onclick="pageTracker._trackEvent('button', 'banner-log'); return true;"> <img src="/static/img/thumbs/logbaricon.png"/> Log</a> --> @@ -41,10 +41,10 @@ $endif$ </div> - $if(user_nick)$ - <!-- <div id="facebooklike"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> - </div> ---!> + $if(user_nick)$ + <!-- <div id="facebooklike"> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> + </div> ---!> <div id="dissearchbox"> <input type="text" name="search-query" id="search-query" /> @@ -121,8 +121,8 @@ $if(!user_nick)$ <div id="dis_welcome"> <iframe src="http://dismagazine.com/html/dis-dump.html" id="dis_frame" frameborder="0"></iframe> </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; diff --git a/template/boobsigns.st b/template/boobsigns.st index 8c61a61..61a720b 100755 --- a/template/boobsigns.st +++ b/template/boobsigns.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.boobsigns.com/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.boobsigns.com/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/browser.st b/template/browser.st index 61c05c3..7a6a010 100755 --- a/template/browser.st +++ b/template/browser.st @@ -2,8 +2,8 @@ <head> <title>dump.fm | Image Search Beta</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/browser.css"> - <link rel="stylesheet" type="text/css" href="/static/css/header.css"> + <link rel="stylesheet" type="text/css" href="/static/css/browser.css?v=20260131"> + <link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20260130"> <script type="text/javascript" src="/static/gritter/js/jquery.gritter.js"></script> <link rel="stylesheet" type="text/css" href="/static/gritter/css/jquery.gritter.css" /> @@ -45,7 +45,7 @@ $endif$ </div> </div> -<div id="footerc" style="bottom:3px;"> +<div id="footerc"> <p> $footer()$</p> <p> diff --git a/template/cal.st b/template/cal.st index 89dad33..491b271 100755 --- a/template/cal.st +++ b/template/cal.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="/static/cal.html" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="/static/cal.html" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/celeb.st b/template/celeb.st index 1441d7c..214b6e7 100755 --- a/template/celeb.st +++ b/template/celeb.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.photowithme.com/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.photowithme.com/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/chat_help_bubbles.st b/template/chat_help_bubbles.st index 71cd04e..626c3ce 100755 --- a/template/chat_help_bubbles.st +++ b/template/chat_help_bubbles.st @@ -1,8 +1,8 @@ -<div id="newuserwrap" style="display:none;"> +<div id="newuserwrap" class="is-hidden"> <div id="posthelp"><img src="/static/img/furie6.png"></div> <div id="webcamhelp"><img src="/static/img/furie5.png"></div> <a href="/help"><div id="userlisthelp"><img src="/static/img/furie7.png"></div></a> <script> jQuery(document).ready(function(){ setTimeout( function(){ jQuery("#newuserwrap div").hide("puff", 1000) }, 100000 ) }) </script> -</div>
\ No newline at end of file +</div> diff --git a/template/dealwithit.st b/template/dealwithit.st index 8cfb2f1..8a053c6 100755 --- a/template/dealwithit.st +++ b/template/dealwithit.st @@ -4,7 +4,7 @@ <title>dump.fm - deal with it</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>deal with it on dump.fm<br><br>A Collection of images that 'deal with it' by users of dump.fm. <br><br><a href="/static/templates/dealwithittemplate.psd">Click Here</a> to download the deal with it photoshop template.<br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdealwithit&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdealwithit&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/directory.st b/template/directory.st index e3b3df0..9b6ff76 100755 --- a/template/directory.st +++ b/template/directory.st @@ -6,9 +6,7 @@ <title>dump.fm directory</title> $endif$ $head()$ - <script> - jQuery(document).ready(initDirectory); - </script> + <script type="text/javascript" src="/static/js/pages/directory_init.js?v=20260203"></script> </head> <body class="profile"> $banner()$ @@ -24,7 +22,7 @@ $if(users)$ $users:{ dump | - <div class="dlogged-dump dump $if(dump.favorited)$favorite$endif$" id="message-$dump.message_id$" style="position: relative"> + <div class="dlogged-dump dump is-relative $if(dump.favorited)$favorite$endif$" id="message-$dump.message_id$"> <div id="usernicks"> <a href="/$dump.nick$"> <b>$dump.nick$'s</b> $if(dump.score_ent)$ fav score: $dump.score$ diff --git a/template/doublerainbow.st b/template/doublerainbow.st index 8f7b6a2..e5b662c 100755 --- a/template/doublerainbow.st +++ b/template/doublerainbow.st @@ -4,7 +4,7 @@ <title>dump.fm - double rainbow</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Double Rainbow on dump.fm<br><br>A Collection of images of Double Rainbow related images by users of dump.fm on July 14, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdoublerainbow&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdoublerainbow&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/dwi.st b/template/dwi.st index 6e8c512..c1722f9 100755 --- a/template/dwi.st +++ b/template/dwi.st @@ -4,12 +4,12 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://dwigif.appspot.com/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://dwigif.appspot.com/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/error_ie.st b/template/error_ie.st index 340c4c3..371559b 100755 --- a/template/error_ie.st +++ b/template/error_ie.st @@ -1,8 +1,17 @@ -<div id="iesucks" style="margin:10%;font-size:15px;font-family:Arial, sans serif;color:black;"> -<center> -<img src="http://coteriemusicblog.files.wordpress.com/2008/02/1.gif"> -<h2> -WHOA HOLD UP!! dump.fm only works with Firefox, Chrome or Safari ... (possibly Opera) ... sorry dude... -</h2> -</DIV> -</center>
\ No newline at end of file +<html> + <head> + <title>dump.fm</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <link rel="stylesheet" type="text/css" href="/static/css/error_ie.css?v=20260131"> + </head> + <body> + <div id="iesucks"> + <center> + <img src="https://coteriemusicblog.files.wordpress.com/2008/02/1.gif" alt="" /> + <h2> + WHOA HOLD UP!! dump.fm only works with Firefox, Chrome or Safari ... (possibly Opera) ... sorry dude... + </h2> + </center> + </div> + </body> +</html> diff --git a/template/fame2.st b/template/fame2.st index 00b99f8..e742b24 100755 --- a/template/fame2.st +++ b/template/fame2.st @@ -1,27 +1,29 @@ <html> - <head> - <title>dump.fm hall of fame</title> - $head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <head> + <title>dump.fm hall of fame</title> + $head()$ + <link rel="stylesheet" type="text/css" href="/static/css/fame.css?v=20260131"> + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> <div id="messagePaneh"> - - <div id="userListp"> - <img src="/static/img/halloffametrophy.gif" id="halltrophy"> - <h1 style="font-size:150%;">Hall Of Fame </h1><br><br> - <form name="halltime"> <B> VIEW BY </B> -<select style="font-size:14px;color:#000;font-family:verdana;background-color:#ffffff;font-weight:bold;" name="menu" onChange="location=document.halltime.menu.options[document.halltime.menu.selectedIndex].value;"> -<option value="#">DAY</option> -<option value="#">WEEK</option> -<option value="http://">ALL TIME</option> -</select> + + <div id="userListp"> + <img src="/static/img/halloffametrophy.gif" id="halltrophy"> + <h1 class="hall-of-fame-title">Hall Of Fame</h1><br><br> + <form name="halltime"> <B> VIEW BY </B> + <select class="hall-of-fame-select" name="menu" onChange="location=document.halltime.menu.options[document.halltime.menu.selectedIndex].value;"> + <option value="#">DAY</option> + <option value="#">WEEK</option> + <option value="http://">ALL TIME</option> + </select> </form><br> </div> <div id="messageList"> diff --git a/template/flag.st b/template/flag.st index 0280fbe..dbeed34 100755 --- a/template/flag.st +++ b/template/flag.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.makesweet.com/mixer/my-flag" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.makesweet.com/mixer/my-flag" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/flamingtxt.st b/template/flamingtxt.st index 962eaa8..a151deb 100755 --- a/template/flamingtxt.st +++ b/template/flamingtxt.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.flamingtext.com/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.flamingtext.com/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/footer.st b/template/footer.st index a2f4bac..13b6271 100755 --- a/template/footer.st +++ b/template/footer.st @@ -1,7 +1,7 @@ <a href="/">dump.fm</a> -<!--<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<!--<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a>--> $google_analytics()$ $debug_log()$ diff --git a/template/form_login.st b/template/form_login.st index 95b6333..d1ebfd8 100755 --- a/template/form_login.st +++ b/template/form_login.st @@ -27,6 +27,4 @@ </fieldset> </div> <script src="/static/js/home.js?v=20260126" type="text/javascript"></script> -<script type="text/javascript"> - jQuery(document).ready(initExpandableLoginForm) -</script> +<script type="text/javascript" src="/static/js/pages/expandable_login_init.js?v=20260203"></script> diff --git a/template/frontpage copy.st b/template/frontpage copy.st index 304446c..7a6b1c9 100755 --- a/template/frontpage copy.st +++ b/template/frontpage copy.st @@ -1,14 +1,6 @@ <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> + <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"> @@ -16,7 +8,7 @@ setTimeout("refreshing()",300000); <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > - <script type="text/javascript" src="/static/js/pichat.js"></script> + <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <script> @@ -24,8 +16,8 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260128" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> $if(!logged_in)$ <script type="text/javascript" src="/static/js/popup.js"></script> @@ -34,35 +26,23 @@ setTimeout("refreshing()",300000); <link rel="shortcut icon" href="/static/favicon.ico"> <!--END HEAD--> - <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> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script> -</script> - - - + + </head> <body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$"> - - <!-- - <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> - --> + + <!-- + <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe> + --> <!--START BANNER--> <div id="banner"> @@ -86,7 +66,7 @@ jQuery(window).load(function(){ <img src="/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame </a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> $else$ <!-- <div id="toplinks"> @@ -98,7 +78,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -133,15 +113,15 @@ jQuery(window).load(function(){ $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> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> 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> <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> <br><br> <!-- <strong> <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> @@ -172,8 +152,8 @@ $endif$ <!--<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$/about_us">About Us</a> +<a href="$domain$/help">Help FAQ</a> <a href="$domain$/terms">Terms</a> <a href="$domain$/privacy">Privacy</a> </div></center> @@ -193,7 +173,10 @@ $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:-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> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/frontpage.st b/template/frontpage.st index d673fa8..88c0e25 100755 --- a/template/frontpage.st +++ b/template/frontpage.st @@ -1,13 +1,5 @@ <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"> @@ -16,7 +8,7 @@ setTimeout("refreshing()",300000); <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > - <script type="text/javascript" src="/static/js/pichat.js"></script> + <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <script> @@ -24,45 +16,33 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260128" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - $if(!logged_in)$ - <script type="text/javascript" src="/static/js/popup.js"></script> - $endif$ - - <link rel="shortcut icon" href="/static/favicon.ico"> - - <!--END HEAD--> - <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}); + $if(!logged_in)$ + <script type="text/javascript" src="/static/js/popup.js"></script> + $endif$ + <link rel="shortcut icon" href="/static/favicon.ico"> + + <!--END HEAD--> + <script> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script> - }); - -</script> - - - + + </head> <body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$"> - - <!-- - <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> - --> + + <!-- + <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe> + --> <!--START BANNER--> <div id="banner"> @@ -87,7 +67,7 @@ jQuery(window).load(function(){ </a> </div> <!-- - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> --> $else$ <!-- @@ -100,7 +80,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -135,19 +115,19 @@ jQuery(window).load(function(){ $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> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. we host more than 1,500,000 images. - register <a href="/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>--> + register <a href="/register">here.</a> + <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> + <!-- <br> <br> <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></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> @@ -174,8 +154,8 @@ $endif$ <!--<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$/about_us">About Us</a> +<a href="$domain$/help">Help FAQ</a> <a href="$domain$/terms">Terms</a> <a href="$domain$/privacy">Privacy</a> </div></center> @@ -195,7 +175,10 @@ $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:-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> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/frontpagePROFILE.st b/template/frontpagePROFILE.st index d0fc855..6f64d61 100755 --- a/template/frontpagePROFILE.st +++ b/template/frontpagePROFILE.st @@ -13,9 +13,9 @@ <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > -<script type="text/javascript" src="/static/js/pichat.js"></script> -<link href="/static/css/front.css?v=20260128" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/frontpage_profile.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/frontpage_profile.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <!-- <link rel="stylesheet" href="/static/css/isostyle.css" type="text/css" media="screen" />--> @@ -38,34 +38,22 @@ $endif$ -<!--END HEAD--> -<script> - var Recips = []; - jQuery(function() { - initLog(Recips) - }); - </script> + <!--END HEAD--> + <script> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></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> <!-- - <iframe src="/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-bg"></iframe> --> <!--START BANNER--> @@ -94,7 +82,7 @@ jQuery(window).load(function(){ </a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> $else$ @@ -107,7 +95,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> $endif$ @@ -159,7 +147,7 @@ You are viewing the current trending images posted to dump.fm; a super fun commu <img id="contact" src="/static/img/noinfo.png"> $endif$ <i id="hallnick">On dump.fm now..</i> - <iframe src="/fullscreen"style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-thumb"></iframe> </div> $if(dumps)$ @@ -168,12 +156,7 @@ You are viewing the current trending images posted to dump.fm; a super fun commu $dumps: { d | $hall_log_dump(dump=d)$ }$ - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -200,8 +183,8 @@ You are viewing the current trending images posted to dump.fm; a super fun commu <br><br><center> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div></center> @@ -221,7 +204,10 @@ $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:-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> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/frontpage_halloffame.st b/template/frontpage_halloffame.st index a13a396..394f527 100755 --- a/template/frontpage_halloffame.st +++ b/template/frontpage_halloffame.st @@ -1,14 +1,6 @@ <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> + <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"> @@ -16,7 +8,7 @@ setTimeout("refreshing()",300000); <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > - <script type="text/javascript" src="/static/js/pichat.js"></script> + <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <script> @@ -24,8 +16,8 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260128" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> $if(!logged_in)$ <script type="text/javascript" src="/static/js/popup.js"></script> @@ -34,35 +26,23 @@ setTimeout("refreshing()",300000); <link rel="shortcut icon" href="/static/favicon.ico"> <!--END HEAD--> - <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> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script> -</script> - - - + + </head> <body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$"> - - <!-- - <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> - --> + + <!-- + <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe> + --> <!--START BANNER--> <div id="banner"> @@ -86,7 +66,7 @@ jQuery(window).load(function(){ <img src="/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame </a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> $else$ <!-- <div id="toplinks"> @@ -98,7 +78,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -133,19 +113,19 @@ jQuery(window).load(function(){ $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> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. we host more than 1,500,000 images. - register <a href="/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>--> + register <a href="/register">here.</a> + <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> + <!-- <br> <br> <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></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> @@ -172,8 +152,8 @@ $endif$ <!--<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$/about_us">About Us</a> +<a href="$domain$/help">Help FAQ</a> <a href="$domain$/terms">Terms</a> <a href="$domain$/privacy">Privacy</a> </div></center> @@ -193,7 +173,10 @@ $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:-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> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/frontpage_share_buttons.st b/template/frontpage_share_buttons.st index 1ee07d6..d5bdb01 100755 --- a/template/frontpage_share_buttons.st +++ b/template/frontpage_share_buttons.st @@ -3,7 +3,7 @@ $if(dump.favorited)$ <img src="/static/img/thumbs/heartfaved.gif" class="thumb favorite" onclick="Tag.animated_fav(this, '.hallscore', '60px', '40px')"> $else$ - <div style="position: relative"> + <div class="is-relative"> <img src="/static/img/thumbs/heart.gif" class="thumb" onclick="Tag.animated_fav(this, '.hallscore', '60px', '40px')"> </div> $endif$ diff --git a/template/fullscreen.st b/template/fullscreen.st index 031704c..54960fc 100755 --- a/template/fullscreen.st +++ b/template/fullscreen.st @@ -2,26 +2,20 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreen.js?v=20260126"></script> $if(user_nick)$ - $else$ - <script src="/static/js/register.js"></script> - $endif$ - <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()} - } - </script> - - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_box.css?v=20260129"> - <script>jQuery(initLogin)</script> - </head> - <body> + $else$ + <script src="/static/js/register.js"></script> + $endif$ + <script> + var LoggedIn = $if(user_nick)$true$else$false$endif$; + var Timestamp = $timestamp$; + </script> + + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_box.css?v=20260131"> + </head> + <body> $if(user_nick)$ @@ -57,16 +51,16 @@ </p> </span> <span class="regopen"> - <label style="text-align:left;margin-bottom:-8px;">username</label> + <label>username</label> <input type="text" class="field" id="regNickInput" tabindex="5" /> </p><p> - <label style="text-align:left;margin-bottom:-8px;">password</label> + <label>password</label> <input type="password" class="field" id="regPasswordInput" tabindex="6" /> </p><p> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> + <label>password2x</label> <input type="password" class="field" id="regPasswordInput2" tabindex="7" /> </p><p> - <label style="text-align:left;margin-bottom:-8px;">email</label> + <label>email</label> <input type="text" class="field" id="regEmailInput" tabindex="8" /> </p><p> <input type="submit" class="submit" id="submit" value="Register!" tabindex="9" /> @@ -75,40 +69,8 @@ </div> $endif$ - <div id="big-image"></div> - <script> - function choice(a) { return a[Math.floor(Math.random()*a.length)] } - var urls = [ - "https://archive.hump.fm/images/20100601/1275428508049-dumpfm-foot-oie_oie_overlay-1.gif", - "https://archive.hump.fm/images/20100928/1285728674225-dumpfm-timb-running.unicorn.gif", - "https://archive.hump.fm/images/20100726/1280119193796-dumpfm-enso-human-condition.gif", - "https://archive.hump.fm/images/20100521/1274415795577-dumpfm-ucnv-mx.gif", - "https://archive.hump.fm/images/20100912/1284315873224-dumpfm-Neontoast-1283990707508-dumpfm-crunkus-crabtoon.gif", - "https://archive.hump.fm/images/20110927/1317105622918-dumpfm-peachfist-test8scam.gif", - "https://archive.hump.fm/images/20110323/1300915179773-dumpfm-blingscience-fishtank.gif", - "https://archive.hump.fm/images/20110418/1303108538834-dumpfm-LAVARLAMAR-lettuce_lavarlamar.gif", - "https://s3.amazonaws.com/i.asdf.us/im/84/gradient_horse_1318306378_1322355741_ryz_1337322355_ryz.gif", - "https://archive.hump.fm/images/20110724/1311552093462-dumpfm-hologrampa-1291586335941-dumpfm-jeeeelings-cat_face_wink_hologrampa-lettuce.gif", - "https://s3.amazonaws.com/i.asdf.us/im/be/tt7620731fltt_1315431978.gif" - ] - if (window.location.href.indexOf("nologin") != -1) { - jQuery("#loginbox").hide(); - } - document.getElementById("big-image").innerHTML = "<img src='" + choice(urls) + "'>" - initFullscreen() - initRegister() - jQuery(startChatUpdater) - jQuery("#reglink").click(function(e){ - e.preventDefault(); - jQuery("#loginbox").hide(); - jQuery("#registerbox").show().addClass("b"); - return false; - }); - jQuery("#nickInput").focus(); - $if(user_nick)$ - $else$ - $endif$ - </script> - $google_analytics()$ - </body> -</html> + <div id="big-image"></div> + <script type="text/javascript" src="/static/js/pages/fullscreen_init.js?v=20260203"></script> + $google_analytics()$ + </body> + </html> diff --git a/template/fullscreen2.st b/template/fullscreen2.st index 1dfe6b8..e5c70f5 100755 --- a/template/fullscreen2.st +++ b/template/fullscreen2.st @@ -27,10 +27,10 @@ </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen2.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen2.css?v=20260131"> </head><body> $messages: { m | -<div style="width: 1224px; height: 918px;" id="supersize"> +<div id="supersize"> <div id="message-$m.message_id$"> <span class="content">$m.content$</span> </div> </div> diff --git a/template/fullscreen4.st b/template/fullscreen4.st index 4b34243..d1ea427 100755 --- a/template/fullscreen4.st +++ b/template/fullscreen4.st @@ -2,7 +2,7 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreen.js?v=20260126"></script> <script> var LoggedIn = $if(user_nick)$true$else$false$endif$; @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_smalltext.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen4_extra.css?v=20260129"> <script>jQuery(initLogin)</script> @@ -34,7 +34,7 @@ <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> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/fullscreen5.st b/template/fullscreen5.st index 863655c..7181ff5 100755 --- a/template/fullscreen5.st +++ b/template/fullscreen5.st @@ -2,7 +2,7 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreen.js?v=20260126"></script> <script> var LoggedIn = $if(user_nick)$true$else$false$endif$; @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_smalltext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> @@ -33,7 +33,7 @@ <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> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/fullscreen_front.st b/template/fullscreen_front.st index e0d48a5..2eadf1f 100755 --- a/template/fullscreen_front.st +++ b/template/fullscreen_front.st @@ -2,24 +2,17 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/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> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <script type="text/javascript" src="/static/js/pages/fullscreen_front_init.js?v=20260203"></script> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> </head> <body> - <script> - initFullscreen() - </script> + <script type="text/javascript" src="/static/js/pages/fullscreen_front_run.js?v=20260203"></script> </body> </html> diff --git a/template/fullscreenphotobooth.st b/template/fullscreenphotobooth.st index 77a6405..d6a1675 100755 --- a/template/fullscreenphotobooth.st +++ b/template/fullscreenphotobooth.st @@ -2,7 +2,7 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreenphotobooth.js?v=20260126"></script> <script> var LoggedIn = $if(user_nick)$true$else$false$endif$; @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> @@ -33,7 +33,7 @@ <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> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/glitter.st b/template/glitter.st index 7e82bb7..64cbb2f 100755 --- a/template/glitter.st +++ b/template/glitter.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://textanim.com" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://textanim.com" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/glitter2.st b/template/glitter2.st index 8b775d1..1303c97 100755 --- a/template/glitter2.st +++ b/template/glitter2.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.familylobby.com/create-glitter-text-graphics.asp" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.familylobby.com/create-glitter-text-graphics.asp" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/google_analytics.st b/template/google_analytics.st index 883102a..bfba91f 100755 --- a/template/google_analytics.st +++ b/template/google_analytics.st @@ -12,5 +12,5 @@ qacct:"p-a3mCwIEHECjGE" </script> <script type="text/javascript" src="https://edge.quantserve.com/quant.js"></script> <noscript> -<img src="https://pixel.quantserve.com/pixel/p-a3mCwIEHECjGE.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/> +<img src="https://pixel.quantserve.com/pixel/p-a3mCwIEHECjGE.gif" class="is-hidden" border="0" height="1" width="1" alt="Quantcast"/> </noscript> diff --git a/template/hall_share_buttons.st b/template/hall_share_buttons.st index a058f4a..eb5dd64 100755 --- a/template/hall_share_buttons.st +++ b/template/hall_share_buttons.st @@ -8,7 +8,7 @@ $if(logged_in)$ $if(dump.favorited)$ <img src="/static/img/thumbs/heartfaved.gif" class="thumb favorite" onclick="Tag.animated_fav(this, '.scorecount', '18px', '12px')"> $else$ - <div style="position: relative"> + <div class="is-relative"> <img src="/static/img/thumbs/heart.gif" class="thumb" onclick="Tag.animated_fav(this, '.scorecount', '24px', '12px')"> </div> $endif$ diff --git a/template/head.st b/template/head.st index dfedf3e..010f1ce 100755 --- a/template/head.st +++ b/template/head.st @@ -1,12 +1,12 @@ <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="/static/js/jquery-1.4.2.min.js"></script> +<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> -<script type="text/javascript" src="/static/js/pichat.js"></script> -<link rel="stylesheet" type="text/css" href="/static/css/dump.css"> +<script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> +<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260131.2"> <script> Domain = "/"; Nick = $if(user_nick)$"$user_nick$"$else$null$endif$; @@ -17,7 +17,7 @@ $endif$ $if(isadmin)$ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" /> -<link rel="stylesheet" href="/static/css/admin.css" +<link rel="stylesheet" href="/static/css/admin.css?v=20260130" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" type="text/javascript"></script> diff --git a/template/head_edge.st b/template/head_edge.st index dfedf3e..010f1ce 100755 --- a/template/head_edge.st +++ b/template/head_edge.st @@ -1,12 +1,12 @@ <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="/static/js/jquery-1.4.2.min.js"></script> +<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> -<script type="text/javascript" src="/static/js/pichat.js"></script> -<link rel="stylesheet" type="text/css" href="/static/css/dump.css"> +<script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> +<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260131.2"> <script> Domain = "/"; Nick = $if(user_nick)$"$user_nick$"$else$null$endif$; @@ -17,7 +17,7 @@ $endif$ $if(isadmin)$ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" /> -<link rel="stylesheet" href="/static/css/admin.css" +<link rel="stylesheet" href="/static/css/admin.css?v=20260130" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" type="text/javascript"></script> diff --git a/template/help.st b/template/help.st index e38bab7..3d280a2 100755 --- a/template/help.st +++ b/template/help.st @@ -1,28 +1,13 @@ <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> - + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/> <title>dump.fm</title> $head()$ + <script type="text/javascript" src="/static/js/win.js"></script> + <script type="text/javascript" src="/static/js/pages/scroll_pane_init.js?v=20260203"></script> </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=" + <body class="profile" onload=" javascript:CreateDropdownWindow('dump.fm', '360px', true, 'news', 30, 115); javascript:CreateDropdownWindow('frequently asked questions', '520px', true, 'archive', 440, 60); @@ -35,8 +20,8 @@ background-attachment:fixed;" onload=" - <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> + <div id="news" class="is-hidden dropdown-window"> + <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> ©2010 All Rights Reserved<br><br> @@ -44,14 +29,14 @@ background-attachment:fixed;" onload=" </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> - <div style="padding:0px" id="content" name="content"> + <div id="archive" class="is-hidden"> + <div id="content" name="content" class="content-no-padding"> - <iframe src="/static/html/help.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="510px" height="500px"name="iframe"></iframe> + <iframe src="/static/html/help.html" class="hearts-frame" width="510px" height="500px" name="iframe"></iframe> </div> </div> - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> <div id="content" name="content"> diff --git a/template/him.st b/template/him.st index 9f4862c..62fb120 100755 --- a/template/him.st +++ b/template/him.st @@ -4,7 +4,7 @@ <title>dump.fm - him</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>'Him' on dump.fm<br><br>A Collection of images of 'him' by users of dump.fm on July 11, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fhim&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fhim&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/hiscore_test.st b/template/hiscore_test.st index 50e7b9e..1c2739f 100755 --- a/template/hiscore_test.st +++ b/template/hiscore_test.st @@ -1,11 +1,12 @@ <html> <head> - <title>dump.fm log</title> -$head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -24,12 +25,7 @@ $banner()$ <span class="content"><center> $dumps: { d | $log_dump(dump=d)$ }$ </center></span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ diff --git a/template/ie_fullscreen.st b/template/ie_fullscreen.st index e165d52..b5c448f 100755 --- a/template/ie_fullscreen.st +++ b/template/ie_fullscreen.st @@ -2,7 +2,7 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreen.js"></script> <script> var DoPrint = true; @@ -15,7 +15,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> diff --git a/template/json_tags_block.st b/template/json_tags_block.st new file mode 100644 index 0000000..17a8ea4 --- /dev/null +++ b/template/json_tags_block.st @@ -0,0 +1,7 @@ +$if(json_tags)$ +<script> + $json_tags: { j | $j$; + }$ +</script> +$endif$ + diff --git a/template/log.st b/template/log.st index c235ae8..718f360 100755 --- a/template/log.st +++ b/template/log.st @@ -1,14 +1,12 @@ <html> <head> - <title>dump.fm log</title> - $head()$ - <script> - var Recips = []; - jQuery(function() { - initLog(Recips) - }); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -22,12 +20,7 @@ <span class="content"> $dumps: { d | $log_dump(dump=d)$ }$ </span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -57,6 +50,6 @@ </div> </div></div></div> -<script type="text/javascript">load_favs()</script> - </body> -</html> + <script type="text/javascript" src="/static/js/pages/log_favs_init.js?v=20260203"></script> + </body> + </html> diff --git a/template/messagepane.st b/template/messagepane.st index 35c60e9..a110d85 100755 --- a/template/messagepane.st +++ b/template/messagepane.st @@ -18,7 +18,7 @@ </div> }$ </div>$endif$ - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg dump$if(m.favorited)$favorite$endif$ $if(m.is_image)$contains-image$endif$ nick_$m.nick$" id="message-$m.message_id$" nick="$m.nick$"> diff --git a/template/mgmtfull.st b/template/mgmtfull.st index ed42558..26f7872 100755 --- a/template/mgmtfull.st +++ b/template/mgmtfull.st @@ -2,7 +2,7 @@ <head> <title>dump.fm</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreenmgmt.js?v=20260126"></script> <script> var LoggedIn = $if(user_nick)$true$else$false$endif$; @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> @@ -33,7 +33,7 @@ <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> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/newlog.st b/template/newlog.st index 13c63d2..15da014 100755 --- a/template/newlog.st +++ b/template/newlog.st @@ -13,9 +13,9 @@ <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > -<script type="text/javascript" src="/static/js/pichat.js"></script> -<link href="/static/css/front.css?v=20260128" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/newlog.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/newlog.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script>Domain = "/"</script> $if(!user_nick)$ @@ -43,10 +43,8 @@ window.location = "/error/ie"; <!--END HEAD--> <script> var Recips = []; - jQuery(function() { - initLog(Recips) - }); </script> +<script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> </head> <body> @@ -78,7 +76,7 @@ window.location = "/error/ie"; </a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> $else$ <a href="/register" id="disregister">Register</a> @@ -130,12 +128,7 @@ window.location = "/error/ie"; $dumps: { d | $log_dump(dump=d)$ }$ - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -162,8 +155,8 @@ window.location = "/error/ie"; <br><br> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div> diff --git a/template/nigga.st b/template/nigga.st index 9dc8846..8e1c633 100755 --- a/template/nigga.st +++ b/template/nigga.st @@ -2,30 +2,30 @@ <head> <title>$nick$'s dump.fm</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/profile_dashboard.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/profile_dashboard.css?v=20260131"> <script src="/static/js/jquery.editinplace.1.0.1.packed.js" type="text/javascript"></script> <script src="/static/js/ajaxupload.js"></script> <script> jQuery(document).ready(initProfile); </script> </head> - <body> - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> - $banner()$ + <body> + <div id="dashtotal" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></div> + $banner()$ <div id="dashrapper"> - - - <div id="dashuserlist"> - $if(avatar)$ - <div id="dashavatar" style="background-image:url($avatar$);height:100px;width:100%"> - <img id="avatarPic" src="$avatar$"/> - $else$<br> - <img id="avatarPic" src="/static/img/noinfo.png"> - </div> - $endif$ + + + <div id="dashuserlist"> + $if(avatar)$ + <div id="dashavatar" class="dashavatar-bg" style="background-image:url($avatar$)"> + <img id="avatarPic" src="$avatar$"/> + $else$<br> + <img id="avatarPic" src="/static/img/noinfo.png"> + </div> + $endif$ @@ -40,10 +40,10 @@ $if(is_home)$ - <div id="avatar-editing" style="display: none"> - <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> - </div> + <div id="avatar-editing" class="is-hidden"> + <input id="uploadp" value="Upload Icon" type="submit"> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> + </div> $endif$ <div id="dashinfo"> <h2> diff --git a/template/oie.st b/template/oie.st index 6f6b0f2..e1d505a 100755 --- a/template/oie.st +++ b/template/oie.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.online-image-editor.com/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.online-image-editor.com/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/perezhilton.st b/template/perezhilton.st index 453f7e3..b11af19 100755 --- a/template/perezhilton.st +++ b/template/perezhilton.st @@ -4,7 +4,7 @@ <title>dump.fm - Perez Hilton</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Perez Hilton on dump.fm<br><br>A Collection of images involving Perez Hilton by users of dump.fm on July 12, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fperezhilton&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fperezhilton&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/pixlr.st b/template/pixlr.st index 59b2eec..5fd4a8b 100755 --- a/template/pixlr.st +++ b/template/pixlr.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.pixlr.com/editor/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.pixlr.com/editor/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/pogs.st b/template/pogs.st index 683c825..2108693 100755 --- a/template/pogs.st +++ b/template/pogs.st @@ -4,7 +4,7 @@ <title>dump.fm - pogs</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Pogs of dump.fm<br><br>A Collection of over 300 digital pogs made by users of dump.fm on July 6, 2010. <br>This collection is a nod to <a href="http://mikesdigitalpogpage.com/"target=_blank">Mike's Digital Pog Page</a><br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/popular.st b/template/popular.st index 162c63b..c07d6ba 100755 --- a/template/popular.st +++ b/template/popular.st @@ -1,14 +1,13 @@ <html> <head> - <title>dump.fm - $nick$'s popular</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> + <title>dump.fm - $nick$'s popular</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> - </head> + </head> <body> $banner()$ <div id="dcontent"> @@ -45,5 +44,5 @@ </div> </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/profile.st b/template/profile.st index f46ef5d..d416c1c 100755 --- a/template/profile.st +++ b/template/profile.st @@ -38,9 +38,9 @@ jQuery(document).ready(function() { </head> <body class="profiledash"> $if(avatar)$ - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></div> $else$ - <div id="dashtotal"style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--stripes"></div> $endif$ $banner()$ @@ -64,9 +64,9 @@ jQuery(document).ready(function() { $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ <div id="dashinfo"> @@ -106,16 +106,16 @@ jQuery(document).ready(function() { <a href="/$nick$/log"><div id="favstxt">$if(is_home)$ your $else$ $nick$'s$endif$ most recent dumps</div></a> <div id="mostrecentdumps"> $imgs: { img | <a target="_blank" href="$img$"><img src="$img$"></img></a> }$ - </div> - <div id="likebutton"> + </div> + <div id="likebutton"> <!-- - <iframe src="https://www.facebook.com/widgets/like.php?href=/$nick$" - scrolling="no" frameborder="0" - style="border:none; width:500px; height:26px"></iframe> + <iframe src="https://www.facebook.com/widgets/like.php?href=/$nick$" + scrolling="no" frameborder="0" + class="fb-like-wide"></iframe> --> - </div> + </div> - </div> + </div> <a href="#"class="msgbtn" id="msgbtn">messages!</a> diff --git a/template/profilelog.st b/template/profilelog.st index 341e214..13fb1cb 100755 --- a/template/profilelog.st +++ b/template/profilelog.st @@ -40,9 +40,9 @@ <div>dumps $nick$ faved: $dumps_user_faved_cnt$</div> $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ @@ -76,7 +76,7 @@ <div type="text" id="datepicker"></div></div> </div> - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $if(dumps)$ <span class="content"> diff --git a/template/profilenew.st b/template/profilenew.st index 905e49e..262bf02 100755 --- a/template/profilenew.st +++ b/template/profilenew.st @@ -32,9 +32,9 @@ jQuery(document).ready(function() { </head> <body class="profiledash"> $if(avatar)$ - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></div> $else$ - <div id="dashtotal"style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--stripes"></div> $endif$ $banner()$ @@ -60,9 +60,9 @@ jQuery(document).ready(function() { $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ <div id="dashinfo"> diff --git a/template/req_reset.st b/template/req_reset.st index 54fb705..33329e3 100755 --- a/template/req_reset.st +++ b/template/req_reset.st @@ -3,7 +3,7 @@ <title>dump.fm Password Reset</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/req_reset.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/req_reset.css?v=20260130"> <script> jQuery(function() { @@ -54,13 +54,13 @@ $head()$ <div align="center"> - <div id="feedback" style="display: none; color: red; margin-bottom: 2em;"></div> + <div id="feedback" class="is-hidden"></div> <h1>Forgot your password?</h1> <br> <div> Enter your nick and we'll email you the password reset stuff! </div> - <br /><label style="display:none;">nick:</label> + <br /><label class="is-hidden">nick:</label> <input type="text" id="nick"> <br /> <input type="submit" value="Reset password" id="submit"> diff --git a/template/reset.st b/template/reset.st index 5fbfe65..4402239 100755 --- a/template/reset.st +++ b/template/reset.st @@ -3,6 +3,8 @@ <title>dump.fm Password Reset</title> <script type="text/javascript" src="/static/js/sha1.js"></script> $head()$ + <link rel="stylesheet" type="text/css" href="/static/css/index.css?v=20260131"> + <link rel="stylesheet" type="text/css" href="/static/css/password_reset.css?v=20260131"> <script> jQuery(function() { @@ -26,11 +28,10 @@ }); </script> </head> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> <body> <div id="rapper"></div> -<div id="content" style="z-index:77;"> +<div id="content" class="reset-content"> <div id="main" align="center"> @@ -39,13 +40,13 @@ <a href="/"><img src="/static/img/dumpclearlogo2.png"></a> <div align="center"> $if(valid_request)$ - <div id="feedback" style="display: none; color: red; margin-bottom: 2em;"></div> + <div id="feedback" class="is-hidden"></div> <h1>Reset Your Password</h1> <br> - <label style="text-align:left;margin-bottom:-8px;">New Password:</label> + <label>New Password:</label> <input type="password" id="p1"> <br> - <label style="text-align:left;margin-bottom:-8px;">Repeat Password:</label> + <label>Repeat Password:</label> <input type="password" id="p2"> <br> <form action="$link$" method="POST"> diff --git a/template/rooms/VIP.st b/template/rooms/VIP.st index 5b5ebf5..a76427a 100755 --- a/template/rooms/VIP.st +++ b/template/rooms/VIP.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> @@ -56,8 +56,8 @@ </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; @@ -98,9 +98,9 @@ $footer()$ </div> $preload()$ - <div id="vipinfo" style="position: absolute; z-index: 100000; right: 50; bottom: 125; background: white; padding: 10px; opacity: .75;"> - <h1>Welcome to the cool club</h1> - <ul> + <div id="vipinfo"> + <h1>Welcome to the cool club</h1> + <ul> <li><a href="$domain$/roomlist">Rooms</a></li> <li><a href="$domain$/users">New Users</a></li> <li><a href="$domain$/users/lastlog">Last seen users</a></li> diff --git a/template/rooms/artornot.st b/template/rooms/artornot.st index 54a1a73..b5b77b3 100755 --- a/template/rooms/artornot.st +++ b/template/rooms/artornot.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> @@ -56,8 +56,8 @@ </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; @@ -98,8 +98,8 @@ $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> + <div id="vipinfo"> + <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/atrium.st b/template/rooms/atrium.st index f6e91f6..8a94dcb 100755 --- a/template/rooms/atrium.st +++ b/template/rooms/atrium.st @@ -17,7 +17,7 @@ <html> <head> $head_edge()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> @@ -56,8 +56,8 @@ </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; diff --git a/template/rooms/butt.st b/template/rooms/butt.st index dc20e33..c3077ed 100755 --- a/template/rooms/butt.st +++ b/template/rooms/butt.st @@ -2,12 +2,12 @@ <html> <head> <title>dump.fm image vortex</title> -<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> +<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> <script type="text/javascript" src="/static/js/pichat.butt.js"></script> <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> <script type="text/javascript" src="/static/js/sha1.js"></script> -<link rel="stylesheet" type="text/css" href="/static/css/reset.css"> -<link rel="stylesheet" type="text/css" href="/static/css/header.css"> +<link rel="stylesheet" type="text/css" href="/static/css/reset.css?v=20260131"> +<link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20260130"> $if(!user_nick)$ <link href="/static/form_login/front.css" media="screen, projection" rel="stylesheet" type="text/css"> $endif$ @@ -15,7 +15,7 @@ $endif$ $if(isadmin)$ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" /> -<link rel="stylesheet" href="/static/css/admin.css" +<link rel="stylesheet" href="/static/css/admin.css?v=20260130" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" type="text/javascript"></script> @@ -23,9 +23,9 @@ $if(isadmin)$ type="text/javascript"></script> $endif$ $if(!user_avatar)$ - <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css"> + <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css?v=20260130"> $endif$ - <link rel="stylesheet" type="text/css" href="/static/css/dump.css"> + <link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260131.2"> <link rel="stylesheet" type="text/css" href="/static/css/rooms_butt.css?v=20260129"> <script type="text/javascript" src="/static/webcam/webcam.js"></script> <script type="text/javascript" src="/static/js/tooltip.js"></script> @@ -240,7 +240,10 @@ $messages: { m | </div> <!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 --> -<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:#ccc"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> <script type="text/javascript">m00=document.getElementById("canvas").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> <!-- end of images_loading_bar code --> diff --git a/template/rooms/chat.down.st b/template/rooms/chat.down.st index 93d106f..7ad9a2a 100755 --- a/template/rooms/chat.down.st +++ b/template/rooms/chat.down.st @@ -18,13 +18,13 @@ <head> <link rel="shortcut icon" href="/static/favicon.ico"> <title>dump.fm</title> - <link rel="stylesheet" type="text/css" href="/static/css/chat_down.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_down.css?v=20260131"> </head> <body> <center> - <img src="https://i.imgur.com/BNeoy.png" style="margin-top:15%;"> - </center> - </body></html> + <img src="https://i.imgur.com/BNeoy.png" class="chat-down-image"> + </center> + </body></html> diff --git a/template/rooms/chat.st b/template/rooms/chat.st index 96dcb97..7d5ae38 100755 --- a/template/rooms/chat.st +++ b/template/rooms/chat.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> @@ -58,8 +58,8 @@ </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; diff --git a/template/rooms/dump2.st b/template/rooms/dump2.st index ab8ef55..fca994f 100755 --- a/template/rooms/dump2.st +++ b/template/rooms/dump2.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/rooms_dump2.css?v=20260129"> <title>no $roomname$ dump.fm</title> @@ -81,8 +81,8 @@ </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; diff --git a/template/rooms/dumptest.st b/template/rooms/dumptest.st index 6ab53c2..b20b189 100755 --- a/template/rooms/dumptest.st +++ b/template/rooms/dumptest.st @@ -18,7 +18,7 @@ _____ ___ ___ ___ ___ ___ $if(user_nick)$ <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> diff --git a/template/rooms/frontpage.st b/template/rooms/frontpage.st index a310da2..a3c8957 100755 --- a/template/rooms/frontpage.st +++ b/template/rooms/frontpage.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> @@ -56,8 +56,8 @@ </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; diff --git a/template/rooms/fullscreen.st b/template/rooms/fullscreen.st index 3a75db0..004684f 100755 --- a/template/rooms/fullscreen.st +++ b/template/rooms/fullscreen.st @@ -2,7 +2,7 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreen.js?v=20260126"></script> <script> var LoggedIn = $if(user_nick)$true$else$false$endif$; diff --git a/template/rooms/fullscreen2.st b/template/rooms/fullscreen2.st index 3a75db0..004684f 100755 --- a/template/rooms/fullscreen2.st +++ b/template/rooms/fullscreen2.st @@ -2,7 +2,7 @@ <head> <title>dump.fm - fullscreen</title> <script src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> - <script src="/static/js/pichat.js"></script> + <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreen.js?v=20260126"></script> <script> var LoggedIn = $if(user_nick)$true$else$false$endif$; diff --git a/template/rooms/mgmt.st b/template/rooms/mgmt.st index 5a1797b..098784d 100755 --- a/template/rooms/mgmt.st +++ b/template/rooms/mgmt.st @@ -21,15 +21,15 @@ <meta name="description" content="dump.fm - Talk with pictures!" /> <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> -<script type="text/javascript" src="/static/js/pichat.js"></script> -<link rel="stylesheet" type="text/css" href="/static/css/mgmt.css"> -<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> +<script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> +<link rel="stylesheet" type="text/css" href="/static/css/mgmt.css?v=20260130.2"> +<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <script>Domain = "/"</script> $if(isadmin)$ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" /> -<link rel="stylesheet" href="/static/css/admin.css" +<link rel="stylesheet" href="/static/css/admin.css?v=20260130" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" type="text/javascript"></script> @@ -65,7 +65,7 @@ window.location = "/error/ie"; <div id="messagePane"> <div id="logo7"> <div align="center"> - <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> + <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <span class="fulltxt"> <a href="$domain$/m/mgmtfull">View in fullscreen!</a></span> </div> @@ -85,7 +85,7 @@ window.location = "/error/ie"; </div> }$ </div> - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg dump $if(m.favorited)$favorite$endif$ $if(m.is_image)$contains-image$endif$" id="message-$m.message_id$" nick="$m.nick$"> diff --git a/template/rooms/nocss.st b/template/rooms/nocss.st index 0124d72..d38f57a 100755 --- a/template/rooms/nocss.st +++ b/template/rooms/nocss.st @@ -19,12 +19,12 @@ <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="/static/js/jquery-1.4.2.min.js"></script> + <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> -<script type="text/javascript" src="/static/js/pichat.js"></script> -<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> +<script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> +<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <script>Domain = "/"</script> $if(!user_nick)$ @@ -34,8 +34,8 @@ $endif$ $if(isadmin)$ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" /> -<link rel="stylesheet" href="/static/css/admin.css" - type="text/css" media="all" /> + <link rel="stylesheet" href="/static/css/admin.css?v=20260130" + type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" type="text/javascript"></script> <script src="/static/js/admin.js" type="text/javascript"></script> @@ -87,8 +87,8 @@ window.location = "/error/ie"; </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" /> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> var topZ = 7; diff --git a/template/rooms/vortex.st b/template/rooms/vortex.st index 18e308f..1db0aa9 100755 --- a/template/rooms/vortex.st +++ b/template/rooms/vortex.st @@ -2,7 +2,7 @@ <html> <head> <title>dump.fm image vortex</title> -<link rel="stylesheet" type="text/css" href="/static/css/rooms_vortex.css?v=20260129"> +<link rel="stylesheet" type="text/css" href="/static/css/rooms_vortex.css?v=20260131"> @@ -192,17 +192,19 @@ $messages: { m | }$ <div id="infotxt">dump.fm image vortex<br><br>Real-Time Visualization of whats being dumped now.<br><br><a href="/" class="returnlink"> Return Home</a><br><br> - <div id="likebutton"> - <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/vortex" - scrolling="no" frameborder="0" - style="border:none; width:170px; height:80px"></iframe> - </div> + <div id="likebutton"> + <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/vortex" + scrolling="no" frameborder="0"></iframe> + </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:-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:#ccc"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> <script type="text/javascript">m00=document.getElementById("canvas").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> diff --git a/template/search_files.st b/template/search_files.st index 4e55e0f..459a86a 100755 --- a/template/search_files.st +++ b/template/search_files.st @@ -4,11 +4,7 @@ <title>dump.fm image search</title> $head()$ <link rel="stylesheet" type="text/css" href="/static/css/search_files.css?v=20260129"> - <script> - -jQuery(document).ready(Search.initFullpage) - -</script> + <script type="text/javascript" src="/static/js/pages/search_files_init.js?v=20260203"></script> </head> <body> diff --git a/template/share_buttons.st b/template/share_buttons.st index ac41191..f10a29e 100755 --- a/template/share_buttons.st +++ b/template/share_buttons.st @@ -8,7 +8,7 @@ $if(logged_in)$ $if(dump.favorited)$ <img src="/static/img/thumbs/heartfaved.gif" class="thumb favorite" onclick="Tag.favorite(this)"> $else$ - <div style="position: relative"> + <div class="is-relative"> <img src="/static/img/thumbs/heart.gif" class="thumb" onclick="Tag.favorite(this)"> </div> $endif$ diff --git a/template/signgenerator.st b/template/signgenerator.st index 59c15ee..601f613 100755 --- a/template/signgenerator.st +++ b/template/signgenerator.st @@ -4,11 +4,11 @@ </head> -<body onload='window.focus();' class="profile" style="margin:0px;"> $banner()$ +<body onload='window.focus();' class="profile"> $banner()$ <div id="chatrap"><div id="dcontent"><div id="messagePane"> -<iframe src="http://www.signgenerator.org/" width="99%"height="99%"style="border:7px inset #ccc;margin:0px;"></iframe></div></div></div> +<iframe src="http://www.signgenerator.org/" width="99%" height="99%" class="embed-frame"></iframe></div></div></div> <div id="footerc"> $footer()$ </div> -</body></html>
\ No newline at end of file +</body></html> diff --git a/template/simplerlog.st b/template/simplerlog.st index 9c3e6c4..819f808 100755 --- a/template/simplerlog.st +++ b/template/simplerlog.st @@ -13,9 +13,9 @@ <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > -<script type="text/javascript" src="/static/js/pichat.js"></script> -<link href="/static/css/front.css?v=20260128" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/simplerlog.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/simplerlog.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <!-- <link rel="stylesheet" href="/static/css/isostyle.css" type="text/css" media="screen" />--> @@ -41,31 +41,19 @@ $endif$ <!--END HEAD--> <script> var Recips = []; - jQuery(function() { - initLog(Recips) - }); + var MasonryColumnWidth = 270; </script> +<script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> - <script> -jQuery(window).load(function(){ - jQuery('#posts').masonry({ columnWidth: 270 }); - jQuery('#posts').masonry({ singleMode: true }); - jQuery('#posts').masonry({ resizeable: true }); - jQuery('#posts').masonry({ animate: true}); - - - }); -</script> - - - + + </head> <body> <!-- - <iframe src="/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-bg"></iframe> --> <!--START BANNER--> @@ -94,7 +82,7 @@ jQuery(window).load(function(){ </a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> $else$ @@ -107,7 +95,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://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> + <iframe src="https://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" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> $endif$ @@ -159,12 +147,7 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r $dumps: { d | $log_dump(dump=d)$ }$ - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -191,8 +174,8 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r <br><br> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div> @@ -201,7 +184,7 @@ $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> @@ -212,7 +195,10 @@ $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> -<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> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/single_message.st b/template/single_message.st index 352b2ea..4b08490 100755 --- a/template/single_message.st +++ b/template/single_message.st @@ -1,13 +1,12 @@ <html> <head> - <title>dump.fm</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>dump.fm</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body class="permalink"> $banner()$ <div class="content"><br><br><br> @@ -39,5 +38,5 @@ $footer()$ </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/single_message_share_buttons.st b/template/single_message_share_buttons.st index c00a16b..2781199 100755 --- a/template/single_message_share_buttons.st +++ b/template/single_message_share_buttons.st @@ -8,7 +8,7 @@ $if(user_nick)$ $if(dump.favorited)$ <img src="/static/img/thumbs/heartfaved.gif" class="thumb favorite" onclick="Tag.animated_fav(this, '.dump_score', '30px', '20px')"> $else$ - <div style="position: relative"> + <div class="is-relative"> <img src="/static/img/thumbs/heart.gif" class="thumb" onclick="Tag.animated_fav(this, '.dump_score', '30px', '20px')"> </div> $endif$ diff --git a/template/slimer.st b/template/slimer.st index ca76a49..9266e2c 100755 --- a/template/slimer.st +++ b/template/slimer.st @@ -4,7 +4,7 @@ <title>dump.fm - Slimer</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Slimer on dump.fm<br><br>A Collection of images of Slimer (Ghostbusters) by users of dump.fm on July 15, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fslimer&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fslimer&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/slothgoth.st b/template/slothgoth.st index 537d3e5..3f90081 100755 --- a/template/slothgoth.st +++ b/template/slothgoth.st @@ -3,7 +3,7 @@ <title>dump.fm - sloth goth</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_rightinfo.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -25,8 +25,7 @@ <div id="infotxt">Sloth Goth on dump.fm<br><br>A Collection of Sloth Goth Related images made by users of dump.fm<br><br><a href="/" class="returnlink"> Return Home</a><br><br> <div id="likebutton"> <iframe src="https://www.facebook.com/widgets/like.php?href=/m/slothgoth" - scrolling="no" frameborder="0" - style="border:none; width:120px; height:90px"></iframe> + scrolling="no" frameborder="0" class="fb-like-large"></iframe> </div> </div> diff --git a/template/spaceboys.st b/template/spaceboys.st index e5fe957..c4a5de0 100755 --- a/template/spaceboys.st +++ b/template/spaceboys.st @@ -4,7 +4,7 @@ <title>dump.fm - homeboys in space</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_rightinfo.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -28,8 +28,7 @@ <div id="likebutton"> <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/spaceboys" - scrolling="no" frameborder="0" - style="border:none; width:120px; height:90px"></iframe> + scrolling="no" frameborder="0" class="fb-like-large"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/spinningkid.st b/template/spinningkid.st index 744d162..b5fdcd0 100755 --- a/template/spinningkid.st +++ b/template/spinningkid.st @@ -4,7 +4,7 @@ <title>dump.fm - Spinning Kid</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Spinning Kid on dump.fm<br><br>A Collection of images of the 'Spinning Kid' by users of dump.fm on July 12, 2010. <br><br><div class="returnlink"><a href="/static/templates/spinkidtemplate.psd"target="_blank">Download the Spinning Kid Photoshop Template</a><br><br><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fspinningkid&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fspinningkid&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/tagged_dumps.st b/template/tagged_dumps.st index 0cffc0b..3de9509 100755 --- a/template/tagged_dumps.st +++ b/template/tagged_dumps.st @@ -1,14 +1,16 @@ <html> <head> - <title>dump.fm - $page_title$</title> - $head()$ - <link rel="stylesheet" media="screen" type="text/css" href="/static/css/dump.css"> - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>dump.fm - $page_title$</title> + $head()$ + <script> + $if(recips)$ + var Recips = $recips$; + $else$ + var Recips = []; + $endif$ + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="dcontent"> @@ -46,5 +48,5 @@ </div> </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/terms8.st b/template/terms8.st index d37a28c..9202aea 100755 --- a/template/terms8.st +++ b/template/terms8.st @@ -1,7 +1,7 @@ <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"/> + <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> @@ -16,12 +16,7 @@ jQuery(function() <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=" + <body class="profile" onload=" javascript:CreateDropdownWindow('dump.fm', '360px', true, 'news', 20, 115); javascript:CreateDropdownWindow('terms of service', '560px', true, 'archive', 420, 60); @@ -33,8 +28,8 @@ background-attachment:fixed;" onload=" - <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> + <div id="news" class="is-hidden dropdown-window"> + <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> ©2010 All Rights Reserved<br><br> @@ -42,14 +37,14 @@ background-attachment:fixed;" onload=" </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> - <div style="padding:0px" id="content" name="content"> + <div id="archive" class="is-hidden"> + <div id="content" name="content" class="content-no-padding"> - <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> + <iframe src="/static/html/terms.html" class="hearts-frame" width="550px" height="500px"></iframe> </div> </div> - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> </div> diff --git a/template/test.st b/template/test.st index fc7dbbc..62c4335 100755 --- a/template/test.st +++ b/template/test.st @@ -32,7 +32,7 @@ $(document).ready(initLoginForm); <div align="right" class="txt"> <br> <div align="center">dump.fm lets you talk with pictures<br> - <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br> + <a href="/register" class="no-underline">Click here to Register!</a> <br> </div> </div> </div> @@ -81,4 +81,3 @@ $(document).ready(initLoginForm); } catch(err) {} </script> </body> - diff --git a/template/thisguy.st b/template/thisguy.st index 579f3d6..2d89b35 100755 --- a/template/thisguy.st +++ b/template/thisguy.st @@ -4,7 +4,7 @@ <title>dump.fm - this guy</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>This Guy of dump.fm<br><br>A Collection of images of 'this guy' by users of dump.fm (glasspopcorn) on July 3, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/topic.st b/template/topic.st index 1594364..a748a20 100755 --- a/template/topic.st +++ b/template/topic.st @@ -1,13 +1,12 @@ <html> <head> - <title>#$topic$ - dump.fm</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>#$topic$ - dump.fm</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -44,5 +43,5 @@ </div> </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/topic_list.st b/template/topic_list.st index c53f2ca..18f2996 100755 --- a/template/topic_list.st +++ b/template/topic_list.st @@ -34,7 +34,7 @@ $if(r.topic)$ <input class="end-topic" type="submit" value="End topic"> $endif$ - <img class="spinner" src="/static/spinner.gif" style="display: none"/> + <img class="spinner is-hidden" src="/static/spinner.gif"/> </div> <br><br><br><br> </div> diff --git a/template/userlog.st b/template/userlog.st index 1dacade..bfe2628 100755 --- a/template/userlog.st +++ b/template/userlog.st @@ -1,13 +1,12 @@ <html> <head> - <title>$nick$'s dump.fm</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>$nick$'s dump.fm</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="dcontent"> @@ -43,5 +42,5 @@ </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/weedpile.st b/template/weedpile.st index 300ce7f..a576e3e 100755 --- a/template/weedpile.st +++ b/template/weedpile.st @@ -4,7 +4,7 @@ <title>dump.fm - weed pile</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -22,13 +22,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Weed Pile on dump.fm<br><br>A Collection of images involving 'Weed Pile' from July 2, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fweedpile&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fweedpile&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> |