View Source code:

Tidy UP & Clean HTML Code - View Source of http://publishme.se

<!doctype html>
<!--[if lt IE 7]> <html lang="sv" class="no-js ie ie6"> <![endif]-->
<!--[if IE 7]>    <html lang="sv" class="no-js ie ie7"> <![endif]-->
<!--[if IE 8]>    <html lang="sv" class="no-js ie ie8"> <![endif]-->
<!--[if IE 9]>    <html lang="sv" class="no-js ie ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="sv" class="no-js  responsive "> <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
    <meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <meta name="apple-itunes-app" content="app-id=466438809">

    <title>Logga in</title>
    
    <link rel="shortcut icon" href="/static/favicon.ico">
    <link rel="stylesheet" href="/static/css/main.css">
    <link rel="stylesheet" href="/static/css/clean.css">
    
    <script type="text/javascript" src="/static/js/lib/modernizr-2.0.6.js" ></script>

    

    <!--[if IE]>
    <link rel="stylesheet" href="/static/css/ie.css">
    <![endif]-->

     
    <link rel="stylesheet" href="/static/css/login.css">

<style> 

</style> 


</head>
<body id="main-login" class="external-slim ">

    <div class="container">
        <div id="topContent">
            <div id="img-holder">
                
                    <img src="/static/img/blogg_se.png">
                
            </div>
        </div>
        <div id="content">
            <form method="POST" action="?">
                <input name="_csrf_token" type="hidden" value="f5745c8a54a6a5c12691305584b52b10cbdae78a" id="_csrf_token">

                


<div id="logincontainer">
  <div class="slimwrap">
      <h3>Logga in</h3>
      <input type="hidden" name="fromurl" value="">
      <div class="clearfix" id="user-container">
        <label>
            Användare
            <p class="small help-block">
                <a href="#" id="user-other-login">Är du någon annan?</a>
            </p>
        </label>
        <div class="input">
        </div>
        <div style="clear: both"></div>
      </div>
      <div class="clearfix" data-error-placement="before">
          <label>E-postadress:</label>
          <div class="input"><input name="username" type="text" id="usernamefield" placeholder="Användarnamn"/></div>  
      </div>
      <div class="clearfix">
          <label>Lösenord:</label>
          <div class="input"><input name="password" type="password" class="passwordfield" placeholder="Lösenord"/></div>
      </div>

      <div><input type="submit" value="Logga in" class="btn success large"/></div>
      <span class="help-block" id="rememberme">
          <input type="checkbox" name="remember_me" id="remember_me">
          <label for="remember_me" id="rememberme">Kom ihåg mig</label>
          <a href="/login/password_recover/" id="forgotpassword">Glömt lösenordet?</a>
      </span>

      <div class="signupcontainer small">
          <p>Har du inget konto? <a class="btn primary" href="/signup/">Bli medlem</a></p>
      </div>
  </div>
  
  
  <div id="related-container">
      <ul id="related-content">
      </ul>
  </div>
  

</div>
<!--
<div class="clearfix">
  <div class="input">
    <h3 style="color:#808080">Logga in</h3>
  </div>
</div>

<div class="clearfix" id="user-container">
  <label>
      Användare
      <p class="small help-block">
          <a href="#" id="user-other-login">Är du någon annan?</a>
      </p>
  </label>
  <div class="input">
  </div>
</div>
<div class="clearfix" id="email-container">
  <label>E-postadress</label>
  <div class="input">
    <input type="text" name="username" id="id_username" class="span5">
  </div>
</div>
<div class="clearfix" style="clear:both;">
  <label>Lösenord</label>
  <div class="input">
    <div class="input-prepend">
      <span class="add-on"><span class="ui-icon ui-icon-locked" style="margin:0"></span></span>
      <input type="password" name="password" id="id_password" class="span5">
    </div>

    <span class="help-block">
      <input type="checkbox" name="remember_me" id="remember_me">
      <label for="remember_me">Kom ihåg mig</label>
    </span>
  </div>
</div>
<div class="clearfix">
  <div class="input span5">
    <input type="submit" class="btn success" value="Logga in">
    <a href="/login/password_recover/" class="pull-right ajax" style="margin-top:10px;">
        Glömt lösenordet?
    </a>
  </div>
</div>

<div class="alert-message block-message warning">
  <a href="/signup/" class="btn" rel="twipsy" title="Det är helt gratis att starta en blogg!">Bli medlem</a>
  <span class="help-inline">Gå med i Sveriges största bloggnätverk du också!</span>
</div>
-->


            </form>
        </div>
    </div>
    
    

    


    <script type="text/javascript" src="/static/js/packed.js?v=19.1118.1410%2B78cb132.release"></script>


<!--[if lte IE 8]><script type="text/javascript" src="/static/js/lib/excanvas.min.js"></script><![endif]-->

<script>
    
    
    bse.g = {};
    
    bse.currentBlog = null;
    bse.currentID = null;
    bse.currentUser = null;

    bse.sidebar = '6a0a4d04';
    bse.menupath = '/menu.html';


$(document).ready(function() {
    $.storage = new $.store();

    data = {};


    bse.showNotifications(data);

    $("#topAlert a.close").on('click', function() {
        if ( $(this).attr("data-id") ) {
            $.getJSON("/closemessage/" + $(this).attr("data-id") + "/json", function(data) {
                console.log(data);
            });
        }
    });


$('#blogswitcher').on('click', '.blog_link', function(e) {
    e.preventDefault();
    
    var current_address = window.location.pathname,
        current_blog = bse.currentBlog,
        add_path_temp = current_address.split('/'),
        add_path = [],
        re = /[?\d]/g;
    
    //  prepares path for checking by removing empty elements
    for (var i in add_path_temp) {
        if(add_path_temp[i]) {
            add_path.push(add_path_temp[i]);
        } 
    }

    if(add_path[0] == current_blog && add_path.length > 1) {   // checks for blog_address in current path
     
        add_path.splice(0,1);   // gets all the stuff after blogg address  (*.se/ ____ )

        if(add_path[add_path.length-1].match(re)) {   // removes last argument if not standard     
            add_path.pop();  //  pops that argument from array
        }

        // checks for various exceptions
        if(add_path[0] === 'imagedetails') {
            add_path = ['images'];
        } else if([add_path[0], add_path[1]].join('/') === 'comments/post') { 
            add_path = ['comments','all'];
        }

        add_path = add_path.join('/');
    } else {
        add_path = "";
    }

    window.location.href = $(this).attr('href') + add_path;
    return false;
});   


$("#linkSidebarReload").live('click', function() {
    bse.reloadSidebar();
    return false;
});

$("#cube .memberspot-element > a").live('click', function() {
    $.getJSON("/api/memberspot/click.json?id=" + $(this).attr("data-oid"), function(data) {
    });
});

    bse.feedback.init();
    bse.likes.init();


    var showWarning = false;
    var version = $.browser.version.split('.');
    var major = parseInt(version[0], 10);
    var minor = parseInt(version[1], 10);
    if ($.browser.msie && major < 8) {
        showWarning = true;
    } else if ($.browser.mozilla && major < 7) {
        showWarning = true;
    /*} else if ($.browser.webkit && major <= 533) {
        showWarning = true;*/
    }
    if (showWarning) {
        $.getJSON("/upgradebrowser/json", function(data) {
            $warning = $(data.content).css("display", "none");
            $("#pageContainer").before($warning);
            $warning.slideDown();
        });
    }


    shortcutMenu_timer = null;
    $(document).bind('keydown', function (evt){
        if (evt.target.tagName != 'BODY') return;
        if (!bse.currentBlog) return;
        if (evt.altKey) {
            $('#shortcutMenu').css({
                position: 'fixed',
                top: '200px',
                left: parseInt(($('body').width()/2)-($('#shortcutMenu').width()/2)) + 'px'
            });
            shortcutMenu_timer = setTimeout(function() {
                $('#shortcutMenu').fadeIn(100);
            }, 0);

        }
    }).bind('keyup', function (evt){
        if (shortcutMenu_timer) {
            clearTimeout(shortcutMenu_timer);
            shortcutMenu_timer = null;
        }
        $('#shortcutMenu').stop().fadeOut(100);
    });
    $(window).blur( function() {
        if (shortcutMenu_timer) {
            clearTimeout(shortcutMenu_timer);
            shortcutMenu_timer = null;
        }
        $('#shortcutMenu').stop().fadeOut(100);
    });
    
    $("#shortcutMenu a").on('click', function(e) {
        e.preventDefault();
        bse.gotoURL("/" + bse.currentBlog + $(this).attr("data-url"));
        $('#shortcutMenu').hide();
    });




    bse.memberspot.init( 3, 10 );

});
</script>

<div id="shortcutMenu" style="display: none;">
    <ul>
        <li><a href="#" id="shortcutLink_Entry" data-url="/entry/"><span class="icon create-post"></span>Skriv inlägg</a></li>
        <li><a href="#" id="shortcutLink_Comments" data-url="/comments/new/"><span class="icon comments"></span>Kommentarer</a></li>
        <li><a href="#" id="shortcutLink_Upload" data-url="/images/"><span class="icon upload-pic"></span>Ny bild</a></li>
        <li><a href="#" id="shortcutLink_Design" data-url="/editor/"><span class="icon change-design"></span>Design</a></li>
        <li><a href="#" id="shortcutLink_Settings" data-url="/settings/"><span class="icon settings"></span>Inställningar</a></li>
    </ul>
</div>


    
<script>

$(document).ready(function() {

    if ( $.storage ) {
        displayAvatars();
    }

    $("#user-container .input .avatar-container").on('click', function() {
        if ($(this).hasClass("selected")) return false;

        $("#user-container .input .avatar-container").removeClass("selected");
        $(this).addClass("selected");

        $("#usernamefield").val( $(this).find("p.username").attr("name") );

        return false;
    })
    $("#user-other-login").on('click', function() {
        $("#user-container").hide();
        $("#email-container").show();
        $(".passwordfield").val("");
        $("#usernamefield").val("").focus();
        return false;
    });
    
    bse.form.beforeRedirect = function(response) {
      if ( $.storage ) {
        // alert(response.avatar);

        var namelist = $.storage.get("login_username");
        if (!namelist) {
            namelist = [];
        }
        if ( $("#remember_me").attr("checked") ) {
          var in_list = false;
          for (i in namelist) {
            if (namelist[i].email == $("#usernamefield").val()) {
              in_list = true;
              break;
            }
          }
          if (!in_list) {
            namelist.push({email: $("#usernamefield").val(), avatar: response.avatar}); 
            if (namelist.length > 3) {
              namelist.splice(0,1);
            }
            $.storage.set( "login_username", namelist );
          }
        } else {
          for (i in namelist) {
            if (namelist[i].email == $("#usernamefield").val()) {
              namelist.splice(i,1)
              if (namelist.length == 0) {
                  $.storage.del( "login_username" );
              } else {
                  $.storage.set( "login_username", namelist );
              }
            }
          }
            /*var pos = namelist.indexOf($("#usernamefield").val());
            if (pos != -1) {
                namelist.splice(pos,1)
                if (namelist.length == 0) {
                    $.storage.del( "login_username" );
                } else {
                    $.storage.set( "login_username", namelist );
                }
            }*/
        }
      }
    }

    $("#usernamefield").focus();

      $.getJSON("http://blogg.se/_api/similar_articles/?limit=6", function(data) {
          for (article in data) {
              var schema = [{"{likes}": data[article].likes, "{link}": data[article]['link'], "{image-url}": data[article].image.url}],
                  tpl = $("#related-article").html();
              try {
                  var host = data[article]['link'].match(/http:\/\/(.*?)\//)[0];
                  if ( host.indexOf('http://blogg.se') == -1 && host.indexOf('http://myeveryday.se') == -1 && host.indexOf('emediate.dk') == -1 )
                    data[article]['link'] = host + "_muffin/?id=" + data[article].id + "&s=" + data[article]['link'];
              } catch(e) {}
              tpl = tpl.replace(/{likes}/, data[article].likes);
              tpl = tpl.replace(/{link}/, data[article]['permalink']);
              tpl = tpl.replace(/{image-url}/, data[article].image.url);
              tpl = tpl.replace(/{title}/, data[article].title);
              $("ul#related-content").append(tpl);
          }
      });
    
});
function displayAvatars() {
  var userlist = $.storage.get("login_username");
  if ( userlist ) {
    if (typeof(userlist[0])=='string') {
      $.storage.del( "login_username" );
      return false;
    }
    $("#usernamefield").val( userlist[0].email );
    $("#remember_me").attr("checked", "checked");

    for (i in userlist) {
      var user = userlist[i];
      if (user) {
        var userIcon = '<div class="avatar-container">';
        userIcon += '<img src="/avatars/'+user.avatar+'_60.jpg" class="comment-avatar" align="absmiddle">';
        userIcon += '<p class="username" name="'+user.email+'">' + user.email.substr(0, user.email.indexOf('@')) + '</p></div>';
        $("#user-container .input").append(userIcon);
      }
    }
    $("#user-container .avatar-container:first").addClass("selected");
    $("#user-container").show();
    $("#email-container").hide();
  }

  return true;
}
</script>


<script type="text/template" id="related-article">
  <li>
    <span class="likes"><i class="heart">♥</i> {likes}</span>
    <a href="{link}">
      <span class="image" style="background-image: url({image-url});"></span>
      <header>{title}</header>
    </a>
  </li>
</script>



    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-2043206-15', 'auto');
  ga('send', 'pageview');

  ga('create', 'UA-116481816-1', 'auto', {'name': 'global'});
  ga('global.send', 'pageview');

</script>


</body>
</html>