Improved frontpage

mixins/Navigation.pixy

@@ -24,9 +24,9 @@ component LoggedInMenu(user *arn.User)
 			NavigationButton("Watching list", "/extension/embed", "home")
 
 		NavigationButton("Dash", "/", "dashboard")
-		NavigationButton("Anime", "/anime", "television")
 		NavigationButton("Profile", "/+", "user")
 		NavigationButton("Forum", "/forum", "comment")
+		NavigationButton("Anime", "/anime", "television")
 
 		FuzzySearch
 

pages/frontpage/frontpage.pixy

@@ -1,7 +1,12 @@
 component FrontPage
-	p Anime Notifier 4.0 is currently under construction.
+	.frontpage
-	p
+		h2 notify.moe
-		a(href="https://paypal.me/blitzprog", target="_blank", rel="noopener") Support the development
 
-	p
+		img.screenshot(src="/images/elements/extension-screenshot.png", alt="Screenshot of the browser extension")
+		
+		Login
+
+		.footer
+			a(href="https://paypal.me/blitzprog", target="_blank", rel="noopener") Support the development
+			span  | 
 			a(href="https://github.com/animenotifier/notify.moe", target="_blank", rel="noopener") Source on GitHub

pages/frontpage/frontpage.scarlet

@@ -1,11 +1,19 @@
-.login-buttons
+.frontpage
-	horizontal-wrap
+	vertical
-	width 100%
+	align-items center
-	justify-content center
 
-.login-button
+	h2
-	//
+		font-size 2.5rem
+		font-weight normal
+		letter-spacing 3px
+		text-transform uppercase
 	
-.login-button-image
+	.footer
-	max-width 236px
+		text-align center
-	max-height 44px
+		margin-top content-padding
+
+.screenshot
+	max-width 100%
+	border-radius 3px
+	box-shadow shadow-medium
+	margin-bottom 2rem

pages/login/login.scarlet

@@ -0,0 +1,11 @@
+.login-buttons
+	horizontal-wrap
+	width 100%
+	justify-content center
+
+.login-button
+	//
+
+.login-button-image
+	max-width 236px
+	max-height 44px