Improved footers

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

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)

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.
 	

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

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))