diff --git a/images/elements/extension-screenshot.png b/images/elements/extension-screenshot.png new file mode 100644 index 00000000..c89ed9d4 Binary files /dev/null and b/images/elements/extension-screenshot.png differ diff --git a/mixins/Navigation.pixy b/mixins/Navigation.pixy index c8743ef0..a8c01021 100644 --- a/mixins/Navigation.pixy +++ b/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 diff --git a/pages/frontpage/frontpage.pixy b/pages/frontpage/frontpage.pixy index b4ca3084..990749b4 100644 --- a/pages/frontpage/frontpage.pixy +++ b/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 \ No newline at end of file + 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 \ No newline at end of file diff --git a/pages/frontpage/frontpage.scarlet b/pages/frontpage/frontpage.scarlet index 2a43abf7..156b6913 100644 --- a/pages/frontpage/frontpage.scarlet +++ b/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 \ No newline at end of file +.screenshot + max-width 100% + border-radius 3px + box-shadow shadow-medium + margin-bottom 2rem \ No newline at end of file diff --git a/pages/login/login.scarlet b/pages/login/login.scarlet new file mode 100644 index 00000000..2a43abf7 --- /dev/null +++ b/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 \ No newline at end of file