From 8a72b76d279e26a7eb29e0254ad622c51475001a Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Fri, 21 Jul 2017 08:09:22 +0200
Subject: [PATCH] New styles

---
 pages/animelist/animelist.scarlet |  3 +-
 pages/profile/profile.go          | 18 ++++++++++++
 pages/profile/profile.pixy        |  5 ++++
 pages/profile/profile.scarlet     | 46 +++++++++++++++++++------------
 scripts/TouchController.ts        |  2 +-
 styles/embedded.scarlet           |  3 ++
 6 files changed, 58 insertions(+), 19 deletions(-)

diff --git a/pages/animelist/animelist.scarlet b/pages/animelist/animelist.scarlet
index 11ae5c7a..f71df96d 100644
--- a/pages/animelist/animelist.scarlet
+++ b/pages/animelist/animelist.scarlet
@@ -19,9 +19,10 @@
 	padding 0
 
 .anime-list-item-image
-	width 27px
+	width 39px
 	height 39px
 	border-radius 2px
+	object-fit cover
 
 .anime-list-item-name
 	flex 1
diff --git a/pages/profile/profile.go b/pages/profile/profile.go
index f809b69b..9950a9ec 100644
--- a/pages/profile/profile.go
+++ b/pages/profile/profile.go
@@ -45,5 +45,23 @@ func Profile(ctx *aero.Context, viewUser *arn.User) string {
 		})
 	})
 
+	openGraph := &arn.OpenGraph{
+		Tags: map[string]string{
+			"og:title":         viewUser.Nick,
+			"og:image":         viewUser.LargeAvatar(),
+			"og:url":           "https://" + ctx.App.Config.Domain + viewUser.Link(),
+			"og:site_name":     "notify.moe",
+			"og:description":   viewUser.Tagline,
+			"og:type":          "profile",
+			"profile:username": viewUser.Nick,
+		},
+		Meta: map[string]string{
+			"description": viewUser.Tagline,
+			"keywords":    viewUser.Nick + ",profile",
+		},
+	}
+
+	ctx.Data = openGraph
+
 	return ctx.HTML(components.Profile(viewUser, user, animeList, threads, posts, tracks, ctx.URI()))
 }
diff --git a/pages/profile/profile.pixy b/pages/profile/profile.pixy
index ce329bf3..733bf09d 100644
--- a/pages/profile/profile.pixy
+++ b/pages/profile/profile.pixy
@@ -43,6 +43,11 @@ component ProfileHeader(viewUser *arn.User, user *arn.User, uri string)
 				p.profile-field.role
 					Icon("rocket")
 					span= arn.Capitalize(viewUser.Role)
+		
+		//- .profile-actions
+		//- 	button.action(data-action="followUser", data-trigger="click")
+		//- 		Icon("user-plus")
+		//- 		span Follow
 	
 	ProfileNavigation(viewUser, uri)
 
diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet
index ff90fc30..3f34e932 100644
--- a/pages/profile/profile.scarlet
+++ b/pages/profile/profile.scarlet
@@ -1,7 +1,8 @@
 profile-boot-duration = 2s
 
 .profile
-	horizontal
+	vertical
+	align-items center
 
 	position relative
 	left calc(content-padding * -1)
@@ -18,23 +19,42 @@ profile-boot-duration = 2s
 	overflow hidden
 
 .profile-field
-	text-align left
+	text-align center
+	
 
 	a
 		color white
 
-< 740px
+.intro-container
+	vertical
+	align-items center
+	margin-top calc(content-padding * 1.5)
+
+.profile-actions
+	horizontal
+
+> 740px
 	.profile
-		vertical
-		align-items center
+		horizontal
+		align-items flex-start
 	
 	.profile-field
-		text-align center
+		text-align left
 
 	.intro-container
-		align-items center
-		margin-top calc(content-padding * 1.5)
-		padding-left content-padding
+		align-items flex-start
+		margin-top 0
+		padding content-padding
+		padding-top 0
+		padding-left calc(content-padding * 2)
+		max-width 900px
+
+	.profile-actions
+		vertical
+		position absolute
+		top 0
+		right 0
+		padding content-padding
 
 // animation appear
 // 	0%
@@ -78,14 +98,6 @@ profile-boot-duration = 2s
 	border-radius 3px
 	overflow hidden
 
-.intro-container
-	vertical
-	align-items flex-start
-	padding content-padding
-	padding-top 0
-	padding-left calc(content-padding * 2)
-	max-width 900px
-
 #nick
 	margin-bottom 1rem
 
diff --git a/scripts/TouchController.ts b/scripts/TouchController.ts
index 9fd06bf7..28805da9 100644
--- a/scripts/TouchController.ts
+++ b/scripts/TouchController.ts
@@ -14,7 +14,7 @@ export class TouchController {
 		document.addEventListener("touchmove", evt => this.handleTouchMove(evt), false)
 
 		this.downSwipe = this.upSwipe = this.rightSwipe = this.leftSwipe = () => null
-		this.threshold = 5
+		this.threshold = 3
 	}
 
 	handleTouchStart(evt) {
diff --git a/styles/embedded.scarlet b/styles/embedded.scarlet
index 93726479..e0b1c3a1 100644
--- a/styles/embedded.scarlet
+++ b/styles/embedded.scarlet
@@ -18,6 +18,9 @@ remove-margin = 1.1rem
 	
 	.anime-list-owner
 		display none
+
+	.anime-list-item-image
+		width 27px
 	
 	#navigation
 		font-size 0.9rem
\ No newline at end of file