More work on profile mockup

public/assets/css/_project-sass/_project-Main.scss

@@ -92,7 +92,10 @@
   -moz-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
   -webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
   box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
-  border: 3px solid white;
+  border: 4px solid white;
+}
+.interior .signup-Area.large img {
+  border: 6px solid white;
 }
 .interior .header-Outro .screenshot {
   width:235px;height:141px;
@@ -365,10 +368,16 @@
   position: relative;
   border-right: 1px solid #ddd;
 }
-.right-menu {
+.right-col {
   background: #FAF6F1;
 }
-.right-menu .col-left {
+.content.misc-page .col-33 h3 {
+  font-size: 1.5em;
+}
+.content.misc-page .col-33 h3:nth-of-type(1) {
+  margin-top: 0;
+}
+.right-col .col-left {
   background-color: white;
   right: 33%;
 }
@@ -631,7 +640,7 @@ a.tag:hover {
   color: #999;
 }
 .interior .header-Outro .actions a {
-  margin-right: 7px;
+  margin-right: 6px;
 }
 .interior .header-Outro .stats {
   margin-bottom: 1.2em;
@@ -665,9 +674,68 @@ a.tag:hover {
 .btn-Action.tip span {
   background-image: url(../img/tip.png);
   padding-left: 26px;
-  background-position-y: 1px;
+  background-position-y: -1px;
 }
 .btn-Action.share span {
   background-image: url(../img/share.png);
   padding-left: 26px;
+}
+.col-33 .stats .stat {
+  margin-bottom: .4em;
+}
+.col-33 .stats .stat span {
+  width: 10em;
+  float: left;
+}
+.archives {
+  float: left;
+  width: 100%;
+  margin-bottom: 2em;
+}
+.archives img {
+  float: left;
+  border: 3px solid white;
+  -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
+  -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
+  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3); 
+  width: 72px;
+}
+.archives img {
+  margin-right: 10px;
+}
+.more {
+  float: left;
+  clear: both;
+  margin-top: 1em;
+  font-size: .8em;
+}
+.post-comment {
+  background: #DAEEA5;
+  float: left;
+  width: 111%;
+  padding: 20px 0 10px 30px;
+  margin: -25px 0 28px -30px;
+}
+.post-comment input {
+  width: 84%;
+  float: left;
+}
+.post-comment .btn-Action {
+  margin-left: 10px;
+  margin-top: 4px;
+}
+.supporter-badge {
+  background:url(../img/supporter.png);
+  width: 99px;
+  height: 26px;
+  float: left;
+  margin-top: 7px;
+  margin-left: 10px; 
+}
+.title-with-badge {
+  float: left;
+  width: 100%;
+}
+.title-with-badge span {
+  float: left;
 }

views/home_mockup.erb

@@ -12,7 +12,7 @@
 </div>
 
 <div class="container">
-<div class="content misc-page columns right-menu"><div class="col-left">
+<div class="content misc-page columns right-col"><div class="col-left">
   <div class="col col-66">
     <% if false %>
     <div class="welcome">

views/profile_mockup.erb

@@ -8,7 +8,7 @@
       </div>
     </div>
     <div class="col col-50">
-      <h2 class="eps">Derp's Website</h2>
+      <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>
@@ -25,9 +25,14 @@
 </div>
 
 <div class="container">
-<div class="content misc-page columns right-menu"><div class="col-left">
+<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>
@@ -128,16 +133,19 @@
   <div class="col col-33">
     <h3>Website Stats</h3>
     <div class="stats">
-      <div class="col col-50">Last updated<br><strong><%= current_site.updated_at.ago %></strong></div>
+      <div class="stat"><span>Last updated</span><strong><%= current_site.updated_at.ago %></strong></div>
-      <div class="col col-50">
+      <div class="stat"><span>Total updates</span><strong>265</strong></div>
-        <div><strong><%= current_site.hits.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %></strong> hits</div>
+      <div class="stat"><span>Created</span><strong>December 4, 2013</strong></div>
-        <div><strong>24</strong> followers</div>
-        <div><strong>3</strong> tips</div>
-      </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">