Paper.li

<tpl for=".">
              <div class="header">
                  <div class="paper-title-wrapper">
                      <div id="paper-favorite-wrapper"></div>
                      <img class="avatar" src="{[this.getPaperAvatarUrl(values.avatar_url)]}" />
                      <div class="paper-title">{title}</div>
                      
                      <tpl if="name!=''">
                          <div class="paper-subtitle">a newspaper by <a href="javascript:paperli.showPublisher('{publisher_id}');">{name}</a></div>
                      </tpl>  
                      <tpl if="name==''"> 
                          <div class="paper-subtitle"> </div>
                      </tpl>  
                </div>
                
                  <div id="paper-subscribe-wrapper"></div>
                  <div id="paper-update-wrapper"></div>
                  <div id="paper-lastupdate" class="lastupdate">Updated {[this.parseDate(values.published_at)]}
                  </div>
                  <br clear="all"/>
              </div>
          </tpl>

<tpl for=".">
              <tpl if="xindex==1">
                  {[this.buildHomeHeader()]}
              </tpl>
              
              <tpl if="id==-1 || id==-3 || id==-4 || total != 0">
              
              <div class="section-wrap" id="section-container-{[this.getSpecialSectionId(values.id)]}">
                  
                  <tpl if="id!=-1">            
                      <tpl if="id!=-3 && id!=-4">
                          <a class="section-name" href="#sections/{[this.getSpecialSectionId(values.id)]}">            
                              </tpl>            
                      <tpl if="id==-3 || id==-4">
                          <a class="section-name" href="#sections/{[this.getSpecialSectionId(values.id)]}/0">            
                              </tpl>            
                      <tpl if="name!='null'">
                          {name}
                      </tpl>
                      <tpl if="!name">
                          {[this.getSectionName(values.id)]}
                      </tpl>
                      
                      <span class="arrow"></span>
                      </a>
                  </tpl>
                  
                  
                  <tpl if="id==-1"> 
                      {[this.buildHeadlines(5)]}
                  </tpl>   
                  <tpl if="id==-3">            
                      <div id="photos"></div>
                  </tpl>   
                  <tpl if="id==-4">                       
                      <div id="medias"></div>
                  </tpl>   
                  
                  
                  <tpl if="id!=-1"> 
                      <div class="articles-wrap">
                          </tpl>    
                  <tpl for="articles">
                      <tpl if="parent.id==-1"> 
                          <div class="article-wrap headlines" data-section-id="{parent.id}" data-article-index="{[xindex]}" data-article-id="{id}">
                              </tpl>
                      <tpl if="parent.id!=-1"> 
                          <tpl if="xindex!=xcount"> 
                              <div class="article-wrap" data-section-id="{parent.id}" data-article-index="{[xindex]}"  data-article-id="{id}">
                                  </tpl>
                          <tpl if="xindex==xcount"> 
                              <div class="article-wrap last" data-section-id="{parent.id}" data-article-index="{[xindex]}"  data-article-id="{id}">
                                  </tpl>
                      </tpl>
                      
                      <div class="article-title">{title}</div>
                      <span class="source-username">
                          <tpl if="tld && tld!='null'">
                              <span class="tld">{tld} - </span>
                          </tpl>
                          spotted by {source_username}
                      </span>  
                      
                      <br clear="all"/>
                      </div>
          </tpl>
          <tpl if="id!=-1"> 
              </div>            
          </tpl>

</div>
          
          </tpl>
          
          
          <tpl if="xindex==xcount">              
              
            <tpl if="!this.isNativeApp()">              
              <div id="footer-ghost" class="footer">
                  <a href="http://paper.li?nomo=1" class="logo"></a>
                  <a href="javascript:void(0)" onclick="paperli.controllers.mainController.gotoFullSite();">Standard view</a> | Mobile Edition
                  <br/>            
                  <br/>                
                  <a href="http://paper.li/?nomo=1">Check out other papers on the newsstand</a>
                  <br/>                
                  <br/>                
                  <a href="http://paper.li/introduction.html?nomo=1">© SmallRivers 2011</a>
                  <br/>
                  Paper.li is not affiliated, sponsored or endorsed by Twitter or Facebook.
              </div>   
            </tpl>
            <tpl if="this.isNativeApp()">              
              <div id="footer-ghost" class="footer">
                  <a href="http://paper.li?nomo=1" class="logo"></a>             
                  <br/>                
                  <a href="http://paper.li/introduction.html?nomo=1">© SmallRivers 2011</a>
                  <br/>
                  Paper.li is not affiliated, sponsored or endorsed by Twitter or Facebook.
              </div>

</tpl>
            
          </tpl>
          
          </tpl>

<tpl for=".">      
              <div class="article-zoom-wrap">   
                  <a class="article-title {[this.getArticleTitleCls(values.title)]}" onclick="paperli.openArticle('{url}')"  target="_blank">{title}</a>
                  
                  <tpl if="img && img!='null'">
                      <div class="article-thumb-wrap">
                          <a href="javascript:void(0)" onclick="paperli.openArticle('{url}')" target="_blank">
                              <img class="article-thumb-zoom" src="{[this.getImageUrl(values.img, 300, 150)]}" />
                          </a>    
                      </div>
                  </tpl>  
                  <span class="article-content">
                      <tpl if="tld && tld!='null'">
                         <a class="tld" href="javascript:void(0)" onclick="paperli.openArticle('{url}')" target="_blank">
                        {tld}</a>
                      </tpl>
                      {[this.linkify(values.content)]}
                  </span>
              </div>   
          </tpl>