fixed sub/dub/raw modes"

2 files changed, 85 insertions, 323 deletions

diff --git a/static/css/main.css b/static/css/main.css
index cb8f962..b45f803 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -621,6 +621,10 @@ video {
   bottom: 0px;
 }
 
+.-left-\[0\.35rem\] {
+  left: -0.35rem;
+}
+
 .bottom-0 {
   bottom: 0px;
 }
@@ -657,6 +661,10 @@ video {
   right: 2.5rem;
 }
 
+.right-2 {
+  right: 0.5rem;
+}
+
 .right-4 {
   right: 1rem;
 }
@@ -665,52 +673,24 @@ video {
   top: 0px;
 }
 
-.top-16 {
-  top: 4rem;
-}
-
-.top-36 {
-  top: 9rem;
-}
-
-.top-full {
-  top: 100%;
-}
-
-.left-\[-0\.5rem\] {
-  left: -0.5rem;
-}
-
-.top-\[-0\.35rem\] {
-  top: -0.35rem;
-}
-
-.-left-\[0\.5rem\] {
-  left: -0.5rem;
-}
-
-.-top-\[0\.35rem\] {
-  top: -0.35rem;
-}
-
-.-left-\[0\.35rem\] {
-  left: -0.35rem;
-}
-
 .top-1 {
   top: 0.25rem;
 }
 
-.right-2 {
-  right: 0.5rem;
+.top-16 {
+  top: 4rem;
 }
 
 .top-2 {
   top: 0.5rem;
 }
 
-.z-0 {
-  z-index: 0;
+.top-36 {
+  top: 9rem;
+}
+
+.top-full {
+  top: 100%;
 }
 
 .z-10 {
@@ -725,14 +705,6 @@ video {
   z-index: 50;
 }
 
-.z-30 {
-  z-index: 30;
-}
-
-.z-\[3\] {
-  z-index: 3;
-}
-
 .-mx-4 {
   margin-left: -1rem;
   margin-right: -1rem;
@@ -763,10 +735,6 @@ video {
   margin-bottom: 2rem;
 }
 
-.-ml-5 {
-  margin-left: -1.25rem;
-}
-
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -916,10 +884,6 @@ video {
   height: 100%;
 }
 
-.h-\[2rem\] {
-  height: 2rem;
-}
-
 .max-h-24 {
   max-height: 6rem;
 }
@@ -972,6 +936,10 @@ video {
   width: 14rem;
 }
 
+.w-6 {
+  width: 1.5rem;
+}
+
 .w-64 {
   width: 16rem;
 }
@@ -997,38 +965,18 @@ video {
   width: max-content;
 }
 
-.w-20 {
-  width: 5rem;
-}
-
-.w-\[2\.5rem\] {
-  width: 2.5rem;
-}
-
-.w-1\/4 {
-  width: 25%;
-}
-
-.w-60 {
-  width: 15rem;
-}
-
-.w-6 {
-  width: 1.5rem;
-}
-
 .min-w-32 {
   min-width: 8rem;
 }
 
-.min-w-0 {
-  min-width: 0px;
-}
-
 .max-w-7xl {
   max-width: 80rem;
 }
 
+.max-w-96 {
+  max-width: 24rem;
+}
+
 .max-w-\[calc\(100\%-10rem\)\] {
   max-width: calc(100% - 10rem);
 }
@@ -1041,6 +989,10 @@ video {
   max-width: calc(100% - 6rem);
 }
 
+.max-w-\[calc\(100\%-8rem\)\] {
+  max-width: calc(100% - 8rem);
+}
+
 .max-w-full {
   max-width: 100%;
 }
@@ -1050,22 +1002,6 @@ video {
   max-width: max-content;
 }
 
-.max-w-\[calc\(100\%-4\.5rem\)\] {
-  max-width: calc(100% - 4.5rem);
-}
-
-.max-w-\[calc\(100\%-8rem\)\] {
-  max-width: calc(100% - 8rem);
-}
-
-.max-w-96 {
-  max-width: 24rem;
-}
-
-.max-w-\[calc\(100\%-2rem\)\] {
-  max-width: calc(100% - 2rem);
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1078,22 +1014,10 @@ video {
   flex-shrink: 0;
 }
 
-.flex-grow {
-  flex-grow: 1;
-}
-
 .origin-left {
   transform-origin: left;
 }
 
-.origin-top-left {
-  transform-origin: top left;
-}
-
-.origin-\[0px_0px\] {
-  transform-origin: 0px 0px;
-}
-
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1139,16 +1063,6 @@ video {
   animation: spin 1s linear infinite;
 }
 
-@keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1253,10 +1167,6 @@ video {
   overflow-y: auto;
 }
 
-.overflow-x-scroll {
-  overflow-x: scroll;
-}
-
 .overflow-y-scroll {
   overflow-y: scroll;
 }
@@ -1299,6 +1209,11 @@ video {
   border-radius: 0.75rem;
 }
 
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
 .rounded-l-md {
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
@@ -1309,35 +1224,18 @@ video {
   border-bottom-right-radius: 0.375rem;
 }
 
-.rounded-b-lg {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.rounded-br-lg {
-  border-bottom-right-radius: 0.5rem;
-}
-
-.rounded-tr-\[0\.5rem\] {
-  border-top-right-radius: 0.5rem;
-}
-
-.rounded-br-\[0\.5rem\] {
-  border-bottom-right-radius: 0.5rem;
-}
-
 .border {
   border-width: 1px;
 }
 
-.border-4 {
-  border-width: 4px;
-}
-
 .border-2 {
   border-width: 2px;
 }
 
+.border-4 {
+  border-width: 4px;
+}
+
 .border-b {
   border-bottom-width: 1px;
 }
@@ -1477,11 +1375,6 @@ video {
   border-color: rgb(202 138 4 / var(--tw-border-opacity));
 }
 
-.border-\[\#ff8da1\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 141 161 / var(--tw-border-opacity));
-}
-
 .border-opacity-10 {
   --tw-border-opacity: 0.1;
 }
@@ -1626,6 +1519,11 @@ video {
   background-color: rgb(255 237 213 / var(--tw-bg-opacity));
 }
 
+.bg-orange-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 186 116 / var(--tw-bg-opacity));
+}
+
 .bg-orange-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 146 60 / var(--tw-bg-opacity));
@@ -1646,6 +1544,11 @@ video {
   background-color: rgb(252 231 243 / var(--tw-bg-opacity));
 }
 
+.bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 168 212 / var(--tw-bg-opacity));
+}
+
 .bg-pink-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(244 114 182 / var(--tw-bg-opacity));
@@ -1686,6 +1589,11 @@ video {
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
 }
 
+.bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
+}
+
 .bg-red-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
@@ -1746,41 +1654,6 @@ video {
   background-color: rgb(161 98 7 / var(--tw-bg-opacity));
 }
 
-.bg-pink-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
-}
-
-.bg-pink-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 168 212 / var(--tw-bg-opacity));
-}
-
-.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
-}
-
-.bg-red-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
-}
-
-.bg-yellow-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
-}
-
-.bg-orange-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(253 186 116 / var(--tw-bg-opacity));
-}
-
-.bg-gray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
-}
-
 .bg-opacity-10 {
   --tw-bg-opacity: 0.1;
 }
@@ -1840,10 +1713,6 @@ video {
   padding: 1rem;
 }
 
-.p-\[0\.2rem\] {
-  padding: 0.2rem;
-}
-
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1894,11 +1763,6 @@ video {
   padding-bottom: 2rem;
 }
 
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -1939,30 +1803,6 @@ video {
   padding-top: 140%;
 }
 
-.pr-16 {
-  padding-right: 4rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.pb-3 {
-  padding-bottom: 0.75rem;
-}
-
-.pl-3 {
-  padding-left: 0.75rem;
-}
-
-.pr-9 {
-  padding-right: 2.25rem;
-}
-
-.pt-3 {
-  padding-top: 0.75rem;
-}
-
 .text-center {
   text-align: center;
 }
@@ -2085,6 +1925,11 @@ video {
   color: rgb(14 116 144 / var(--tw-text-opacity));
 }
 
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -2095,6 +1940,11 @@ video {
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
+.text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
+}
+
 .text-green-300 {
   --tw-text-opacity: 1;
   color: rgb(134 239 172 / var(--tw-text-opacity));
@@ -2190,6 +2040,11 @@ video {
   color: rgb(244 114 182 / var(--tw-text-opacity));
 }
 
+.text-pink-500 {
+  --tw-text-opacity: 1;
+  color: rgb(236 72 153 / var(--tw-text-opacity));
+}
+
 .text-pink-600 {
   --tw-text-opacity: 1;
   color: rgb(219 39 119 / var(--tw-text-opacity));
@@ -2304,21 +2159,6 @@ video {
   color: rgb(161 98 7 / var(--tw-text-opacity));
 }
 
-.text-pink-500 {
-  --tw-text-opacity: 1;
-  color: rgb(236 72 153 / var(--tw-text-opacity));
-}
-
-.text-gray-300 {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-
-.text-gray-700 {
-  --tw-text-opacity: 1;
-  color: rgb(55 65 81 / var(--tw-text-opacity));
-}
-
 .text-opacity-30 {
   --tw-text-opacity: 0.3;
 }
@@ -2353,24 +2193,6 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-\[2px_2px_4px_var\(--global-shadow\)\] {
-  --tw-shadow: 2px 2px 4px var(--global-shadow);
-  --tw-shadow-colored: 2px 2px 4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[2px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
-  --tw-shadow: 2px 2px 4px rgba(0,0,0,0.2);
-  --tw-shadow-colored: 2px 2px 4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[-2px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
-  --tw-shadow: -2px 2px 4px rgba(0,0,0,0.2);
-  --tw-shadow-colored: -2px 2px 4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2380,6 +2202,14 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2398,14 +2228,6 @@ video {
   transition-duration: 150ms;
 }
 
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
 .duration-100 {
   transition-duration: 100ms;
 }
@@ -2510,28 +2332,6 @@ main {
   animation: fadeInUp 0.5s ease-in-out forwards;
 }
 
-.hover\:scale-50:hover {
-  --tw-scale-x: .5;
-  --tw-scale-y: .5;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.hover\:scale-105:hover {
-  --tw-scale-x: 1.05;
-  --tw-scale-y: 1.05;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.hover\:scale-x-105:hover {
-  --tw-scale-x: 1.05;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.hover\:scale-y-105:hover {
-  --tw-scale-y: 1.05;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .hover\:rounded-b-lg:hover {
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
@@ -2749,24 +2549,18 @@ main {
   color: rgb(147 51 234 / var(--tw-text-opacity));
 }
 
-.hover\:text-white:hover {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
 .hover\:text-red-600:hover {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
 }
 
-.hover\:text-opacity-100:hover {
+.hover\:text-white:hover {
   --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:shadow-lg:hover {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.hover\:text-opacity-100:hover {
+  --tw-text-opacity: 1;
 }
 
 .focus\:outline-none:focus {
@@ -2859,26 +2653,10 @@ main {
     height: 1rem;
   }
 
-  .sm\:w-full {
-    width: 100%;
-  }
-
-  .sm\:w-96 {
-    width: 24rem;
-  }
-
   .sm\:max-w-96 {
     max-width: 24rem;
   }
 
-  .sm\:max-w-none {
-    max-width: none;
-  }
-
-  .sm\:max-w-\[24rem\] {
-    max-width: 24rem;
-  }
-
   .sm\:scale-100 {
     --tw-scale-x: 1;
     --tw-scale-y: 1;
@@ -2889,14 +2667,6 @@ main {
     gap: 0.5rem;
   }
 
-  .sm\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .sm\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
   .sm\:p-2 {
     padding: 0.5rem;
   }
@@ -2916,11 +2686,6 @@ main {
     padding-bottom: 0.5rem;
   }
 
-  .sm\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
   .sm\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -2940,10 +2705,6 @@ main {
   .md\:w-64 {
     width: 16rem;
   }
-
-  .md\:w-auto {
-    width: auto;
-  }
 }
 
 @media (min-width: 1024px) {
@@ -3023,10 +2784,6 @@ main {
     width: auto;
   }
 
-  .lg\:max-w-full {
-    max-width: 100%;
-  }
-
   .lg\:max-w-fit {
     max-width: -moz-fit-content;
     max-width: fit-content;
diff --git a/watch/views.py b/watch/views.py
index 3f87a55..4df7a90 100644
--- a/watch/views.py
+++ b/watch/views.py
@@ -276,12 +276,17 @@ def find_alternate_server(episode_id, mode):
     response = requests.get(base_url)
     response = response.json()
 
+    print(response  )
+
     if mode == "dub" and len(response["dub"]) > 0:
         server_id = response["dub"][0]["serverName"]
         mode = "dub"
-    else:
+    elif len(response["sub"]) > 0:
         server_id = response["sub"][0]["serverName"]
         mode = "sub"
+    elif len(response["raw"]) > 0:
+        server_id = response["raw"][0]["serverName"]
+        mode = "raw"
 
     return server_id, mode