From b17f54e65c19419c04d84e3b7e59eeb6c630c25a Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Tue, 20 Jun 2017 20:30:55 +0200
Subject: [PATCH] Improved profile page

---
 pages/profile/profile.pixy    |  4 ++--
 pages/profile/profile.scarlet | 35 ++++++++++++++++++-----------------
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/pages/profile/profile.pixy b/pages/profile/profile.pixy
index e8be1dc1..352cbf32 100644
--- a/pages/profile/profile.pixy
+++ b/pages/profile/profile.pixy
@@ -2,10 +2,10 @@ component ProfileHeader(viewUser *arn.User, user *arn.User)
 	.profile
 		img.profile-cover(src=viewUser.CoverImageURL(), alt="Cover image")
 
-		.image-container
+		.image-container.mountable
 			ProfileImage(viewUser)
 		
-		.intro-container
+		.intro-container.mountable
 			h2#nick= viewUser.Nick
 
 			if viewUser.Tagline != ""
diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet
index 4387c9cc..b8784fd0 100644
--- a/pages/profile/profile.scarlet
+++ b/pages/profile/profile.scarlet
@@ -12,8 +12,8 @@ profile-boot-duration = 2s
 	color white
 	text-shadow 0px 0px 2px rgb(0, 0, 0, 0.5)
 
-	default-transition
-	animation appear transition-speed
+	// default-transition
+	// animation appear transition-speed
 
 	overflow hidden
 
@@ -30,13 +30,13 @@ profile-boot-duration = 2s
 		margin-top calc(content-padding * 1.5)
 		padding-left content-padding
 
-animation appear
-	0%
-		transform rotateX(90deg)
-		filter opacity(0) saturate(0) blur(10px)
-	100%
-		transform rotateX(0)
-		filter opacity(1) saturate(1) blur(0)
+// animation appear
+// 	0%
+// 		transform rotateX(90deg)
+// 		filter opacity(0) saturate(0) blur(10px)
+// 	100%
+// 		transform rotateX(0)
+// 		filter opacity(1) saturate(1) blur(0)
 
 .profile-cover
 	position absolute
@@ -49,15 +49,16 @@ animation appear
 	// background-size cover
 	overflow hidden
 	
-	default-transition
-	animation cover-animation profile-boot-duration
-	animation-fill-mode forwards
+	// default-transition
+	// animation cover-animation profile-boot-duration
+	// animation-fill-mode forwards
+	filter brightness(35%) blur(0)
 
-animation cover-animation
-	0%
-		filter brightness(500%) blur(5px)
-	100%
-		filter brightness(35%) blur(0)
+// animation cover-animation
+// 	0%
+// 		filter brightness(500%) blur(5px)
+// 	100%
+// 		filter brightness(35%) blur(0)
 
 .profile-image
 	object-fit cover