Improved footers

This commit is contained in:
Eduard Urbach 2019-08-30 16:38:45 +09:00
parent bbd0b57f0b
commit ac1de201fc
Signed by: akyoto
GPG Key ID: C874F672B1AF20C0
5 changed files with 11 additions and 45 deletions

View File

@ -28,7 +28,6 @@ const frontpage-bg-color = rgb(32, 32, 32)
text-align center
.footer
text-align center
margin-top content-padding
.bg-video-container

View File

@ -114,6 +114,7 @@ component Profile(viewUser *arn.User, user *arn.User, animeList *arn.AnimeList,
.spacer-box
.footer.activities-footer.mountable(data-mountable-type="extra")
p
span= viewUser.Nick + " spent "
span= stringutils.Plural(int(animeWatchingTime / time.Hour / 24), "day")
span watching anime.

View File

@ -93,6 +93,5 @@ component Support(profileLink string, user *arn.User)
span Support us!
.footer.support-footer
p Thank you to everyone supporting the site. It means a lot to me.
p --Akyoto
p Thank you to everyone supporting the site. It means a lot to us.

View File

@ -1,4 +1,6 @@
.footer
horizontal
justify-content center
text-align center
font-size 0.8rem
opacity 0.7
@ -11,10 +13,14 @@
opacity 0.7 !important
.footer-element
horizontal
align-items center
:after
content " | "
color text-color
opacity 0.5
width 1.5em
:last-child
:after

View File

@ -16,42 +16,3 @@
svg-icon
[name="discord"]
transform scale(1.1)
// .sidebar-social-media
// position relative
// width 6rem
// height 6rem
// // border dashed 1px
// // border-radius 50%
// margin content-padding auto
// default-transition
// :hover
// transform scale(1.2)
// .social-media-button
// display block
// position absolute
// left 50%
// top 50%
// width 4rem
// height 4rem
// margin -0.5rem
// color text-color
// circle-start = 160deg
// .circle-1
// transform rotate(circle-start) translate(2rem) rotate(calc(circle-start * -1))
// .circle-2
// transform rotate(calc(circle-start + 72deg)) translate(2rem) rotate(calc((circle-start + 72deg) * -1))
// .circle-3
// transform rotate(calc(circle-start + 144deg)) translate(2rem) rotate(calc((circle-start + 144deg) * -1))
// .circle-4
// transform rotate(calc(circle-start + 216deg)) translate(2rem) rotate(calc((circle-start + 216deg) * -1))
// .circle-5
// transform rotate(calc(circle-start + 288deg)) translate(2rem) rotate(calc((circle-start + 288deg) * -1))