docluv

<div id="heart" ></div>
<span class="logo-text" >Love2Dev</ span>

docluv

#heart {

position: relative ;

margin: 20px 0 0 0 ;

height: 60px ;

color: #fff ;

docluv

@media ( max-width:600px) {

.main-content {

top: 60px ;

    }

.logo {

docluv

@if (Request. Browser.Type == "IE8" || Request.Browser .Type == "IE7" ){

<img src="~/img/h/apple-touch-icon.png" alt="Love2Dev - Chris Love's Web Development Blog" />

}else{

<div id="heart" ></div>
<span class="logo-text" >Love2Dev</ span>

}

docluv

<script id="movie-list-template" type="text/x-handlebars-template">
{{each}}
     <div>
          <h1>{{title}}</h1>
          <img src="{{poster}}" alt="{{title}}"/>
     </div>
{{/each}}
</script>

docluv

$.ajax({
            cache: false,
            type: "GET",
            dataType: "json",
            url: "[supply the target URL here]",
            success: function (d) {
                              //do something here
                         }
        });

docluv

function swap(newView, oldView) {
    var newView = document.getElementById(newView),
        oldView = document.getElementById(oldView),
        viewWrapper = document.getElementById("viewWrapper");
    oldView.classList.remove("current-view");
    newView.classList.add("current-view");
    viewWrapper.appendChild(newView);
}

docluv

currentView.classList.remove("current-view");
newView.classList.add("current-view");

docluv

.app-view {
    display: none;
}
.current-view {
    display: block;
}

docluv

<section id="articleview" class="content-pane" role="article" data-title="" 
  data-transition="flip" 
  data-callback="l2d.loadArticleView" 
  data-path="article\:slug">

{article structure goes here}

</section>