From ac1de201fc8ca0ad27d5c6d1a87dd616d8bb0ce6 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Fri, 30 Aug 2019 16:38:45 +0900
Subject: [PATCH] Improved footers

---
 pages/frontpage/frontpage.scarlet |  1 -
 pages/profile/profile.pixy        |  7 +++---
 pages/support/support.pixy        |  3 +--
 styles/footer.scarlet             |  6 +++++
 styles/social-media.scarlet       | 39 -------------------------------
 5 files changed, 11 insertions(+), 45 deletions(-)

diff --git a/pages/frontpage/frontpage.scarlet b/pages/frontpage/frontpage.scarlet
index 154b22ce..5ec95bf9 100644
--- a/pages/frontpage/frontpage.scarlet
+++ b/pages/frontpage/frontpage.scarlet
@@ -28,7 +28,6 @@ const frontpage-bg-color = rgb(32, 32, 32)
 		text-align center
 
 	.footer
-		text-align center
 		margin-top content-padding
 
 .bg-video-container
diff --git a/pages/profile/profile.pixy b/pages/profile/profile.pixy
index fd68bd87..e61036df 100644
--- a/pages/profile/profile.pixy
+++ b/pages/profile/profile.pixy
@@ -114,9 +114,10 @@ component Profile(viewUser *arn.User, user *arn.User, animeList *arn.AnimeList,
 												.spacer-box
 				
 					.footer.activities-footer.mountable(data-mountable-type="extra")
-						span= viewUser.Nick + " spent "
-						span= stringutils.Plural(int(animeWatchingTime / time.Hour / 24), "day")
-						span  watching anime.
+						p
+							span= viewUser.Nick + " spent "
+							span= stringutils.Plural(int(animeWatchingTime / time.Hour / 24), "day")
+							span  watching anime.
 				
 component ProfileHeader(viewUser *arn.User, animeList *arn.AnimeList, user *arn.User, uri string)
 	ProfileHead(viewUser, animeList, user, uri)
diff --git a/pages/support/support.pixy b/pages/support/support.pixy
index 515a3de5..30e6dfcf 100644
--- a/pages/support/support.pixy
+++ b/pages/support/support.pixy
@@ -93,6 +93,5 @@ component Support(profileLink string, user *arn.User)
 			span Support us!
 	
 	.footer.support-footer
-		p Thank you to everyone supporting the site. It means a lot to me.
-		p --Akyoto
+		p Thank you to everyone supporting the site. It means a lot to us.
 	
\ No newline at end of file
diff --git a/styles/footer.scarlet b/styles/footer.scarlet
index 315336ee..8e9d004f 100644
--- a/styles/footer.scarlet
+++ b/styles/footer.scarlet
@@ -1,4 +1,6 @@
 .footer
+	horizontal
+	justify-content center
 	text-align center
 	font-size 0.8rem
 	opacity 0.7
@@ -11,10 +13,14 @@
 		opacity 0.7 !important
 
 .footer-element
+	horizontal
+	align-items center
+
 	:after
 		content " | "
 		color text-color
 		opacity 0.5
+		width 1.5em
 
 	:last-child
 		:after
diff --git a/styles/social-media.scarlet b/styles/social-media.scarlet
index 8520ab14..7283f2e7 100644
--- a/styles/social-media.scarlet
+++ b/styles/social-media.scarlet
@@ -16,42 +16,3 @@
 svg-icon
 	[name="discord"]
 		transform scale(1.1)
-
-// .sidebar-social-media
-// 	position relative
-// 	width 6rem
-// 	height 6rem
-// 	// border dashed 1px
-// 	// border-radius 50%
-// 	margin content-padding auto
-// 	default-transition
-
-// 	:hover
-// 		transform scale(1.2)
-
-// .social-media-button
-// 	display block
-// 	position absolute
-// 	left 50%
-// 	top 50%
-// 	width 4rem
-// 	height 4rem
-// 	margin -0.5rem
-// 	color text-color
-
-// circle-start = 160deg
-
-// .circle-1
-// 	transform rotate(circle-start) translate(2rem) rotate(calc(circle-start * -1))
-
-// .circle-2
-// 	transform rotate(calc(circle-start + 72deg)) translate(2rem) rotate(calc((circle-start + 72deg) * -1))
-
-// .circle-3
-// 	transform rotate(calc(circle-start + 144deg)) translate(2rem) rotate(calc((circle-start + 144deg) * -1))
-
-// .circle-4
-// 	transform rotate(calc(circle-start + 216deg)) translate(2rem) rotate(calc((circle-start + 216deg) * -1))
-
-// .circle-5
-// 	transform rotate(calc(circle-start + 288deg)) translate(2rem) rotate(calc((circle-start + 288deg) * -1))
\ No newline at end of file