Updated styles

This commit is contained in:
Eduard Urbach 2017-06-08 01:14:45 +02:00
parent fdbfb22ef5
commit 74b405e4b4
14 changed files with 68 additions and 36 deletions

View File

@ -1,3 +1,3 @@
component Airing(animeList []*arn.Anime)
h2(title=toString(len(animeList)) + " anime") Airing
h2.page-title(title=toString(len(animeList)) + " anime") Airing
AnimeGrid(animeList)

View File

@ -2,6 +2,8 @@ package dashboard
import (
"github.com/aerogo/aero"
"github.com/animenotifier/arn"
"github.com/animenotifier/notify.moe/components"
"github.com/animenotifier/notify.moe/utils"
)
@ -9,24 +11,23 @@ const maxPosts = 5
// Get ...
func Get(ctx *aero.Context) string {
// posts, err := arn.GetPosts()
// if err != nil {
// return ctx.Error(500, "Error fetching posts", err)
// }
// arn.SortPostsLatestFirst(posts)
// if len(posts) > maxPosts {
// posts = posts[:maxPosts]
// }
// return ctx.HTML(components.Dashboard(posts))
user := utils.GetUser(ctx)
if user != nil {
return ctx.HTML("Welcome back, " + user.Nick + "!")
posts, err := arn.GetPosts()
if err != nil {
return ctx.Error(500, "Error fetching posts", err)
}
arn.SortPostsLatestFirst(posts)
if len(posts) > maxPosts {
posts = posts[:maxPosts]
}
return ctx.HTML(components.Dashboard(posts))
}
return ctx.HTML("ARN 4.0 is currently under construction.<br><a href='https://paypal.me/blitzprog' target='_blank' rel='noopener'>Support the development</a><br><a href='/auth/google'>Login via Google</a>")

View File

@ -1,5 +1,5 @@
component Dashboard(posts []*arn.Post)
h2 Dash
h2.page-title Dash
.dashboard
.dashboard-widget

View File

@ -24,6 +24,7 @@
.dashboard-event-text
horizontal
clip-long-text
justify-content flex-start
align-items center
width 100%

View File

@ -1,5 +1,5 @@
component Forum(tag string, threads []*arn.Thread)
h2.forum-header Forum
h2.page-title Forum
ForumTags
each thread in threads

View File

@ -1,5 +1,5 @@
component Genres(genres []*arn.Genre)
h2 Genres
h2.page-title Genres
.genres
each genre in genres

View File

@ -1,8 +1,7 @@
profile-boot-duration = 2s
.profile
display flex
flex-flow row
horizontal
position relative
left calc(content-padding * -1)

View File

@ -9,8 +9,15 @@
.post
vertical
margin-bottom 0.75rem
margin-bottom 1.75rem
.post-author
margin-bottom 0.25rem
> 600px
.post
horizontal
margin-bottom 0.75rem
.post-author
margin-bottom 0

View File

@ -1,6 +1,10 @@
.forum-header
text-align left
margin-bottom 1rem
// .forum-header
// text-align left
// margin-bottom 1rem
.thread-link
horizontal
margin 0.25rem 0
.post-content
ui-element
@ -32,9 +36,6 @@
padding 0.4rem 1rem
align-items center
.thread-link
horizontal
.thread-icons,
.thread-reply-count
opacity 0.5
@ -59,8 +60,7 @@
horizontal
justify-content center
align-items flex-start
margin 0.25rem 0.5rem
margin-left 0
margin-right 0.5rem
// Toolbar

View File

@ -12,3 +12,6 @@ h3
line-height 1.6em
text-align left
margin-top 0.6em
.page-title
display none

View File

@ -13,6 +13,9 @@ ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0,
ui-hover-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
ui-disabled-color = rgb(224, 224, 224)
// Avatar
avatar-size = 50px
// Navigation
nav-color = rgb(60, 60, 60)
nav-link-color = rgb(160, 160, 160)
@ -32,7 +35,7 @@ outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)
// Distances
content-padding = 1.6rem
content-padding-top = 2rem
content-padding-top = 1.6rem
hover-line-size = 2px
nav-height = 3.11rem

View File

@ -31,6 +31,11 @@ mixin ui-disabled
background-color ui-disabled-color
cursor not-allowed
mixin clip-long-text
overflow hidden
white-space nowrap
text-overflow ellipsis
mixin light-up
filter brightness(0.4) saturate(1)
:hover

View File

@ -31,13 +31,17 @@
text-shadow 1px 1px 3px rgba(4, 4, 4, 0.1)
.navigation-button
font-size 1.5em
font-size 1em
line-height 1em
padding 0.75em 1em
.navigation-text
display none
> 330px
.navigation-button
font-size 1.3em
> 930px
.navigation-button
font-size 1.1em
@ -47,3 +51,12 @@
.navigation-text
display inline-block
< 400px height
#navigation
vertical
height 100%
padding content-padding 0
#container
horizontal

View File

@ -1,6 +1,6 @@
.user-image
width 50px
height 50px
width avatar-size
height avatar-size
border-radius 100%
object-fit cover
default-transition