Improved frontpage

README.md

@@ -1,5 +1,9 @@
 # Anime Notifier
 
+## Info
+
+notify.moe is powered by the [Aero framework](https://github.com/aerogo/aero) from the same author. The project also uses Go and Aerospike.
+
 ## Installation
 
 ### Prerequisites

layout/layout.pixy

@@ -4,6 +4,7 @@ component Layout(app *aero.Application, ctx *aero.Context, user *arn.User, conte
 			title= app.Config.Title
 			meta(name="viewport", content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes")
 			meta(name="theme-color", content=app.Config.Manifest.ThemeColor)
+			link(rel="chrome-webstore-item", href="https://chrome.google.com/webstore/detail/hajchfikckiofgilinkpifobdbiajfch")
 			link(rel="manifest", href="/manifest.json")
 		body
 			#container(class=utils.GetContainerClass(ctx))

pages/frontpage/frontpage.pixy

@@ -2,7 +2,7 @@ component FrontPage
 	.frontpage
 		h2 notify.moe
 
-		img.screenshot(src="/images/elements/extension-screenshot.png", alt="Screenshot of the browser extension")
+		img.action.screenshot(src="/images/elements/extension-screenshot.png", alt="Screenshot of the browser extension", data-action="installExtension", data-trigger="click")
 		
 		Login
 

pages/frontpage/frontpage.scarlet

@@ -17,3 +17,6 @@
 	border-radius 3px
 	box-shadow shadow-medium
 	margin-bottom 2rem
+
+	:hover
+		cursor pointer

scripts/actions.ts

@@ -139,3 +139,9 @@ export function removeAnimeFromCollection(arn: AnimeNotifier, button: HTMLElemen
 	.catch(console.error)
 	.then(() => arn.loading(false))
 }
+
+// Chrome extension installation
+export function installExtension(arn: AnimeNotifier, button: HTMLElement) {
+	let browser: any = window["chrome"]
+	browser.webstore.install()
+}