Improved meta data

This commit is contained in:
Eduard Urbach 2017-07-06 21:38:19 +02:00
parent 1937980254
commit bfc50c5bae
12 changed files with 56 additions and 18 deletions

View File

@ -1,7 +1,10 @@
component Layout(app *aero.Application, ctx *aero.Context, user *arn.User, openGraph *arn.OpenGraph, content string) component Layout(app *aero.Application, ctx *aero.Context, user *arn.User, openGraph *arn.OpenGraph, content string)
html(lang="en") html(lang="en")
head head
title= app.Config.Title if openGraph != nil
title= openGraph.Tags["og:title"]
else
title= app.Config.Title
meta(name="viewport", content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes") meta(name="viewport", content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes")
meta(name="theme-color", content=app.Config.Manifest.ThemeColor) meta(name="theme-color", content=app.Config.Manifest.ThemeColor)

View File

@ -11,6 +11,7 @@ import (
const maxEpisodes = 26 const maxEpisodes = 26
const maxEpisodesLongSeries = 5 const maxEpisodesLongSeries = 5
const maxDescriptionLength = 170
// Get anime page. // Get anime page.
func Get(ctx *aero.Context) string { func Get(ctx *aero.Context) string {
@ -40,16 +41,23 @@ func Get(ctx *aero.Context) string {
} }
// Open Graph // Open Graph
description := anime.Summary
if len(description) > maxDescriptionLength {
description = description[:maxDescriptionLength-3] + "..."
}
openGraph := &arn.OpenGraph{ openGraph := &arn.OpenGraph{
Tags: map[string]string{ Tags: map[string]string{
"og:title": anime.Title.Canonical, "og:title": anime.Title.Canonical,
"og:image": anime.Image.Large, "og:image": anime.Image.Large,
"og:url": "https://" + ctx.App.Config.Domain + anime.Link(), "og:url": "https://" + ctx.App.Config.Domain + anime.Link(),
"og:site_name": "notify.moe", "og:site_name": "notify.moe",
"og:description": anime.Summary, "og:description": description,
}, },
Meta: map[string]string{ Meta: map[string]string{
"description": anime.Summary, "description": description,
"keywords": anime.Title.Canonical + ",anime",
}, },
} }

View File

@ -7,13 +7,13 @@ component Anime(anime *arn.Anime, tracks []*arn.SoundTrack, user *arn.User, epis
.space .space
.anime-info .anime-info
h2.anime-title(title=anime.Type)= anime.Title.Canonical h1.anime-title(title=anime.Type)= anime.Title.Canonical
//- if user && user.titleLanguage === "japanese" //- if user && user.titleLanguage === "japanese"
//- span.second-title(title=anime.Title.English !== anime.Title.Romaji ? anime.Title.English : null)= anime.Title.Romaji //- span.second-title(title=anime.Title.English !== anime.Title.Romaji ? anime.Title.English : null)= anime.Title.Romaji
//- else //- else
if anime.Title.Japanese != anime.Title.Canonical if anime.Title.Japanese != anime.Title.Canonical
.anime-alternative-title h2.anime-alternative-title
a(href="http://jisho.org/search/" + anime.Title.Japanese, target="_blank", title="Look up reading on jisho.org", rel="nofollow")= anime.Title.Japanese a(href="http://jisho.org/search/" + anime.Title.Japanese, target="_blank", title="Look up reading on jisho.org", rel="nofollow")= anime.Title.Japanese
//- h3.anime-section-name.anime-summary-header Summary //- h3.anime-section-name.anime-summary-header Summary

View File

@ -38,7 +38,11 @@
.anime-alternative-title .anime-alternative-title
font-size 0.9em font-size 0.9em
margin-top 0
margin-bottom 0.5rem margin-bottom 0.5rem
text-align left
font-weight normal
line-height content-line-height
a a
color rgba(60, 60, 60, 0.5) !important color rgba(60, 60, 60, 0.5) !important

View File

@ -2,10 +2,27 @@ package frontpage
import ( import (
"github.com/aerogo/aero" "github.com/aerogo/aero"
"github.com/animenotifier/arn"
"github.com/animenotifier/notify.moe/components" "github.com/animenotifier/notify.moe/components"
) )
// Get ... // Get ...
func Get(ctx *aero.Context) string { func Get(ctx *aero.Context) string {
description := "Anime list and notifier for new anime episodes. Create your own anime list and keep track of your progress as you watch."
ctx.Data = &arn.OpenGraph{
Tags: map[string]string{
"og:title": ctx.App.Config.Title,
"og:description": description,
"og:type": "website",
"og:url": "https://" + ctx.App.Config.Domain,
"og:image": "https://" + ctx.App.Config.Domain + "/images/brand/600",
},
Meta: map[string]string{
"description": description,
"keywords": "anime,list,tracker,notifier",
},
}
return ctx.HTML(components.FrontPage()) return ctx.HTML(components.FrontPage())
} }

View File

@ -1,8 +1,8 @@
component FrontPage component FrontPage
.frontpage.mountable .frontpage.mountable
h2 notify.moe h1 notify.moe
p Your home for everything about anime. h2 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")

View File

@ -6,19 +6,21 @@
left 50% left 50%
transform translateX(-50%) translateY(-50%) transform translateX(-50%) translateY(-50%)
a, h2, p a, h1, h2
color white !important color white !important
text-shadow 0px 0px 4px rgb(0, 0, 0, 0.75) text-shadow 0px 0px 4px rgb(0, 0, 0, 0.75)
h2 h1
font-size 2.5rem font-size 2.5rem
font-weight normal font-weight normal
letter-spacing 5px letter-spacing 5px
text-transform uppercase text-transform uppercase
line-height 1.2em line-height 1.2em
p h2
font-size 2rem font-size 2rem
font-weight normal
margin-top 0
margin-bottom 1em margin-bottom 1em
line-height 1.2em line-height 1.2em
text-align center text-align center

View File

@ -2,4 +2,4 @@
vertical vertical
padding content-padding padding content-padding
padding-top content-padding-top padding-top content-padding-top
line-height 1.7em line-height content-line-height

View File

@ -26,16 +26,21 @@ post-content-padding-y = 0.75rem
h1 h1
font-size 1.5rem font-size 1.5rem
line-height 1.5em line-height 1.5em
text-align left
margin typography-margin 0
h2 h2
font-size 1.3rem font-size 1.3rem
line-height 1.5em line-height 1.5em
font-weight normal font-weight normal
text-align left
margin typography-margin 0
h3 h3
font-size 1.1rem font-size 1.1rem
line-height 1.5em line-height 1.5em
font-weight normal font-weight normal
text-align left
:hover :hover
.post-toolbar .post-toolbar

View File

@ -1,7 +1,4 @@
h1 h1, h2
font-size 3em
h2
font-size 2em font-size 2em
font-weight bold font-weight bold
text-align center text-align center
@ -13,7 +10,7 @@ h3
text-align left text-align left
margin-top 0.6em margin-top 0.6em
h2, h3 h1, h2, h3
a a
color text-color color text-color

View File

@ -59,8 +59,10 @@ outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)
// Distances // Distances
content-padding = 1.6rem content-padding = 1.6rem
content-padding-top = 1.6rem content-padding-top = 1.6rem
content-line-height = 1.7em
hover-line-size = 3px hover-line-size = 3px
nav-height = 3.11rem nav-height = 3.11rem
typography-margin = 0.4rem
// Timings // Timings
fade-speed = 200ms fade-speed = 200ms

View File

@ -1,5 +1,5 @@
p, h1, h2, h3, h4, h5, h6 p, h1, h2, h3, h4, h5, h6
margin 0.4rem 0 margin typography-margin 0
:first-child :first-child
margin-top 0 margin-top 0
@ -7,7 +7,7 @@ p, h1, h2, h3, h4, h5, h6
:last-child :last-child
margin-bottom 0 margin-bottom 0
h2 h1, h2
margin-top content-padding margin-top content-padding
margin-bottom content-padding margin-bottom content-padding