New frontpage

This commit is contained in:
Eduard Urbach 2017-07-04 11:20:31 +02:00
parent 7d9106f6ea
commit 6f5c78b317
2 changed files with 23 additions and 7 deletions

View File

@ -2,11 +2,9 @@ component FrontPage
.frontpage
h2 notify.moe
video.bg-video(autoplay="true", loop="true")
source(src="//s1.webmshare.com/ZrK1J.webm")
p Your home for everything about anime.
img.action.screenshot(src="/images/elements/extension-screenshot.png", alt="Screenshot of the browser extension", title="Click to install the Chrome Extension", data-action="installExtension", data-trigger="click")
//- img.action.screenshot(src="/images/elements/extension-screenshot.png", alt="Screenshot of the browser extension", title="Click to install the Chrome Extension", data-action="installExtension", data-trigger="click")
Login
@ -14,3 +12,7 @@ component FrontPage
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
video.bg-video(autoplay="true", loop="true")
source(src="//s1.webmshare.com/nZVby.webm", type="video/webm")
source(src="//s1.webmshare.com/f/nZVby.mp4", type="video/mp4")

View File

@ -1,13 +1,27 @@
.frontpage
vertical
align-items center
position absolute
top 50%
left 50%
transform translateX(-50%) translateY(-50%)
a, h2, p
color white !important
text-shadow 0px 0px 4px rgb(0, 0, 0, 0.75)
h2
font-size 2.5rem
font-weight normal
letter-spacing 3px
letter-spacing 5px
text-transform uppercase
color white
line-height 1.2em
p
font-size 2rem
margin-bottom 1em
line-height 1.2em
text-align center
.footer
text-align center