diff --git a/cdn-cgi/styles/main.css b/cdn-cgi/styles/main.css new file mode 100644 index 0000000..157f65e --- /dev/null +++ b/cdn-cgi/styles/main.css @@ -0,0 +1,649 @@ +.container { + width: 100% +} + +.bg-white { + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)) +} + +.bg-center { + background-position: 50% +} + +.bg-no-repeat { + background-repeat: no-repeat +} + +.border-gray-300 { + --border-opacity: 1; + border-color: #ebebeb; + border-color: rgba(235, 235, 235, var(--border-opacity)) +} + +.rounded { + border-radius: .25rem +} + +.border-solid { + border-style: solid +} + +.border-0 { + border-width: 0 +} + +.border { + border-width: 1px +} + +.border-t { + border-top-width: 1px +} + +.cursor-pointer { + cursor: pointer +} + +.block { + display: block +} + +.inline-block { + display: inline-block +} + +.table { + display: table +} + +.hidden { + display: none +} + +.float-left { + float: left +} + +.clearfix:after { + content: ""; + display: table; + clear: both +} + +.font-mono { + font-family: monaco, courier, monospace +} + +.font-light { + font-weight: 300 +} + +.font-normal { + font-weight: 400 +} + +.font-semibold { + font-weight: 600 +} + +.h-12 { + height: 3rem +} + +.h-20 { + height: 5rem +} + +.text-13 { + font-size: 13px +} + +.text-15 { + font-size: 15px +} + +.text-60 { + font-size: 60px +} + +.text-2xl { + font-size: 1.5rem +} + +.text-3xl { + font-size: 1.875rem +} + +.leading-tight { + line-height: 1.25 +} + +.leading-normal { + line-height: 1.5 +} + +.leading-relaxed { + line-height: 1.625 +} + +.leading-1\.3 { + line-height: 1.3 +} + +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem +} + +.mx-auto { + margin-left: auto; + margin-right: auto +} + +.mr-2 { + margin-right: .5rem +} + +.mb-2 { + margin-bottom: .5rem +} + +.mt-3 { + margin-top: .75rem +} + +.mb-4 { + margin-bottom: 1rem +} + +.ml-4 { + margin-left: 1rem +} + +.mt-6 { + margin-top: 1.5rem +} + +.mb-6 { + margin-bottom: 1.5rem +} + +.mb-8 { + margin-bottom: 2rem +} + +.mb-10 { + margin-bottom: 2.5rem +} + +.ml-10 { + margin-left: 2.5rem +} + +.mb-15 { + margin-bottom: 3.75rem +} + +.-ml-6 { + margin-left: -1.5rem +} + +.overflow-hidden { + overflow: hidden +} + +.p-0 { + padding: 0 +} + +.py-2 { + padding-top: .5rem; + padding-bottom: .5rem +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem +} + +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem +} + +.py-15 { + padding-top: 3.75rem; + padding-bottom: 3.75rem +} + +.pr-6 { + padding-right: 1.5rem +} + +.pt-10 { + padding-top: 2.5rem +} + +.absolute { + position: absolute +} + +.relative { + position: relative +} + +.left-1\/2 { + left: 50% +} + +.-bottom-4 { + bottom: -1rem +} + +.resize { + resize: both +} + +.text-center { + text-align: center +} + +.text-black-dark { + --text-opacity: 1; + color: #404040; + color: rgba(64, 64, 64, var(--text-opacity)) +} + +.text-gray-600 { + --text-opacity: 1; + color: #999; + color: rgba(153, 153, 153, var(--text-opacity)) +} + +.text-red-error { + --text-opacity: 1; + color: #bd2426; + color: rgba(189, 36, 38, var(--text-opacity)) +} + +.text-green-success { + --text-opacity: 1; + color: #9bca3e; + color: rgba(155, 202, 62, var(--text-opacity)) +} + +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.w-12 { + width: 3rem +} + +.w-240 { + width: 60rem +} + +.w-1\/2 { + width: 50% +} + +.w-1\/3 { + width: 33.333333% +} + +.w-full { + width: 100% +} + +.transition { + -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-transform +} + +body, +html { + --text-opacity: 1; + color: #404040; + color: rgba(64, 64, 64, var(--text-opacity)); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + font-size: 16px +} + +*, +body, +html { + margin: 0; + padding: 0 +} + +* { + box-sizing: border-box +} + +a { + --text-opacity: 1; + color: #2f7bbf; + color: rgba(47, 123, 191, var(--text-opacity)); + text-decoration: none; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .15s; + transition-duration: .15s; + -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1); + transition-timing-function: cubic-bezier(0, 0, .2, 1) +} + +a:hover { + --text-opacity: 1; + color: #f68b1f; + color: rgba(246, 139, 31, var(--text-opacity)) +} + +img { + display: block; + width: 100%; + height: auto +} + +#what-happened-section p { + font-size: 15px; + line-height: 1.5 +} + +strong { + font-weight: 600 +} + +.bg-gradient-gray { + background-image: -webkit-linear-gradient(top, #dedede, #ebebeb 3%, #ebebeb 97%, #dedede) +} + +.cf-error-source:after { + position: absolute; + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + width: 2.5rem; + height: 2.5rem; + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + --transform-rotate: 45deg; + content: ""; + bottom: -1.75rem; + left: 50%; + margin-left: -1.25rem; + box-shadow: 0 0 4px 4px #dedede +} + +@media screen and (max-width:720px) { + .cf-error-source:after { + display: none + } +} + +.cf-icon-browser { + background-image: url(/cdn-cgi/images/cf-icon-browser.png) +} + +.cf-icon-cloud { + background-image: url(/cdn-cgi/images/cf-icon-cloud.png) +} + +.cf-icon-server { + background-image: url(/cdn-cgi/images/cf-icon-server.png) +} + +.cf-icon-ok { + background-image: url(/cdn-cgi/images/cf-icon-ok.png) +} + +.cf-icon-error { + background-image: url(/cdn-cgi/images/cf-icon-error.png) +} + +#cf-wrapper .feedback-hidden { + display: none +} + +#cf-wrapper .feedback-success { + min-height: 33px; + line-height: 33px +} + +#cf-wrapper .cf-button { + color: #0051c3; + font-size: 13px; + border-color: #0045a6; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-duration: .2s; + transition-duration: .2s; + -webkit-transition-property: background-color, border-color, color; + transition-property: background-color, border-color, color +} + +#cf-wrapper .cf-button:hover { + color: #fff; + background-color: #003681 +} + +.cf-error-footer .hidden { + display: none +} + +.cf-error-footer .cf-footer-ip-reveal-btn { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + text-decoration: none; + background: none; + color: inherit; + border: none; + padding: 0; + font: inherit; + cursor: pointer; + color: #0051c3; + -webkit-transition: color .15s ease; + transition: color .15s ease +} + +.cf-error-footer .cf-footer-ip-reveal-btn:hover { + color: #ee730a +} + +.code-label { + background-color: #d9d9d9; + color: #313131; + font-weight: 500; + border-radius: 1.25rem; + font-size: .75rem; + line-height: 4.5rem; + padding: .25rem .5rem; + height: 4.5rem; + white-space: nowrap; + vertical-align: middle +} + +@media (max-width:639px) { + .sm\:block { + display: block + } + + .sm\:hidden { + display: none + } + + .sm\:mb-1 { + margin-bottom: .25rem + } + + .sm\:mb-2 { + margin-bottom: .5rem + } + + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem + } + + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem + } + + .sm\:text-left { + text-align: left + } +} + +@media (max-width:720px) { + .md\:border-gray-400 { + --border-opacity: 1; + border-color: #dedede; + border-color: rgba(222, 222, 222, var(--border-opacity)) + } + + .md\:border-solid { + border-style: solid + } + + .md\:border-0 { + border-width: 0 + } + + .md\:border-b { + border-bottom-width: 1px + } + + .md\:block { + display: block + } + + .md\:inline-block { + display: inline-block + } + + .md\:hidden { + display: none + } + + .md\:float-none { + float: none + } + + .md\:text-3xl { + font-size: 1.875rem + } + + .md\:m-0 { + margin: 0 + } + + .md\:mt-0 { + margin-top: 0 + } + + .md\:mb-2 { + margin-bottom: .5rem + } + + .md\:p-0 { + padding: 0 + } + + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem + } + + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem + } + + .md\:pr-0 { + padding-right: 0 + } + + .md\:pb-10 { + padding-bottom: 2.5rem + } + + .md\:top-0 { + top: 0 + } + + .md\:right-0 { + right: 0 + } + + .md\:left-auto { + left: auto + } + + .md\:text-left { + text-align: left + } + + .md\:w-full { + width: 100% + } +} + +@media (max-width:1023px) { + .lg\:text-sm { + font-size: .875rem + } + + .lg\:text-2xl { + font-size: 1.5rem + } + + .lg\:text-4xl { + font-size: 2.25rem + } + + .lg\:leading-relaxed { + line-height: 1.625 + } + + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem + } + + .lg\:pt-6 { + padding-top: 1.5rem + } + + .lg\:w-full { + width: 100% + } +} \ No newline at end of file diff --git a/down.html b/down.html new file mode 100644 index 0000000..ef13ea5 --- /dev/null +++ b/down.html @@ -0,0 +1,253 @@ + + + +
+ + + + +This website is unavailable for legal reasons.
+
-## Vyla TV
-
**Vyla TV** is an Android TV streaming app built with Jetpack Compose and ExoPlayer that lets you browse and watch movies and TV shows from TMDB.
## Downloads
diff --git a/src/css/overlay.css b/src/css/overlay.css
index 956a120..bb614f2 100644
--- a/src/css/overlay.css
+++ b/src/css/overlay.css
@@ -575,7 +575,7 @@ main.prose img:hover {
}
.st-card {
- border-radius: 20px;
+ border-radius: 25px;
background: var(--hover-bg);
overflow: hidden;
}
@@ -681,7 +681,6 @@ label.st-row {
border: none;
border-radius: 50%;
background: var(--sw, var(--hover-bg));
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
cursor: pointer;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
diff --git a/src/css/themes.css b/src/css/themes.css
index 4714ea5..7beaee5 100644
--- a/src/css/themes.css
+++ b/src/css/themes.css
@@ -243,7 +243,6 @@
}
.st-theme.on {
- border-color: var(--text);
background: var(--hover-bg);
color: var(--text);
font-weight: 600;
diff --git a/src/js/main.js b/src/js/main.js
index 8e706dd..e08eb5a 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -1674,6 +1674,17 @@ function buildSearch() {
var lightboxScale = 1;
var activeOriginImg = null;
+function bindLightboxClicks() {
+ document.addEventListener("click", function (e) {
+ if (!(e.target instanceof HTMLImageElement)) return;
+ var img = e.target;
+ if (!img.closest("main.prose")) return;
+ if (img.closest("a")) return;
+ e.preventDefault();
+ openLightbox(img);
+ });
+}
+
function initLightbox() {
if (document.getElementById("image-lightbox")) return;
var lb = document.createElement("div");
@@ -1922,6 +1933,7 @@ document.addEventListener("DOMContentLoaded", function () {
buildSettings();
initEasterEggs();
initContribSheet();
+ bindLightboxClicks();
loadPage();
window.addEventListener("popstate", loadPage);