diff --git a/images/icons/annilist.svg b/images/icons/annilist.svg new file mode 100644 index 00000000..9dca5a20 --- /dev/null +++ b/images/icons/annilist.svg @@ -0,0 +1,9 @@ + + + + diff --git a/images/icons/google.svg b/images/icons/google.svg index 2a55369a..de9f284d 100644 --- a/images/icons/google.svg +++ b/images/icons/google.svg @@ -1 +1,13 @@ - \ No newline at end of file + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/mal.svg b/images/icons/mal.svg new file mode 100644 index 00000000..a52c185d --- /dev/null +++ b/images/icons/mal.svg @@ -0,0 +1,15 @@ + + + + + + + \ No newline at end of file diff --git a/images/icons/shoboi.svg b/images/icons/shoboi.svg new file mode 100644 index 00000000..8702d4b3 --- /dev/null +++ b/images/icons/shoboi.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/youtube-full-color.svg b/images/icons/youtube-full-color.svg new file mode 100644 index 00000000..22fed656 --- /dev/null +++ b/images/icons/youtube-full-color.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/pages/anime/editanime/editanime.pixy b/pages/anime/editanime/editanime.pixy index 8272bba9..08da6916 100644 --- a/pages/anime/editanime/editanime.pixy +++ b/pages/anime/editanime/editanime.pixy @@ -3,10 +3,23 @@ component EditAnimeTabs(anime *arn.Anime) a.tab(href=anime.Link()) Icon("tv") span Anime - + Tab("Edit", "pencil", anime.Link() + "/edit") Tab("Images", "image", anime.Link() + "/edit/images") Tab("Characters", "users", anime.Link() + "/edit/characters") Tab("Relations", "exchange", anime.Link() + "/edit/relations") Tab("Episodes", "list-ol", anime.Link() + "/edit/episodes") - Tab("History", "history", anime.Link() + "/edit/history") \ No newline at end of file + Tab("History", "history", anime.Link() + "/edit/history") + .search-links + a.search-link.google-badge.tip(href="https://www.google.com/search?q=" + anime.Title.Canonical, target="_blank", rel="noopener", aria-label="Google") + RawIcon("google") + a.search-link.annilist-badge.tip(href="https://anilist.co/search/anime?sort=SEARCH_MATCH&search=" + anime.Title.Canonical, target="_blank", rel="noopener", aria-label="Annilist") + RawIcon("annilist") + a.search-link.mal-badge.tip(href="https://myanimelist.net/anime.php?q=" + anime.Title.Canonical, target="_blank", rel="noopener", aria-label="MyAnimeList") + RawIcon("mal") + a.search-link.shoboi-badge.tip(href="http://cal.syoboi.jp/find?type=quick&sd=1&kw=" + anime.Title.Japanese, target="_blank", rel="noopener", aria-label="Shoboi") + RawIcon("shoboi") + a.search-link.tip(href="https://www.google.com/search?q=" + anime.Title.Canonical + " anime cover&tbm=isch&tbs=imgo:1,isz:lt,islt:qsvga", target="_blank", rel="noopener", aria-label="Cover image") + RawIcon("image") + a.search-link.tip(href="https://www.youtube.com/results?search_query=" + strings.Replace(anime.Title.Canonical+" PV", " ", "+", -1), target="_blank", rel="noopener", aria-label="Trailer") + RawIcon("youtube-full-color") \ No newline at end of file diff --git a/pages/editor/editor.scarlet b/pages/editor/editor.scarlet index 7cef4142..7211935b 100644 --- a/pages/editor/editor.scarlet +++ b/pages/editor/editor.scarlet @@ -25,6 +25,54 @@ .feature-card-color-character background hsl(273, feature-card-saturation, feature-card-lightness) !important +.search-links + position fixed + top 25% + left 95% + vertical + width fit-content + + +// This is a copy of the .badge style, but the position:absolute broke the layout +.search-link + horizontal + justify-content center + align-items center + background reverse-light-color + border-radius 50% + padding 0.5rem + color text-color + width 30px + height 30px + position relative + margin-top 0.2em + margin-bottom 0.2em + + :hover + color text-color + background reverse-light-hover-color + + :active + transform scale(1.2) + +.google-badge,.shoboi-badge + background rgba(255, 255, 255, 0.80) !important + + :hover + background rgba(255, 255, 255, 1) !important + +.annilist-badge + background rgba(31, 38, 49, 0.80) !important + + :hover + background rgba(31, 38, 49, 1) !important + +.mal-badge + background rgba(46, 81, 181, 0.80) !important + + :hover + background rgba(46, 81, 181, 1) !important + > 1550px .editor-filters position fixed diff --git a/pages/editor/filteranime/anilist.go b/pages/editor/filteranime/anilist.go index b0788f31..f643a5dc 100644 --- a/pages/editor/filteranime/anilist.go +++ b/pages/editor/filteranime/anilist.go @@ -14,7 +14,7 @@ func AniList(ctx *aero.Context) string { return anime.GetMapping("anilist/anime") == "" }, func(anime *arn.Anime) string { - return "https://anilist.co/search?type=anime&q=" + anime.Title.Canonical + return "https://anilist.co/search/anime?sort=SEARCH_MATCH&search=" + anime.Title.Canonical }, ) }