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,15 +2,17 @@ component FrontPage
.frontpage .frontpage
h2 notify.moe h2 notify.moe
video.bg-video(autoplay="true", loop="true") p Your home for everything about anime.
source(src="//s1.webmshare.com/ZrK1J.webm")
//- 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 Login
.footer .footer
a(href="https://paypal.me/blitzprog", target="_blank", rel="noopener") Support the development a(href="https://paypal.me/blitzprog", target="_blank", rel="noopener") Support the development
span | span |
a(href="https://github.com/animenotifier/notify.moe", target="_blank", rel="noopener") Source on GitHub 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 .frontpage
vertical vertical
align-items center 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 h2
font-size 2.5rem font-size 2.5rem
font-weight normal font-weight normal
letter-spacing 3px letter-spacing 5px
text-transform uppercase text-transform uppercase
color white line-height 1.2em
p
font-size 2rem
margin-bottom 1em
line-height 1.2em
text-align center
.footer .footer
text-align center text-align center