neocities/views/home_mockup.erb

<div class="header-Outro with-columns">
  <div class="row content">
    <div class="col col-66">
      <h3>My Feed</h3>
      <p><a href="">All Activity</a>  <a href="">Activity on your profile</a></p>
    </div>
    <div class="col col-33">
      <h3>My Website</h3>
    </div>
  </div>
</div>

<div class="content misc-page columns">
  <div class="page-with-columns">
  <div class="col col-66">
    <div class="welcome">
      <h4>Welcome to your Neocities news feed!</h4>
      <p>You aren't following any websites yet! Once you do, updates will show up here and you can like and comment on them. Here are some website suggestions based on your tags, or <a href="/browse">check out all the sites on Neocities!</a></p>
    </div>
    
    <div class="site-suggestion">
      <div class="site-portrait">
        <a href="http://dragonquest.neocities.org">
          <img src="http://neocities.org/site_screenshots/dragonquest.jpg">
          <span class="caption">dragonquest</span>
        </a>
      </div>
      <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>
    
    <div class="site-suggestion">
      <div class="site-portrait">
        <a href="http://dragonquest.neocities.org">
          <img src="http://neocities.org/site_screenshots/dragonquest.jpg">
          <span class="caption">dragonquest</span>
        </a>
      </div>
      <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>
    </div>
    
    <div class="site-suggestion">
      <div class="site-portrait">
        <a href="http://dragonquest.neocities.org">
          <img src="http://neocities.org/site_screenshots/dragonquest.jpg">
          <span class="caption">dragonquest</span>
        </a>
      </div>
      <a class="tag" href="http://neocities.org">Games</a>
      <a class="tag" href="http://neocities.org">Anime</a>
    </div>
    
    <div class="site-suggestion">
      <div class="site-portrait">
        <a href="http://dragonquest.neocities.org">
          <img src="http://neocities.org/site_screenshots/dragonquest.jpg">
          <span class="caption">dragonquest</span>
        </a>
      </div>
      <a class="tag" href="http://neocities.org">Games</a>
    </div>
    
    <div class="site-suggestion">
      <div class="site-portrait">
        <a href="http://dragonquest.neocities.org">
          <img src="http://neocities.org/site_screenshots/dragonquest.jpg">
          <span class="caption">dragonquest</span>
        </a>
      </div>
      <a class="tag" href="http://neocities.org">Games</a>
      <a class="tag" href="http://neocities.org">Anime</a>
    </div>
    
    <div class="site-suggestion">
      <div class="site-portrait">
        <a href="http://dragonquest.neocities.org">
          <img src="http://neocities.org/site_screenshots/dragonquest.jpg">
          <span class="caption">dragonquest</span>
        </a>
      </div>
      <a class="tag" href="http://neocities.org">Games</a>
    </div>
    
  </div>
  <div class="col col-33">
    <p class="site-url"><a href="http://<%= current_site.username %>.neocities.org" target="_blank">http://<%= current_site.username %>.neocities.org</a></p>
    <div>Last updated <strong><%= current_site.updated_at.ago %></strong></div>
    <div><strong><%= current_site.hits.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %></strong> hits
      24 followers
      3 tips ($13.55)
    
    <a href=""><img src="http://neocities.org/site_screenshots/codeventurer.jpg" style="width:340px"></a>
    
    <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>
  </div>
</div>