save

gistflow · Apr 1, 2013 · 666cc92 · 666cc92
1 parent 71eaeae
commit 666cc92
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 11 deletions.
diff --git a/app/assets/images/octocat.png b/app/assets/images/octocat.png
diff --git a/app/assets/stylesheets/styles.less b/app/assets/stylesheets/styles.less
@@ -836,11 +836,6 @@ div#flash {
   padding: 16px 0;
   overflow: hidden;
   position: relative;
-
-  &:hover .about-ears {
-    bottom: -98px;
-    .transition(1s);
-  }
 }
 
 .about-title {
@@ -851,12 +846,14 @@ div#flash {
   margin: 0;
   font-size: @size;
   line-height: @size;
+  text-shadow: 1px 1px 0 white;
 }
 
 .about-description {
   margin: 0;
   font-style: italic;
   margin-bottom: 10px;
+  text-shadow: 1px 1px 0 white;
 }
 
 .about-title, .about-description, .about-join {
@@ -873,23 +870,42 @@ div#flash {
     border: 1px solid #d4d4d4 * 0.9;
     text-shadow: 1px 1px 0 #fff; 
     .gradient(#f4f4f4, #ececec);
+    .transition(1s);
   }
 
   a:active {
     color: darkgreen;
   }
 }
 
-.about-ears {
+.about:hover {
+  .about-ears, .about-ears-mirror {
+    bottom: -58px;
+    left: -77px;
+    .transition(1s);
+  }
+  .about-ears-mirror {
+    left: 77px;
+  }
+}
+
+.about-ears, .about-ears-mirror {
   font-size: 120px;
   position: absolute;
   z-index: 10;
-  bottom: -156px;
-  left: 0;
+  bottom: -118px;
+  left: -137px;
   width: 218px;
   text-align: center;
   color: #eee;
-  background: url('octocat.png') no-repeat 10px 0;
-  background-size: 200px 166px;
+  background: url('octocat.png') no-repeat center center;
+  background-size: 160px 133px;
   height: 166px;
+  -webkit-transform:rotate(45deg);
+}
+
+.about-ears-mirror {
+  bottom: -118px;
+  left: 137px;
+  -webkit-transform:rotate(-45deg);
 }
diff --git a/app/views/layouts/new_application.html.slim b/app/views/layouts/new_application.html.slim
@@ -17,6 +17,8 @@ html
         - if user_signed_in?
           div class="row"
             h1 class="main-logo" = link_to 'Gistflow', '/'
+        - else
+
       div class="main-row" = yield
       footer class="main-footer"
 

diff --git a/app/views/users/show.html.slim b/app/views/users/show.html.slim
@@ -9,19 +9,38 @@ div class="row"
       = render 'shared/profile'
       = render 'shared/follow'
     - else
+      section class="profile"
+        header
+          div class="profile-avatar"
+            = avatar_image @user, 160
+          h1 class="profile-title"
+            = @user.username
+          div class="clear"
+        nav class="profile-stats"
+          ul
+            li
+              span class="profile-stats-stat" Posts
+              span class="profile-stats-value" = @user.posts.not_private.count
+            li
+              span class="profile-stats-stat" Followers
+              span class="profile-stats-value" = @user.followers.count
+            li
+              span class="profile-stats-stat" Likes
+              span class="profile-stats-value" = @user.rating
       section class="about"
         header
           h1 class="about-title" Gistflow
         p class="about-description" Social network for developers
         div class="about-join"
           = link_to 'Sign up', auth_path, class: 'button button-primary'
         div class="about-ears"
+        div class="about-ears-mirror"
     = render 'shared/footer'
 
   div class="right-column"
     section class="posts"
       header
-        h1 class="posts-title" #{@user.username}'s blog
+        h1 class="posts-title" Blog
 
         - @posts.each do |post|
           = post_article post, class: 'post-preview' do