Improved frontpage

pages/frontpage/frontpage.pixy

@@ -1,7 +1,12 @@
 component FrontPage
-	p Anime Notifier 4.0 is currently under construction.
-	p
-		a(href="https://paypal.me/blitzprog", target="_blank", rel="noopener") Support the development
+	.frontpage
+		h2 notify.moe
 
-	p
-		a(href="https://github.com/animenotifier/notify.moe", target="_blank", rel="noopener") Source on GitHub
+		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
-	horizontal-wrap
-	width 100%
-	justify-content center
+.frontpage
+	vertical
+	align-items center
 
-.login-button
-	//
+	h2
+		font-size 2.5rem
+		font-weight normal
+		letter-spacing 3px
+		text-transform uppercase
+	
+	.footer
+		text-align center
+		margin-top content-padding
 
-.login-button-image
-	max-width 236px
-	max-height 44px
+.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