neocities/views/profile_mockup.erb

<div class="header-Outro with-site-image">
  <div class="row content">
    <div class="col col-50 signup-Area large">
      <div class="signup-Form">
  	  <fieldset class="content">
        <img class="screenshot" src="http://neocities.org/site_screenshots/codeventurer.jpg" style="width: 358px;height: 215px;">
	    </fieldset>
      </div>
    </div>
    <div class="col col-50">
      <h2 class="eps title-with-badge"><span>Derp's Website</span><a href="/plan" class="supporter-badge" title="Neocities Supporter"></a></h2>
      <p class="site-url" style="margin-top: -9px;"><a href="http://<%= current_site.username %>.neocities.org" target="_blank">http://<%= current_site.username %>.neocities.org</a></p>
      <div class="stats">
        <div class="stat"><strong>23.5K</strong> <span>visitors</span></div>
        <div class="stat"><strong>342</strong> <span>followers</span></div>
        <div class="stat tips"><strong>7</strong> <span>tips</span></div>
      </div>
      <div class="actions">
        <a href="" class="btn-Action follow"><span>Follow</span></a>
        <a href="" class="btn-Action tip"><span>Tip</span></a>
        <a href="" class="btn-Action share"><span>Share</span></a>
      </div>
    </div>
  </div>
</div>

<div class="container">
<div class="content misc-page columns right-col"><div class="col-left">
  <div class="col col-66">
    
    <div class="post-comment">
      <input class="" type="text" placeholder="Post on Derp's profile...">
      <a href="" class="btn-Action">Post</a>
    </div>
    
    <div class="news-item follow">
      <div class="title">
        <div class="icon"></div>
        <a href="" class="user">Derp</a> followed <a href="" class="user">Foo's</a> website<span class="date">7h</span>
      </div>
    </div>
    
    <div class="news-item tip">
      <div class="title">
        <div class="icon"></div>
        <a href="" class="user">Derp</a> tipped <a href="" class="user">Foo's</a> website: <a href="" class="comment">Wow, great work here! Please keep updating :)</a><span class="date">Apr 23</span>
      </div>
    </div>
    
    <div class="news-item comment">
      <div class="title">
        <div class="icon"></div>
        <a href="" class="user">Derp</a> commented on <a href="" class="user">victoria's</a> website: <a href="" class="comment">I had a question - how did you make it so that the...</a>
        <span class="date">Apr 20</span>
      </div>
    </div>
    
    <div class="news-item follow">
      <div class="title">
        <div class="icon"></div>
        <a href="" class="user">Derp</a> followed <a href="" class="user">victoria's</a> website<span class="date">Apr 7</span>
      </div>
    </div>
    
    <div class="news-item update">
      <div class="title">
        <div class="icon"></div>
        <a href="" class="user">Derp</a> made an update <span class="date">Apr 7</span>
      </div>
      <div class="content">
        <div class="files">
          <div class="file">
            <div class="html-thumbnail misc"><a href=""><span class="misc-icon">css</span><span class="title">styles.css</span></a></div>
          </div>
          <div class="file">
            <div class="html-thumbnail html"><a href=""><img src="http://neocities.org/site_screenshots/codeventurer.jpg"><span class="title">styles.css</span></a></div>
          </div>
          <div class="file">
            <div class="html-thumbnail misc"><a href=""><span class="misc-icon">js</span><span class="title">styles.css</span></a></div>
          </div>
          <div class="file">
            <div class="html-thumbnail image"><a href=""><img src="/site_thumbnails/victoria/constructioncat2.png.105x63.png"><span class="title">cat.jpg</span></a></div>
          </div>
          <div class="file">
            <div class="html-thumbnail misc"><a href=""><span class="misc-icon">js</span><span class="title">styles.css</span></a></div>
          </div>
        </div>
        <div class="actions"><a href="">Like (1)</a> <a href="">Reply</a></div>
      </div>
    </div>
    
    <div class="news-item comment for-me">
      <div class="title">
        <div class="icon" style="background-image:url(https://neocities.org/site_screenshots/codeventurer.jpg);"></div>
        <a href="" class="user">Foo</a> 
        <span class="date">Apr 7</span>
        <div class="comment">Your site is amazing. Very helpful information. Would love to see more updates if you have time. Your site is amazing. Very helpful information. Would love to see more updates if you have time. </div>
      </div>
      <div class="content">
        <div class="actions"><a href="">Like (1)</a> <a href="">Reply</a></div>
        <div class="comments">
          <div class="comment">
            <img class="avatar" src="https://neocities.org/site_screenshots/victoria.jpg">
            <a href="" class="user">victoria</a> Indeed, it's great!<span class="date">Apr 7</span>
            <div class="actions"><a href="">Like (1)</a></div>
          </div>  
        </div>
      </div>
    </div>
    
    <div class="news-item comment">
      <div class="title">
        <div class="icon"></div>
        <a href="" class="user">Derp</a> commented on <a href="" class="user">Foo's</a> website: <a href="" class="comment">I had a question - how did you make it so that the...</a>
        <span class="date">Apr 7</span>
      </div>
    </div>
    
    <div class="news-item tip for-me">
      <div class="title">
        <div class="icon" style="background-image:url(https://neocities.org/site_screenshots/victoria.jpg);"></div>
        <a href="" class="user">victoria</a> tipped .01 BTC
        <span class="date">Apr 7</span>
        <div class="comment">Hey, this looks great!</div>
      </div>
      <div class="content">
        <div class="actions"><a href="">Like (1)</a> <a href="">Reply</a></div>
      </div>
    </div>  
    
  </div>
  
  <div class="col col-33">
    <h3>Website Stats</h3>
    <div class="stats">
      <div class="stat"><span>Last updated</span><strong><%= current_site.updated_at.ago %></strong></div>
      <div class="stat"><span>Total updates</span><strong>265</strong></div>
      <div class="stat"><span>Created</span><strong>December 4, 2013</strong></div>
    </div>
    
    <h3>Archives</h3>
    <div class="archives">
    <a href=""><img src="http://neocities.org/site_screenshots/codeventurer.jpg"></a>
    <a href=""><img src="http://neocities.org/site_screenshots/codeventurer.jpg"></a>
    <a href=""><img src="http://neocities.org/site_screenshots/codeventurer.jpg"></a>
    <a href=""><img src="http://neocities.org/site_screenshots/codeventurer.jpg"></a>
    <a href="" class="more">See all versions</a>
    </div>
    
    <h3>Following</h3>
    <div class="following">
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
      <a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
    </div>
    
    <h3>Tags</h3>
    <a class="tag" href="http://neocities.org">Games</a>
    <a class="tag" href="http://neocities.org">Anime</a>
    <a class="tag" href="http://neocities.org">Art</a>
    <a class="tag" href="http://neocities.org">Cooking</a>
    <a class="tag" href="http://neocities.org">Games</a>
    <a class="tag" href="http://neocities.org">Anime</a>
    <a class="tag" href="http://neocities.org">Art</a>
    <a class="tag" href="http://neocities.org">Cooking</a>
    
    <div class="report">
      <a href="">Report</a> | <a href="">Block</a>
    </div>
  </div>
</div></div>
</div>