From a32fa12633120d6dc73b1c9643eeb5f115b32830 Mon Sep 17 00:00:00 2001 From: Soulcramer Date: Fri, 8 Feb 2019 11:34:20 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Added=20badge=20on=20anime=20edi?= =?UTF-8?q?tion=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- images/icons/annilist.svg | 9 ++++++ images/icons/google.svg | 14 ++++++++- images/icons/mal.svg | 15 +++++++++ images/icons/shoboi.svg | 10 ++++++ images/icons/youtube-full-color.svg | 5 +++ pages/anime/editanime/editanime.pixy | 17 ++++++++-- pages/editor/editor.scarlet | 46 ++++++++++++++++++++++++++++ 7 files changed, 113 insertions(+), 3 deletions(-) create mode 100644 images/icons/annilist.svg create mode 100644 images/icons/mal.svg create mode 100644 images/icons/shoboi.svg create mode 100644 images/icons/youtube-full-color.svg 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..418b3a01 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(href="https://www.google.com/search?q=" + anime.Title.Canonical, target="_blank", rel="noopener") + RawIcon("google") + a.search-link.annilist-badge(href="https://anilist.co/search/anime?sort=SEARCH_MATCH&search=" + anime.Title.Canonical, target="_blank", rel="noopener") + RawIcon("annilist") + a.search-link.mal-badge(href="https://myanimelist.net/anime.php?q=" + anime.Title.Canonical, target="_blank", rel="noopener") + RawIcon("mal") + a.search-link.shoboi-badge(href="http://cal.syoboi.jp/find?type=quick&sd=1&kw=" + anime.Title.Japanese, target="_blank", rel="noopener") + RawIcon("shoboi") + a.search-link(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") + RawIcon("image") + a.search-link(href="https://www.youtube.com/results?search_query=" + strings.Replace(anime.Title.Canonical+" PV", " ", "+", -1), target="_blank", rel="noopener") + RawIcon("youtube-full-color") \ No newline at end of file diff --git a/pages/editor/editor.scarlet b/pages/editor/editor.scarlet index 7cef4142..ff347878 100644 --- a/pages/editor/editor.scarlet +++ b/pages/editor/editor.scarlet @@ -25,6 +25,52 @@ .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 + +.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