diff options
88 files changed, 684 insertions, 302 deletions
diff --git a/static/css/dump.css b/static/css/dump.css index f8cfbe2..c7d2217 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,51 @@ a:active { display: none !important; } +.is-hidden { + display: none; +} + +.is-relative { + position: relative; +} + +.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 +2105,10 @@ a.msgbtn:active { #fblike { margin-top: 6px; margin-left: 6px; + border: none; + overflow: hidden; + width: 100px; + height: 21px; } #logo { float: left; @@ -2512,6 +2560,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/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/meme_pages.css b/static/css/meme_pages.css index c53d420..22d5a2a 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; 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/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/rooms_vortex.css b/static/css/rooms_vortex.css index 7403454..f13c797 100644 --- a/static/css/rooms_vortex.css +++ b/static/css/rooms_vortex.css @@ -62,3 +62,35 @@ 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; +} 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/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/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/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..3c02a98 100755 --- a/template/about_us.st +++ b/template/about_us.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"> @@ -13,12 +13,7 @@ jQuery(function() <title>dump.fm: about us</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('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,7 +24,7 @@ background-attachment:fixed;" onload=" - <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> + <div id="news" class="is-hidden" style="overflow:hidden; height:600px; position:absolute;"> <div style="padding:0px" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5 style="padding:2px;"> @@ -39,7 +34,7 @@ DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> <div id="content" name="content"style="background-image:url(/static/img/hearts.gif);background-repeat:repeat;"> <img src="/static/img/dumpteam.gif"><br><br> <div id="abouttxt"><h1><br> @@ -58,7 +53,7 @@ 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" style="background-color:#fff;"> <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> 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.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..f55fbbe 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"> @@ -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..79308e1 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=20260130"> + <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" /> 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..a7a0119 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ diff --git a/template/directory.st b/template/directory.st index e3b3df0..149f284 100755 --- a/template/directory.st +++ b/template/directory.st @@ -24,7 +24,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..9409066 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ 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/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/frontpage copy.st b/template/frontpage copy.st index 304446c..641f931 100755 --- a/template/frontpage copy.st +++ b/template/frontpage copy.st @@ -16,7 +16,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 +24,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> @@ -86,7 +86,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 +98,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 +133,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 +172,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 +193,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> +<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.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> </body> </html> diff --git a/template/frontpage.st b/template/frontpage.st index d673fa8..bf8ce22 100755 --- a/template/frontpage.st +++ b/template/frontpage.st @@ -16,7 +16,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 +24,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> @@ -87,7 +87,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 +100,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,10 +135,10 @@ 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> @@ -195,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:-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> +<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.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> </body> </html> diff --git a/template/frontpagePROFILE.st b/template/frontpagePROFILE.st index d0fc855..a586c31 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" />--> @@ -65,7 +65,7 @@ jQuery(window).load(function(){ <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 +94,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 +107,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 +159,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)$ @@ -200,8 +200,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 +221,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> +<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.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> </body> </html> diff --git a/template/frontpage_halloffame.st b/template/frontpage_halloffame.st index a13a396..e8cea25 100755 --- a/template/frontpage_halloffame.st +++ b/template/frontpage_halloffame.st @@ -16,7 +16,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 +24,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> @@ -86,7 +86,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 +98,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,10 +133,10 @@ 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> @@ -193,7 +193,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> +<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.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> </body> </html> 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..030ea17 100755 --- a/template/fullscreen.st +++ b/template/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> $if(user_nick)$ $else$ diff --git a/template/fullscreen4.st b/template/fullscreen4.st index 4b34243..1d1a4e6 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$; diff --git a/template/fullscreen5.st b/template/fullscreen5.st index 863655c..d0162d9 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$; diff --git a/template/fullscreen_front.st b/template/fullscreen_front.st index e0d48a5..82b1403 100755 --- a/template/fullscreen_front.st +++ b/template/fullscreen_front.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 LoggedIn = $if(user_nick)$true$else$false$endif$; diff --git a/template/fullscreenphotobooth.st b/template/fullscreenphotobooth.st index 77a6405..6de7ca1 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$; 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/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..cdd853f 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=20260130.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..cdd853f 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=20260130.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..f94c536 100755 --- a/template/help.st +++ b/template/help.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"> @@ -17,12 +17,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', 30, 115); javascript:CreateDropdownWindow('frequently asked questions', '520px', true, 'archive', 440, 60); @@ -35,7 +30,7 @@ background-attachment:fixed;" onload=" - <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> + <div id="news" class="is-hidden" style="overflow:hidden; height:600px; position:absolute;"> <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> @@ -44,14 +39,14 @@ background-attachment:fixed;" onload=" </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> + <div id="archive" class="is-hidden"> <div style="padding:0px" id="content" name="content"> <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> </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..999a916 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ diff --git a/template/ie_fullscreen.st b/template/ie_fullscreen.st index e165d52..480037b 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; 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..5ec3faa 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$; diff --git a/template/newlog.st b/template/newlog.st index 13c63d2..19b4481 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)$ @@ -78,7 +78,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> @@ -162,8 +162,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..8c54938 100755 --- a/template/nigga.st +++ b/template/nigga.st @@ -9,8 +9,8 @@ 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> + <body> + <div id="dashtotal" style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> $banner()$ @@ -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..356cc83 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ 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..a096531 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ diff --git a/template/profile.st b/template/profile.st index f46ef5d..527e333 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" style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></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" style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></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"> 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..547c1c6 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" style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></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" style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></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/rooms/VIP.st b/template/rooms/VIP.st index 5b5ebf5..64511da 100755 --- a/template/rooms/VIP.st +++ b/template/rooms/VIP.st @@ -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/artornot.st b/template/rooms/artornot.st index 54a1a73..180ff85 100755 --- a/template/rooms/artornot.st +++ b/template/rooms/artornot.st @@ -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/atrium.st b/template/rooms/atrium.st index f6e91f6..1464398 100755 --- a/template/rooms/atrium.st +++ b/template/rooms/atrium.st @@ -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..403df38 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=20260130"> +<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=20260130.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.st b/template/rooms/chat.st index 96dcb97..38a2ee2 100755 --- a/template/rooms/chat.st +++ b/template/rooms/chat.st @@ -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..a4140af 100755 --- a/template/rooms/dump2.st +++ b/template/rooms/dump2.st @@ -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/frontpage.st b/template/rooms/frontpage.st index a310da2..606d51f 100755 --- a/template/rooms/frontpage.st +++ b/template/rooms/frontpage.st @@ -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..f88ec54 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"> +<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=20260129"> <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..cd08097 100755 --- a/template/rooms/nocss.st +++ b/template/rooms/nocss.st @@ -19,11 +19,11 @@ <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> +<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=20260129"> <script>Domain = "/"</script> @@ -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..128795e 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=20260130"> @@ -202,7 +202,10 @@ $messages: { m | </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/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..c69d244 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" />--> @@ -94,7 +94,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 +107,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$ @@ -191,8 +191,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 +201,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 +212,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> +<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.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> </body> </html> 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..1c9109f 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ diff --git a/template/slothgoth.st b/template/slothgoth.st index 537d3e5..f61433d 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=20260130"> <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> diff --git a/template/spaceboys.st b/template/spaceboys.st index e5fe957..c5ae71d 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=20260130"> <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> diff --git a/template/spinningkid.st b/template/spinningkid.st index 744d162..64ae9c7 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ diff --git a/template/tagged_dumps.st b/template/tagged_dumps.st index 0cffc0b..f169aab 100755 --- a/template/tagged_dumps.st +++ b/template/tagged_dumps.st @@ -2,7 +2,6 @@ <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$); diff --git a/template/terms8.st b/template/terms8.st index d37a28c..0cc0505 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,7 +28,7 @@ background-attachment:fixed;" onload=" - <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> + <div id="news" class="is-hidden" style="overflow:hidden; height:600px; position:absolute;"> <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> @@ -42,14 +37,14 @@ background-attachment:fixed;" onload=" </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> + <div id="archive" class="is-hidden"> <div style="padding:0px" id="content" name="content"> <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> </div> </div> - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> </div> diff --git a/template/thisguy.st b/template/thisguy.st index 579f3d6..3234a88 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=20260130"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,7 +21,7 @@ </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$ 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/weedpile.st b/template/weedpile.st index 300ce7f..1de0ca0 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=20260130"> <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,7 +22,7 @@ </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$ |