<!DOCTYPE html><html xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#"><head> <script> var DMDGetFlashVersion = function() { var flashVersion = "0,0,0"; try { try { var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6"); try { axo.AllowScriptAccess = "always"; } catch(e) { flashVersion = "6,0,0"; } } catch(e) {} flashVersion = new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version").replace(/\D+/g, "","").match(/^,?(.+),?$/)[1]; } catch(e) { try { if(navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin){ flashVersion = (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g, ",").match(/^,?(.+),?$/)[1]; } } catch(e) {} } flashVersion = flashVersion.split(",").shift(); return flashVersion; }; </script> <style> </style> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" /> <meta name="google-site-verification" content="6cBdPpCKBeVi236rITbeI7LYAKaifWRl6AbIzmHpk0c" /> <title>Dermandar User Profile - Grid</title> <link rel="icon" type="image/x-icon" href="//www.dermandar.com/design/images/favicon.ico" /> <link rel="apple-touch-icon" href="https://static.dermandar.com/apple-touch-icon.png" /> <link href="https://static.dermandar.com/design/style2.css?v=1.1.3" media="screen" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="https://static.dermandar.com/css/style2.css?v=1.0.79"> <!--[if lte IE 8]> <link href="https://static.dermandar.com/design/lte-ie8.css" media="screen" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if lte IE 7]> <link href="https://static.dermandar.com/design/lte-ie7.css" media="screen" rel="stylesheet" type="text/css" /> <![endif]--> <script type="text/javascript" src="https://static.dermandar.com/js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="https://static.dermandar.com/js/jquery.hoverIntent.js"></script> <script> var isUserCN=false; function appendMapAPI() { var scriptMap = document.createElement('script'); scriptMap.async=true; scriptMap.defer=true; scriptMap.src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuOLMtBwzS3xaZZ6RfSucOGV7q_RgoIvw"; document.getElementsByTagName('head')[0].appendChild(scriptMap); scriptMap.onload = function () { }; var scriptMap = document.createElement('script'); scriptMap.async=true; scriptMap.defer=true; scriptMap.src="//www.dermandar.com/js/script.js?v=127.183"; document.getElementsByTagName('head')[0].appendChild(scriptMap); window.fbAsyncInit = function() { FB.init({ appId : '246290217488', // App ID channelUrl : 'https://static.dermandar.com/fbchannel.php', // Channel File status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function(d){ var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "https://connect.facebook.net/en_US/all.js"; ref.parentNode.insertBefore(js, ref); }(document)); jQuery(document).ready(function ($) { var facebookOpened = false; $('.dmd_facebook_button').live('click',function (e) { if(!facebookOpened){ $(".dmd_facebook_box").animate({right:"0px"},500); $(".dmd_facebook_button").animate({right:$(".dmd_facebook_box").outerWidth()},500); facebookOpened = true; }else{ $(".dmd_facebook_box").animate({right:"-212px"},500); $(".dmd_facebook_button").animate({right:"0px"},500); facebookOpened = false; } }); }); } try { $.ajax({ type: "GET", url: "https://freegeoip.app/json/", success: function (data_geo) { if(data_geo.country_code=='CN') isUserCN=true; if(!isUserCN) appendMapAPI(); }, error: function (e) { if(!isUserCN) appendMapAPI(); } }); } catch (e) { if(!isUserCN) appendMapAPI(); } </script> <script type="application/javascript"> var geoip_country_name=null; var geoip_latitude=null; var geoip_longitude=null; </script> <script> var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; var scrollBoolean=false; function isScrolled(){ var body_height = $(document.body).height(); var window_height = window.innerHeight; scrollBoolean = body_height > window_height; return scrollBoolean; } function dmd_isAndroidAgent() { var userAgent=navigator.userAgent.toLowerCase(); if (userAgent.indexOf("android") > -1) { return true; } return false; }; function dmd_isIOSAgent() { var userAgent=navigator.userAgent.toLowerCase(); var isIOS=false; if (userAgent.indexOf("ipad") > -1) { return true } if (userAgent.indexOf("ipod") > -1) { return true; } if (userAgent.indexOf("iphone") > -1) { return true; } return false; }; function dmd_isDesktopAgent() { return (!dmd_isAndroidAgent() && !dmd_isIOSAgent()); }; function searchPanos(){ var searchText = document.getElementById('dmdpano_searchtext'); if(searchText.value != null && searchText.value != ''){ location.href = CFG_DOMAIN_URL + 'search?q='+ encodeURIComponent(searchText.value); }else{ searchText.classList.add('searchtexthidden'); searchText.classList.remove('searchtextvisible'); } } function searchPanosKeyPress(e){ var key=e.keyCode? e.keyCode : e.charCode if(key == 13){ searchPanos(); } } function showSearchBox(){ var searchText = document.getElementById('dmdpano_searchtext'); if(searchText.className.search('searchtextvisible') ==-1){ searchText.classList.add('searchtextvisible'); searchText.classList.remove('searchtexthidden'); }else{ searchPanos(); } } </script> <script type="text/javascript"> var temp; </script> <script type="text/javascript" src="https://static.dermandar.com/js/animate-minified.js"></script> <script>var openedMenu = ""; function resized() { if(openedMenu != "") hide(document.getElementById(openedMenu)); }</script></head><body onresize="resized()"><div id="fb-root"></div><script> function showhidemenu(menu) { var obj = document.getElementById(menu); if(obj != null) { if( !obj.style.opacity || obj.style.opacity=='0') { if(openedMenu != "") hide(document.getElementById(openedMenu)); show(obj); } else { hide(obj); } openedMenu = menu; } return false; } function hide(obj) { obj.animate = dmd_animate; obj.animate({'opacity':'0'}, 100, function() { obj.style.display="none";}); return true; } function show(obj) { obj.animate = dmd_animate; obj.style.display="block"; obj.animate({'opacity':'0'}, 0, function() {}); obj.animate({'opacity':'1'}, 100, function() {}); return true; } function hidemenu() { setTimeout(function(){ var obj = document.getElementById('menucontent'); if(obj != null){hide(obj);} var obj2 = document.getElementById('menuInfo'); if(obj2 != null){hide(obj2);} }, 100); }</script><div id="header"> <div id="headerContent"> <a id="headerLogo" href="/"></a> <ul class="headerMenu" id="dmd_main-menu"> <li><a onclick="return doScroll('homes',event);" href="/#homes">Home</a></li> <li><a onclick="return doScroll('abouts',event);" href="/#abouts">About</a></li> <li><a onclick="return doScroll('presss',event);" href="/#presss">Press</a></li> <li><a onclick="return doScroll('contacts',event);" href="/#contacts">Contact</a></li> <li><a href="/SDK/">SDK</a></li> </ul> <div class="menu" > <div class="menubutton" unselectable="on" style="background-image:url('https://static.dermandar.com/design/images/arrow_down.png');background-repeat:no-repeat;background-position:right center;padding-right:22px" tabindex="-1" onclick="return showhidemenu('menucontent');" onblur="hidemenu();"> <span class="menufullname">Main Menu</span> </div> <div class="menucontent" id="menucontent"> <ul class="menuitems" id="menuitems"> <li class="menuitem"><a onclick="return doScroll('homes',event);" href="/#homes">Home</a></li> <li class="menuitem"><a onclick="return doScroll('abouts',event);" href="/#abouts">About</a></li> <li class="menuitem"><a onclick="return doScroll('presss',event);" href="/#presss">Press</a></li> <li class="menuitem"><a onclick="return doScroll('contacts',event);" href="/#contacts">Contact</a></li> <li class="menuitem"><a style="line-height:36px;" href="/SDK/">SDK</a></li> </ul> </div> </div> <div id="headerUserData"> <ul class="headerMenu"> <li id = "dmd_signup_btn"><a href="/signup.php">Sign Up</a></li> <li><a href="/login.php">Login</a></li> </ul> </div> </div></div> <div class = "footer" style="width: 100% !important;"> <div style="clear:both;"></div> <div style="clear:both;"></div> </div><div style="height:50px;"></div><script src="https://static.dermandar.com/js/jquery-1.11.2.min.js"></script> <style> .dmd_facebook_button,.dmd_facebook_box{display:none !important;}</style><script type="text/javascript">var type = 'user';var user_name = "powertoad9";</script><script type="text/javascript"> var flist=null; var w=0,h=0; var dim_sq=0; var jcrop_api=0; var crop_area=[0,0,0,0]; function selectionChanged(e) { crop_area=[e.x/w,e.y/h,e.x2/w,e.y2/h]; } function selectionRemoved(e) { //console.log([ (w-dim_sq)/2., (h-dim_sq)/2.0, dim_sq, dim_sq ]); jcrop_api.setSelect([(w-dim_sq)/2., (h-dim_sq)/2.0, (w-dim_sq)/2.+dim_sq, (w-dim_sq)/2.+dim_sq ]); } $(document).ready(function() { $('#dmd_img_crop').load(function(e) { if(!jcrop_api) { $(this).Jcrop({ touchSupport:true, onRelease:selectionRemoved, onChange:selectionChanged, maxSize: [1024, 1024], minSize:[0, 0], aspectRatio:1, bgOpacity: .4, setSelect: [(w-dim_sq)/2., (h-dim_sq)/2.0, (w-dim_sq)/2.+dim_sq, (w-dim_sq)/2.+dim_sq ] },function(){ jcrop_api = this; }); } else { jcrop_api.setImage(this.src); jcrop_api.setSelect([(w-dim_sq)/2., (h-dim_sq)/2.0, (w-dim_sq)/2.+dim_sq, (w-dim_sq)/2.+dim_sq ]); } }); }); function openToCrop(e) { var img=new Image(); img.onload=function() { w=img.width; h=img.height; if(w*h>6291456) { alert("Image is too large, maximum resolution allowed: (6 MP)."); return false; }; var asp=w/h; var isW=((Math.min($(window).width()-100,w)>=Math.min($(window).height()-100,h))&&(Math.min($(window).width()-100,w)/asp<=Math.min($(window).height()-100,h))); var dim=isW?Math.min($(window).width()-100,w):Math.min($(window).height()-100,h); if(isW) { w=dim; h=dim/asp; dim_sq=Math.min(w,h); } else { w=dim*asp; h=dim; dim_sq=Math.min(w,h); } dim_sq=Math.min(w,h); $('#dmd_crop_holder').parent().css("display", "block"); $('#dmd_crop_holder').parent().css("width", "100%"); $('#dmd_crop_holder').parent().css("height", "100%"); $('#dmd_crop_holder').parent().css("position", "fixed"); $('#dmd_crop_holder').parent().css("top", "0"); $('#dmd_crop_holder').parent().css("left", "0"); $('#dmd_crop_holder').parent().css("box-sizing", "border-box"); $('#dmd_crop_holder').parent().css("background-color", "rgba(0,0,0,0.3)"); $('#dmd_crop_holder').parent().css("z-index", "10000"); $('#dmd_crop_holder').css("position", "absolute"); $('#dmd_crop_holder').css("display", "block"); $('#dmd_crop_holder').css("width", w+"px"); $('#dmd_crop_holder').css("height", h+"px"); $('#dmd_crop_holder').css("padding", "20px"); $('#dmd_crop_holder').css("top", (($(window).height()-Math.min($(window).height()-100,h))/2.0-10)+"px"); $('#dmd_crop_holder').css("left", (($(window).width()-Math.min($(window).width()-100,w))/2.0-10)+"px"); $('#dmd_crop_holder').css("display", "block"); $('#dmd_crop_holder').css("overflow", "hidden"); $('#dmd_img_crop').css("width", w+"px"); $('#dmd_img_crop').css("height", h+"px"); $('#dmd_img_crop').attr('src', URL.createObjectURL(e.target.files[0])); } img.src=URL.createObjectURL(e.target.files[0]); } function closeAndUpload(upload) { $("#dmd_crop_holder").parent().css("display","none"); if(upload)$("#dmd_frm_submit").submit(); $('#profilepic').val(""); jcrop_api.destroy(); jcrop_api=0; } function checkPic(e) { flist = e.target.files; var fname=$('#profilepic').val(); if(!(fname.toLowerCase().indexOf(".jpg")||fname.toLowerCase().indexOf(".jpeg"))) { alert('Invalid input.\nPlease select a square JPEG image with a maximum size of (1024x1024) pixels.'); return false; } var url=URL.createObjectURL(flist[0]); var img=new Image(); img.onload=function() { if((img.width>1024)||(img.height>1024)||(img.width<=0)||(img.height<=0)) { alert('Invalid input.\nPlease select a square JPEG image with a maximum size of (1024x1024) pixels.'); $('#profilepic').val(""); return; } if(img.width!=img.height) if(!confirm("Your image would be cropped to fit a square.")) { $('#profilepic').val(""); return; } //$('#dmd_pp_holder').css('background-image', "url('"+img.src+"')"); openToCrop(event); }; img.src=url; } function handleUpload(e) { e.stopPropagation(); e.preventDefault(); $("#dmd_edit_pic").html("Please Wait..."); var data = new FormData($(e.target).get(0)); data.append("crop_x1",crop_area[0]); data.append("crop_y1",crop_area[1]); data.append("crop_x2",crop_area[2]); data.append("crop_y2",crop_area[3]); $.ajax({ url: 'https://www.dermandar.com/php/auth.php', type: 'POST', data: data, timeout:100*1000, cache: false, dataType: 'json', processData: false, contentType: false, success: function(data, textStatus, jqXHR) { if(!data.success) { alert("Error with the data provided. Please check your data and try again."); } else { location.href=location.href; } $("#dmd_edit_pic").html("Edit"); }, error: function(jqXHR, textStatus, errorThrown) { alert("Error: Connection problems."); } }); }</script><div style="width:100%; height:100%; position:fixed; top:0px; left:0px; box-sizing:border-box; display:none;"> <div id="dmd_crop_holder" style="position:absolute; display:none; z-index:100000; text-align:center;"> <img id="dmd_img_crop" style="width:400px; height:350px;" /> <div style="display:inline-block; top:-40px; color:#000000; z-index: 10000; position:relative; cursor:pointer;"><div style="padding:10px; background-color: rgba(255,255,255,0.75); display: inline-block;" onclick="closeAndUpload(true)">Save</div> <div style="padding:10px; background-color: rgba(255,255,255,0.75); display: inline-block;" onclick="closeAndUpload(false)">Close</div></div> </div></div><div id="user_info" style="clear:both; width:100%; margin-top:20px;"> <form id="dmd_frm_submit" method="post" action="https://www.dermandar.com//php/auth.php" name="dmd_frm_submit" enctype="multipart/form-data" onsubmit="return handleUpload(event)"> <input type="hidden" name="action" value="update_user_info" /> <input type="hidden" name="params" value="" /> <script src="https://static.dermandar.com/js/jquery-1.11.2.min.js"></script> <script src="https://static.dermandar.com/js/jquery.Jcrop.min.js"></script> <link rel="stylesheet" href="https://static.dermandar.com/css/jcrop/jquery.Jcrop.min.css" type="text/css" /> <table cellspacing="0" cellpadding="0" style="margin:0px auto; min-width:300px; max-width:550px;"> <tr> <td style="width:150px; vertical-align:middle; text-align:center;"> <script type="text/javascript"> var oldBio=""; function toggleBio(spn) { var val=$(spn).text(); var spnw=parseInt($(spn).width()); spn.innerHTML=""; spn.onclick=function() {}; if(val=="Edit bio")val=""; $(spn).append('<input name="bio" type="text" value="'+val+'" onchange="saveBio(this)" onblur="saveBio(this)" style="font-size:14px; width:'+Math.max(200,spnw)+'px" />'); makeSelection($(spn).find("input")); } function saveBio(txt) { if(txt.value.trim().length>500) { alert("Please enter a valid 'bio' with no more than 500 characters."); txt.value=oldBio; } $("#dmd_bio_holder").get(0).onclick=function() { toggleBio($("#dmd_bio_holder").get(0)); }; if(oldBio!=$(txt).val()) $("#dmd_frm_submit").submit(); else { $("#dmd_bio_holder").html((oldBio.length==0?"<span style=\"color:#888888; font-style:italic;\">Edit bio</span></span>":oldBio)); } } function makeSelection(obj) { $(obj).focus(); $(obj).select(); return false; } </script> <div style="box-shadow:black 0px 0px 20px; display:inline-block; border-radius:10px; margin-right:10px; width:150px; height:150px; background:url('https://static.dermandar.com/design/images/maleprofile_256.png') 50% 50% no-repeat; background-size:cover; position:relative; overflow:hidden;"> </div> </td> <td style="vertical-align:bottom;"> <div style="display:inline-block; width:auto; font-size: 14px; text-align:left; padding-bottom:20px;"><b style="color:#2B64A5; font-size:24px;">powertoad9</b><br /><a style="text-decoration:underline;" target="_blank" href="http://grad-s.net">http://grad-s.net</a></div> </td> </tr> <tr> <td style="vertical-align:middle;" colspan="2"> <style> ul.fav-fans-users { list-style-type: none; display:block; width:100%; margin:0px; margin-before: 0; margin-after: 0; margin-start: 0; margin-end: 0; padding-start: 0; -moz-margin-before: 0; -moz-margin-after: 0; -moz-margin-start: 0; -moz-margin-end: 0; -moz-padding-start: 0; -o-margin-before: 0; -o-margin-after: 0; -o-margin-start: 0; -o-margin-end: 0; -o-padding-start: 0; -ms-margin-before: 0; -ms-margin-after: 0; -ms-margin-start: 0; -ms-margin-end: 0; -ms-padding-start: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; margin-top:30px; color:#444444; } ul.fav-fans-users li { list-style-type: none; float:left; display:inline-block; white-space: nowrap; padding:5px 20px; box-sizing:border-box; width:50%; font-weight:bold; cursor:pointer; background-color:#f0f0f0; border-radius:10px 10px 10px 10px; } ul.fav-fans-users li:hover { text-decoration: underline; } ul.fav-fans-users li.selected { background-color:#fafafa; border-radius:10px 10px 0px 0px; } </style> <ul class="fav-fans-users"> <li id="favorited_users_tab"> Following </li> <li id="fans_tab"> Followers </li> </ul> </td> </tr> <tr> <td colspan="2"> <div id="favorited_users_tab_content" style="display:none; text-align:left; background-color:#fafafa; padding:10px; border-radius:0px 0px 10px 10px;"></div> <div id="fans_tab_content" style="display:none; text-align:left; background-color:#fafafa; padding:10px; border-radius:0px 0px 10px 10px;"></div> </td> </tr> </table> </form></div><br /><script> $("#favorited_users_tab").click(function() { $("#fans_tab_content").hide(0); $("#fans_tab").removeClass("selected"); if($("#favorited_users_tab_content").css("display")=="none") { $("#favorited_users_tab").addClass("selected"); $("#favorited_users_tab_content").slideDown(250);} else { $("#favorited_users_tab_content").slideUp(250); $("#favorited_users_tab").removeClass("selected"); } }); $("#fans_tab").click(function() { $("#favorited_users_tab_content").hide(0); $("#favorited_users_tab").removeClass("selected"); if($("#fans_tab_content").css("display")=="none") { $("#fans_tab").addClass("selected"); $("#fans_tab_content").slideDown(250); } else { $("#fans_tab").removeClass("selected"); $("#fans_tab_content").slideUp(250); } }); $.getJSON("https://www.dermandar.com/api/browse/user/powertoad9/favorite_users", function(data) { var res=""; $("#favorited_users_tab").text($("#favorited_users_tab").text()+" ("+data.users.length+")"); for(var i=0; i<data.users.length; i++) { var htmlStr = ""; //<div id="dmd_edit_pic" style="padding:10px;width:100%; display:inline-block; position:absolute; bottom:0px; left:0px; box-sizing:border-box; margin:auto; background-color:rgba(0,0,0,0.3); color:#ffffff; cursor:pointer;" onclick="$('#profilepic').trigger('click');">Edit</div> res+='<div><div style="position:relative; box-shadow:black 0px 0px 5px; display:inline-block; border-radius:10px; margin-right:10px; width:50px; height:50px; background:'+(data.users[i].ppeid!=""?'url(\'https://static.dermandar.com/php/getimage.php?euid='+data.users[i].publicid+'&ppeid='+data.users[i].ppeid+'&h=128\') 50% 50% no-repeat;':'url(\'https://static.dermandar.com/design/images/maleprofile_128.png\') 50% 50% no-repeat;')+' background-size:cover;">' + htmlStr + '</div>'; res+='<div style="display:inline-block; width:auto; font-size: 12px; text-align:left; padding-bottom:5px;"><b style="font-size:16px;"><a target="_blank" href="//www.dermandar.com/user/'+data.users[i].username+'">'+data.users[i].username+'</a></b><br />'+(data.users[i].bio.trim()!=""?data.users[i].bio:" ")+'</div></div><br />'; } $("#favorited_users_tab_content").html(res); }); $.getJSON("https://www.dermandar.com/api/browse/user/powertoad9/fans", function(data) { var res=""; $("#fans_tab").text($("#fans_tab").text()+" ("+data.users.length+")"); var htmlStr; for(var i=0; i<data.users.length; i++) { htmlStr = ""; res+='<div><div style="position:relative; box-shadow:black 0px 0px 5px; display:inline-block; border-radius:10px; margin-right:10px; width:50px; height:50px; background:'+(data.users[i].ppeid!=""?'url(\'https://static.dermandar.com/php/getimage.php?euid='+data.users[i].publicid+'&ppeid='+data.users[i].ppeid+'&h=128\') 50% 50% no-repeat;':'url(\'https://static.dermandar.com/design/images/maleprofile_128.png\') 50% 50% no-repeat;')+' background-size:cover;">' + htmlStr + '</div>'; res+='<div style="display:inline-block; width:auto; font-size: 12px; text-align:left; padding-bottom:5px;"><b style="font-size:16px;"><a target="_blank" href="//www.dermandar.com/user/'+data.users[i].username+'">'+data.users[i].username+'</a></b><br />'+(data.users[i].bio.trim()!=""?data.users[i].bio:" ")+'</div></div><br />'; } $("#fans_tab_content").html(res); }); function follow(_publicid, pre) { document.getElementById(pre + 'dmd_follow_' + _publicid).style.display = 'none'; var _url = "https://www.dermandar.com/api/edit/addfavuser/"; $.ajax({ url: _url, method: 'POST', data: { publicid : _publicid} , success: function (response) { if(response.success) { document.getElementById(pre + 'dmd_unfollow_' + _publicid).style.display = 'inline-block'; } else { document.getElementById(pre + 'dmd_follow_' + _publicid).style.display = 'inline-block'; } }, error: function () { alert("Sorry, something went wrong! Try again."); } }); } function unFollow(_publicid, pre) { document.getElementById(pre + 'dmd_unfollow_' + _publicid).style.display = 'none'; var _url = "https://www.dermandar.com/api/edit/remfavuser/"; $.ajax({ url: _url, method: 'POST', data: { publicid : _publicid} , success: function (response) { if(response.success) { document.getElementById(pre + 'dmd_follow_' + _publicid).style.display = 'inline-block'; } else { document.getElementById(pre + 'dmd_unfollow_' + _publicid).style.display = 'inline-block'; } }, error: function () { alert("Sorry, something went wrong! Try again."); } }); } </script> <div id="tags" style="width:99%;margin:auto;overflow-y:auto; background-color: #eaeaea;height:120px;overflow-y:auto"> </div> <div id="dmdpano_tabsheader" class="dmdpano_tabsheader"> <script> var ttmpiOS = navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i); var ttmpANDROID = navigator.userAgent.toLowerCase().match(/android/i); var dmd_mob=ttmpiOS||ttmpANDROID; function zoomIn(obj) { var currentMax=parseInt($("#dmd_zoom_gallery_plus").attr("currentMax")); var currentMin=parseInt($("#dmd_zoom_gallery_plus").attr("currentMin")); var current=currentMax; current=parseInt($(obj).attr("current")); if(current && !isNaN(current) && current<currentMax) { current++; $(".favusr-font").each(function() { $(this).get(0).style.fontSize=14*(current/8.0) + 'px'; }); $(".col-i").each(function() { //$(this).height((current==1?(dmd_mob?90:128):(current==2?(dmd_mob?117:166):(dmd_mob?144:205)))+"px"); //$(this).width((100/((currentMax+1)-current)) + "%"); $(this).get(0).style.width=(100/((currentMax+1)-current)) + "%"; }); $("#dmd_zoom_gallery_plus").attr("current", current); $("#dmd_zoom_gallery_minus").attr("current", current); if(current==currentMax) { $("#dmd_zoom_gallery_plus").css("background-color", "#dadada"); } else { $("#dmd_zoom_gallery_minus").css("background-color", "#ffffff"); } } } function zoomOut(obj) { var currentMax=parseInt($("#dmd_zoom_gallery_plus").attr("currentMax")); var currentMin=parseInt($("#dmd_zoom_gallery_plus").attr("currentMin")); var current=currentMin; current=parseInt($(obj).attr("current")); if(current && !isNaN(current) && current>currentMin) { current--; $(".favusr-font").each(function() { $(this).get(0).style.fontSize=14*(current/8.0) + 'px'; }); $(".col-i").each(function() { //$(this).height((current==1?(dmd_mob?90:128):(current==2?(dmd_mob?117:166):(dmd_mob?144:205)))+"px"); //$(this).width((100/((currentMax+1)-current)) + "%"); $(this).get(0).style.width=(100/((currentMax+1)-current)) + "%"; }); $("#dmd_zoom_gallery_plus").attr("current", current); $("#dmd_zoom_gallery_minus").attr("current", current); if(current==currentMin) { $("#dmd_zoom_gallery_minus").css("background-color", "#dadada"); } else { $("#dmd_zoom_gallery_plus").css("background-color", "#ffffff"); } } } </script> <style> #dmdpano_tabsheader ul li { padding:7px !important; margin-left:0px !important; } #dmdpano_tabsheader ul li span { padding:0px !important; font-size:10px !important; } </style><ul> <li type = "user" id="dmdpano_user" class="selectedtab"><span></span></li> </ul> <style> .holder { position: relative; width: 100%; /*height: 100%;*/ display: block; background-color: #ffffff; box-sizing: border-box; border-radius:5px; border:2px solid black; } .holder:before{ content: ""; display: block; padding-top: 100%; } .aspectratio:before { padding-top: 30%; } .pano { position: absolute !important; left:0px; top:0px; bottom:0px; right:0px; width: 100%; height: 100%; display: block; background-color: #000000; box-sizing: border-box; border:1px solid white; border-radius:5px; }</style></div> <div id="dmdpano_tabscontent" style="position:relative; text-align:left;"> <div style="box-sizing:border-box; z-index:99; width:100%; font-weight:bold; position:absolute; right:0px; top:0px; margin-top:0px; white-space:nowrap; font-size:20px; color:#888888; padding:0px; padding-left:5px; padding-right:5px; "> <div id="dmd_zoom_gallery_plus" style="float:left; cursor:pointer; display:inline-block; padding:2px; margin:2px;" current="8" currentMin="1" currentMax="10" onclick="zoomIn(this)"> <img style="border:0px none transparent;background-color:rgba(256,256,256,0.7)" src="https://static.dermandar.com/design/images/more.png" height="28px" /> </div> <div id="dmd_zoom_gallery_minus" style="float:right; cursor:pointer; display:inline-block; padding:2px; margin:2px;" current="8" currentMin="1" currentMax="10" onclick="zoomOut(this)"> <img style="border:0px none transparent;background-color:rgba(256,256,256,0.7)" src="https://static.dermandar.com/design/images/less.png" height="28px" /> </div> </div> <script> var currentMax=parseInt($("#dmd_zoom_gallery_plus").attr("currentMax")); var currentMin=parseInt($("#dmd_zoom_gallery_plus").attr("currentMin")); function onScroll() { if($(window).scrollTop()>$("#dmdpano_tabscontent").position().top-$("#dmd_zoom_gallery_plus").parent().outerHeight() - $("#header").outerHeight()) { $("#dmd_zoom_gallery_plus").parent().css("position", "fixed"); $("#dmd_zoom_gallery_plus").parent().css("left", "0"); $("#dmd_zoom_gallery_plus").parent().css("right", ""); $("#dmd_zoom_gallery_plus").parent().css("top", "36px"); $("#dmd_zoom_gallery_plus").parent().css("margin-top", "0px"); $("#dmd_zoom_gallery_plus").parent().css("text-align", "center"); $("#dmd_zoom_gallery_plus").parent().css("background-color", "transparent"); //$("#dmd_zoom_gallery_plus").parent().css("margin-left", (-($("#dmd_zoom_gallery_plus").parent().outerWidth()/2))+"px"); } else { $("#dmd_zoom_gallery_plus").parent().css("position", "absolute"); $("#dmd_zoom_gallery_plus").parent().css("right", "0"); $("#dmd_zoom_gallery_plus").parent().css("left", ""); $("#dmd_zoom_gallery_plus").parent().css("background-color", "transparent"); $("#dmd_zoom_gallery_plus").parent().css("top", "0px"); $("#dmd_zoom_gallery_plus").parent().css("margin-top", (-($("#dmd_zoom_gallery_plus").parent().outerHeight())-5-20)+"px"); $("#dmd_zoom_gallery_plus").parent().css("margin-left", ""); } } if(dmd_mob) { $("#dmd_zoom_gallery_plus").attr("current", currentMax); $("#dmd_zoom_gallery_minus").attr("current", currentMax); $("#dmd_zoom_gallery_plus").css("background-color", "#dadada"); } onScroll(); $(window).scroll(function() { onScroll(); }); $(window).resize(function() { onScroll(); }); </script> <div pagenum = "0" class="grid" id="dmdpano_usergrid" style=""></div> <div pagenum = "0" class="grid" id="dmdpano_favoritesgrid" style="display:none;"></div> <div pagenum = "0" class="grid" id="dmdpano_privatefeedgrid" style="display:none;"></div> <div style="width:100%; text-align:center; padding:10px 0px;"><img id="dmdpano_loading" src="https://static.dermandar.com/design/images/dmd_more.gif" style="margin:auto; width:24px; height:24px;"/></div></div> <script type="text/javascript">var DMD_JS_EMBED_VERSION="107.17.38";</script> <script src="//www.dermandar.com/js/nmain.js?v=1.1.174"></script> <script>var dmdpano_isGrid = true;window.addEventListener("resize", onResize, false);</script> <script> function beginLoading(){ pageLimit = 24; loadMore(); var beginTimer=setInterval(function(){beginLoadingTimer()},500);}function beginLoadingTimer() { var scrollBoolean = isScrolled(); var lm=document.getElementById(prefix+type+"grid").getAttribute("lm"); var cLM=(lm==null?true:(lm=="false"?false:true));//(typeof(canLoadMore)=="undefined")?true:canLoadMore; if(!scrollBoolean && !dmd_isLoadingNext && cLM) { loadMore(); }else{ if(typeof beginTimer != 'undefined'){clearInterval(beginTimer);} }}beginLoading();</script> <script>function showhidetabsmenu(){var obj = document.getElementById('tabsmenu');if(obj != null){if( !obj.style.opacity || obj.style.opacity=='0'){show(obj);}else{hide(obj);}}return false;}function hide(obj) { obj.animate = dmd_animate; obj.animate({'opacity':'0'}, 100, function() { obj.style.display="none";}); return true; } function show(obj) { obj.animate = dmd_animate; obj.style.display="block"; obj.animate({'opacity':'0'}, 0, function() {}); obj.animate({'opacity':'1'}, 100, function() {}); return true; } function hidetabsmenu() { var obj = document.getElementById('tabsmenu');if(obj != null){hide(obj);}} </script></div></div></div><div class="footer"></div> </body></html> <script>var pcnt=" (0)" ;var fcnt=" (0)" ;var pfeedcnt=" (0)" ;document.getElementById('dmdpano_user').firstChild.innerHTML = 'Panoramas of:\u00A0"powertoad9"'+pcnt ; ; ;var dmdpano_isGrid = true;window.addEventListener("resize", onResize, false); </script><script>function showhidetabsmenu(){var obj = document.getElementById('tabsmenu');if(obj != null){if( !obj.style.opacity || obj.style.opacity=='0'){show(obj);}else{hide(obj);}}return false;}function hide(obj) { obj.animate = dmd_animate; obj.animate({'opacity':'0'}, 100, function() { obj.style.display="none";}); return true; } function show(obj) { obj.animate = dmd_animate; obj.style.display="block"; obj.animate({'opacity':'0'}, 0, function() {}); obj.animate({'opacity':'1'}, 100, function() {}); return true; } function hidetabsmenu() { var obj = document.getElementById('tabsmenu');if(obj != null){hide(obj);}} function openProfile(a,user,id){ a.href = "//www.dermandar.com/user/" + user + "/" + id + window.location.hash;}</script> </html> 
