Watch anime and update your List from the same place!
With streaming service integrations you can watch any show available, with automatic list updates when you finish an episode!
diff --git a/CNAME b/CNAME index f32d5c0..f38a1e2 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -yuna.moe \ No newline at end of file +yuna.moe diff --git a/assets/index-CeHipkDE.js b/assets/index-CeHipkDE.js new file mode 100644 index 0000000..cb814a6 --- /dev/null +++ b/assets/index-CeHipkDE.js @@ -0,0 +1 @@ +(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))s(e);new MutationObserver(e=>{for(const r of e)if(r.type==="childList")for(const c of r.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&s(c)}).observe(document,{childList:!0,subtree:!0});function t(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function s(e){if(e.ep)return;e.ep=!0;const r=t(e);fetch(e.href,r)}})();const l=()=>{const n=document.querySelectorAll("img.lazy");if("IntersectionObserver"in window){const o=new IntersectionObserver(t=>{t.forEach(s=>{if(!s.isIntersecting)return;const e=s.target;e.src=e.dataset.src,e.srcset=e.dataset.srcset||"",e.onload=()=>{e.classList.remove("lazy"),e.onload=null},o.unobserve(e)})});n.forEach(t=>o.observe(t))}};let i=0;const a=()=>{const n=document.querySelector(".logo");i=n.clientHeight;const o=t=>{n.setAttribute("style",`height: ${t}px; width: ${t}px`)};document.body.onscroll=()=>{const t=document.documentElement.scrollTop,s=Math.max(50,Math.min(i,i-t));if(o(s),t>=50)return n.classList.add("small");if(t<50)return n.classList.remove("small")}},d=()=>{document.querySelectorAll("header > a").forEach(o=>{const{hash:t}=new URL(o.href);t!==""&&(o.onclick=s=>{s.preventDefault();const e=document.getElementById(t.slice(1));e&&document.documentElement.scrollTo({top:e.offsetTop-50,behavior:"smooth"})})})},u=()=>{const n=document.querySelector("video");n.onclick=o=>{const t=o.currentTarget;t[t.paused?"play":"pause"]()}};document.addEventListener("DOMContentLoaded",()=>{l(),a(),d(),u()}); diff --git a/assets/index-DQSUIjMk.css b/assets/index-DQSUIjMk.css new file mode 100644 index 0000000..84e7de6 --- /dev/null +++ b/assets/index-DQSUIjMk.css @@ -0,0 +1 @@ +button{position:relative;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;padding:10px 25px;border:none;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.25em;transition:background .1s,color .1s,fill .1s}button{color:#e5e5e5;font-weight:300;text-shadow:0 0 2px rgba(255,255,255,.5);background:#32447a}button:hover{background:#384c88}button:active{background:#2c3c6c}html,body{margin:0;padding:0;width:100%;-webkit-user-select:none;user-select:none;background:#0b0c13;text-shadow:0 0 5px rgba(0,0,0,.5)}@media (max-width: 799px){body{padding-top:75px}}body *{box-sizing:border-box;-webkit-tap-highlight-color:transparent!important;outline:none!important}h1,h2,h3,h4{font-family:Raleway,sanf-serif;margin:0}h1:not(:last-child),h2:not(:last-child),h3:not(:last-child),h4:not(:last-child){margin-bottom:15px}p{margin:0}p:not(:last-child){margin-bottom:10px}p.hint{color:#ceccce;font-size:.8em;font-style:italic}header{position:fixed;top:0;width:100%;display:flex;justify-content:center;align-items:center;height:50px;margin-bottom:40px;background:#212d47;box-shadow:2px 4px 10px #00000080;z-index:10}@media (min-width: 800px){header{position:sticky;margin-top:40px;background:linear-gradient(.25turn,#151c2d,#212d47,#151c2d)}}header>.item{height:100%;padding:0 15px;display:flex;justify-content:flex-end;align-items:center;flex-basis:125px;font-family:Raleway,sans-serif;color:#e5e5e5;text-decoration:none;cursor:pointer}header>.item.align-left{justify-content:flex-start}@media (min-width: 800px){header>.item{margin:0 15px;padding:0 25px;font-size:1.35em}}header>.logo{height:50px;width:50px;flex-shrink:0;border-radius:100%;background:#212d47;will-change:height,box-shadow;transition:box-shadow .5s}@media (min-width: 800px){header>.logo:not(.small){height:100px;width:100px;box-shadow:0 3px 15px #00000080}}header>.github{position:absolute;right:15px;top:50%;height:35px;width:35px;transform:translateY(-50%)}@media (max-width: 576px){header>.github{height:25px;width:25px}}img{position:relative;display:inline-block;overflow:hidden;object-fit:contain}section>.heading{width:100%;padding:10px 35px;text-align:center;background:#212d47;margin-bottom:35px}@media (min-width: 800px){section>.heading{background:linear-gradient(.25turn,#151c2d,#212d47,#151c2d)}}#video{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:50px}#video>.description{display:flex;align-items:center}@media (max-width: 576px){#video>.description{font-size:1.15em;margin-bottom:25px}}#video>.description>img{height:45px;margin:0 5px}#video>.support{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:15px}#video>.support>.providers{display:flex;flex-direction:column;align-items:center;margin:0 10px}#video>.support>.providers>.container{margin:15px 0}#video>.support>.providers>.container img{margin:0 10px;height:50px}#video>video{width:600px;max-width:90%;border-radius:5px;box-shadow:1px 4px 10px #00000080;background:#151724}#video>.download-container{margin-top:25px;display:flex;justify-content:center;align-items:center;flex-direction:column}#video>.download-container>.platforms{margin-bottom:10px;display:flex;align-items:center}#video>.download-container>.platforms>img{margin:0 5px;height:24px;width:24px}#video>.download-container>button{padding:15px 35px;font-size:1.75rem}#video>.download-container>button>p{margin:0}#video>.download-container>button>.version{margin:0;font-size:.9rem}#video>.download-container>a{padding:10px 0;color:#fff;font-family:Raleway,sans-serif}.section{position:relative;display:flex;align-items:center;width:100%;height:26vw;max-height:400px}.section>.content-container,.section>.image-container{width:100%;display:flex;align-items:center}.section>.content-container{justify-content:flex-end;max-height:200px;padding:25px 50px;background:linear-gradient(.25turn,#151c2d,#212d47);box-shadow:2px 4px 10px #00000080;overflow:hidden}.section>.content-container>.content{text-align:right;max-width:600px;-webkit-user-select:text;user-select:text}.section>.image-container{position:relative;padding-right:50px}.section>.image-container>.image{position:relative;width:100%;max-width:700px;border-radius:12px;box-shadow:2px 4px 15px #000000bf;transition:filter .2s}.section>.image-container>.image.lazy{filter:blur(4px)}.section:nth-child(2n)>.image-container{order:0;padding-right:0;padding-left:50px;justify-content:flex-end}.section:nth-child(2n)>.content-container{order:1;justify-content:flex-start;background:linear-gradient(.75turn,#151c2d,#212d47)}.section:nth-child(2n)>.content-container>.content{text-align:left}@media (max-width: 799px){.section{height:auto!important;max-height:none!important;flex-direction:column!important;margin-bottom:50px!important}.section>.content-container,.section>.image-container{justify-content:center!important}.section>.content-container{order:0!important;margin-bottom:15px!important;background:#212d47!important;padding:25px 15px!important}.section>.content-container>.content{text-align:center!important}.section>.image-container{order:1!important;padding:0!important;justify-content:center!important}.section>.image-container>.image{max-width:none!important;width:90%!important}}footer{margin-top:50px;padding:15px;display:flex;justify-content:center;align-items:center;background:#151724}footer>a{display:flex;align-items:center;color:#e5e5e5;text-decoration:none}footer>a:hover{text-decoration:underline}footer>a .github{margin-left:10px;height:1.25em} diff --git a/css/button.css b/css/button.css deleted file mode 100644 index 8641a5b..0000000 --- a/css/button.css +++ /dev/null @@ -1 +0,0 @@ -button{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:10px 25px;border:none;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.25em;-webkit-transition:background .1s,color .1s,fill .1s;-o-transition:background .1s,color .1s,fill .1s;transition:background .1s,color .1s,fill .1s}button{color:#e5e5e5;font-weight:300;text-shadow:0 0 2px rgba(255,255,255,.5);background:#32447a}button:hover{background:#384c88}button:active{background:#2c3c6c} \ No newline at end of file diff --git a/css/colors.css b/css/colors.css deleted file mode 100644 index e69de29..0000000 diff --git a/css/index.css b/css/index.css deleted file mode 100644 index 8465931..0000000 --- a/css/index.css +++ /dev/null @@ -1 +0,0 @@ -button{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:10px 25px;border:none;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.25em;-webkit-transition:background .1s,color .1s,fill .1s;-o-transition:background .1s,color .1s,fill .1s;transition:background .1s,color .1s,fill .1s}button{color:#e5e5e5;font-weight:300;text-shadow:0 0 2px rgba(255,255,255,.5);background:#32447a}button:hover{background:#384c88}button:active{background:#2c3c6c}body,html{margin:0;padding:0;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#0b0c13;text-shadow:0 0 5px rgba(0,0,0,.5)}@media (max-width:799px){body{padding-top:75px}}body *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent!important;outline:0!important}h1,h2,h3,h4{font-family:Raleway,sanf-serif;margin:0}h1:not(:last-child),h2:not(:last-child),h3:not(:last-child),h4:not(:last-child){margin-bottom:15px}p{margin:0}p:not(:last-child){margin-bottom:10px}p.hint{color:#ceccce;font-size:.8em;font-style:italic}header{position:fixed;top:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:40px;background:#212d47;-webkit-box-shadow:2px 4px 10px rgba(0,0,0,.5);box-shadow:2px 4px 10px rgba(0,0,0,.5);z-index:10}@media (min-width:800px){header{position:-webkit-sticky;position:sticky;margin-top:40px;background:-webkit-gradient(linear,left top,right top,from(#151c2d),color-stop(#212d47),to(#151c2d));background:-o-linear-gradient(left,#151c2d,#212d47,#151c2d);background:linear-gradient(.25turn,#151c2d,#212d47,#151c2d)}}header>.item{height:100%;padding:0 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-basis:125px;-ms-flex-preferred-size:125px;flex-basis:125px;font-family:Raleway,sans-serif;color:#e5e5e5;text-decoration:none;cursor:pointer}header>.item.align-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:800px){header>.item{margin:0 15px;padding:0 25px;font-size:1.35em}}header>.logo{height:50px;width:50px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:100%;background:#212d47;will-change:height,box-shadow;-webkit-transition:-webkit-box-shadow .5s;transition:-webkit-box-shadow .5s;-o-transition:box-shadow .5s;transition:box-shadow .5s;transition:box-shadow .5s,-webkit-box-shadow .5s}@media (min-width:800px){header>.logo:not(.small){height:100px;width:100px;-webkit-box-shadow:0 3px 15px rgba(0,0,0,.5);box-shadow:0 3px 15px rgba(0,0,0,.5)}}header>.github{position:absolute;right:15px;top:50%;height:35px;width:35px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:576px){header>.github{height:25px;width:25px}}img{position:relative;display:inline-block;overflow:hidden;-o-object-fit:contain;object-fit:contain}section>.heading{width:100%;padding:10px 35px;text-align:center;background:#212d47;margin-bottom:35px}@media (min-width:800px){section>.heading{background:-webkit-gradient(linear,left top,right top,from(#151c2d),color-stop(#212d47),to(#151c2d));background:-o-linear-gradient(left,#151c2d,#212d47,#151c2d);background:linear-gradient(.25turn,#151c2d,#212d47,#151c2d)}}#video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:50px}#video>.description{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width:576px){#video>.description{font-size:1.15em;margin-bottom:25px}}#video>.description>img{height:45px;margin:0 5px}#video>.support{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px}#video>.support>.providers{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 10px}#video>.support>.providers>.container{margin:15px 0}#video>.support>.providers>.container img{margin:0 10px;height:50px}#video>video{width:600px;max-width:90%;border-radius:5px;-webkit-box-shadow:1px 4px 10px rgba(0,0,0,.5);box-shadow:1px 4px 10px rgba(0,0,0,.5);background:#151724}#video>.download-container{margin-top:25px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#video>.download-container>.platforms{margin-bottom:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#video>.download-container>.platforms>img{margin:0 5px;height:24px;width:24px}#video>.download-container>button{padding:15px 35px;font-size:1.75rem}#video>.download-container>button>p{margin:0}#video>.download-container>button>.version{margin:0;font-size:.9rem}#video>.download-container>a{padding:10px 0;color:#fff;font-family:Raleway,sans-serif}.section{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:26vw;max-height:400px}.section>.content-container,.section>.image-container{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.section>.content-container{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;max-height:200px;padding:25px 50px;background:-webkit-gradient(linear,left top,right top,from(#151c2d),to(#212d47));background:-o-linear-gradient(left,#151c2d,#212d47);background:linear-gradient(.25turn,#151c2d,#212d47);-webkit-box-shadow:2px 4px 10px rgba(0,0,0,.5);box-shadow:2px 4px 10px rgba(0,0,0,.5);overflow:hidden}.section>.content-container>.content{text-align:right;max-width:600px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.section>.image-container{position:relative;padding-right:50px}.section>.image-container>.image{position:relative;width:100%;max-width:700px;border-radius:12px;-webkit-box-shadow:2px 4px 15px rgba(0,0,0,.75);box-shadow:2px 4px 15px rgba(0,0,0,.75);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;-o-transition:filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.section>.image-container>.image.lazy{-webkit-filter:blur(4px);filter:blur(4px)}.section:nth-child(even)>.image-container{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;padding-right:0;padding-left:50px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.section:nth-child(even)>.content-container{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background:-webkit-gradient(linear,right top,left top,from(#151c2d),to(#212d47));background:-o-linear-gradient(right,#151c2d,#212d47);background:linear-gradient(.75turn,#151c2d,#212d47)}.section:nth-child(even)>.content-container>.content{text-align:left}@media (max-width:799px){.section{height:auto!important;max-height:none!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;margin-bottom:50px!important}.section>.content-container,.section>.image-container{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.section>.content-container{-webkit-box-ordinal-group:1!important;-webkit-order:0!important;-ms-flex-order:0!important;order:0!important;margin-bottom:15px!important;background:#212d47!important;padding:25px 15px!important}.section>.content-container>.content{text-align:center!important}.section>.image-container{-webkit-box-ordinal-group:2!important;-webkit-order:1!important;-ms-flex-order:1!important;order:1!important;padding:0!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.section>.image-container>.image{max-width:none!important;width:90%!important}}footer{margin-top:50px;padding:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#151724}footer>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#e5e5e5;text-decoration:none}footer>a:hover{text-decoration:underline}footer>a .github{margin-left:10px;height:1.25em} \ No newline at end of file diff --git a/index.html b/index.html index 25f396e..5d795b4 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ font-family: 'Lato', sans-serif; transition: background 1s; } -
With streaming service integrations you can watch any show available, with automatic list updates when you finish an episode!
Add shows to your Queue to quickly resume from where you left off!
Easily know what to watch next with easy importing from your List!
Do you obsess over spoilers like a certain friend of mine?
Hide info until you've already seen it in the show!
Change statuses with only one click!