Merge pull request #324 from GilbN/develop

1.6.13

css/base/overseerr/overseerr-base.css

@@ -336,14 +336,14 @@ a.slider-title:hover {
 
 /* SHOW PAGE */
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 {
-    background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important;
+    background: var(--overseerr-gradient) !important;
 }
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-overview {
-    background: var(--main-bg-color);
+    /* background: var(--main-bg-color);
     padding: 1rem 1rem 2rem 0;
     padding-left: 1rem;
-    margin: 1rem -1rem -1rem;
+    margin: 1rem -1rem -1rem; */
 }
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover,

css/community-theme-options/blackberry-abyss.css

@@ -29,4 +29,7 @@
   --plex-poster-unwatched: #829db9;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 130, 157, 185;
+  --overseerr-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(to right, hsla(211, 18%, 5%, .9), hsla(211, 18%, 45%, .9), rgba(10, 13, 15, 0.9)) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-amethyst.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(134, 84, 132);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 134, 84, 132;
+  --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, rgb(223, 137, 222, .85) 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-carol.css

@@ -34,4 +34,12 @@
   --plex-poster-unwatched: rgb(100, 15, 15);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 100, 15, 15;
+  --overseerr-gradient: url("https://theme-park.dev/resources/blur-noise.png"),
+  radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom right, rgba(11, 80, 25, 0.85), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, rgb(11, 80, 25,.85) 0%, rgb(167, 6, 6,.85) 135%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-dreamscape.css

@@ -30,4 +30,7 @@
   --plex-poster-unwatched: #e7627d;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 231, 98, 125;
+  --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  linear-gradient(to top, rgb(226, 201, 204, .9) 1%, rgb(231, 98, 125, .9) 46%, rgb(184, 35, 90, .9) 59%, rgb(128, 19, 87, .9) 71%, rgb(61, 22, 53, .9) 84%, rgb(28, 26, 39, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-flamingo.css

@@ -28,4 +28,6 @@
   --plex-poster-unwatched: #ff9a9e;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 154, 158;
+  --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, rgb(255, 154, 158, .9) 0%, rgb(250, 208, 196, .9) 99%, rgb(250, 208, 196, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-hearth.css

@@ -29,4 +29,6 @@
   --plex-poster-unwatched: #ff9a9e;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 154, 158;
+  --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
+  linear-gradient(to bottom, hsla(0, 20%, 5%, 0.9), hsl(0, 65%, 23%, .9), hsl(0, 100%, 9%, .9)) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-martian.css

@@ -29,4 +29,7 @@
   --plex-poster-unwatched: #43e97b;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 67, 233, 123;
+  --overseerr-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed,
+  radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+   linear-gradient(to right, rgb(67, 233, 123, .9) 0%, rgb(4, 56, 21, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-pumpkin.css

@@ -30,4 +30,8 @@
   --plex-poster-unwatched: #ff8a00;
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 138, 0;
+  --overseerr-gradient: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed,
+  radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12, .85)) center center/cover no-repeat fixed,
+   radial-gradient(at center center, rgb(255, 138, 0, .85) 50%, rgb(55, 3, 58, .85) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-royal.css

@@ -28,4 +28,6 @@
   --plex-poster-unwatched: rgb(185, 170, 159);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4:  185, 170, 159;
+  --overseerr-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed,
+  radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) rgba(0, 0, 0, 0.90) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-shadow.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(81, 101, 114);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4:  81, 101, 114;
+  --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .9), rgb(9, 12, 14, .9)) center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-solar.css

@@ -28,4 +28,6 @@
   --plex-poster-unwatched: rgb(246, 211, 101);
   --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4:  246, 211, 101;
+  --overseerr-gradient: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed,
+  linear-gradient(120deg, rgb(246, 211, 101, .8) 0%, rgb(162, 90, 37, .8) 100%)  center center/cover no-repeat fixed;
 }

css/community-theme-options/blackberry-vanta.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #e5a00d;
   --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 255, 255;
+  --overseerr-gradient: linear-gradient(rgba(0, 0, 0, 0.47) 0%, rgb(0, 0, 0) 100%);
 }

css/community-theme-options/hotline-old.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #FB3122;
   --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
   --gitea-color-primary-dark-4: 244, 67, 54;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgb(244, 67, 54, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
 }

css/community-theme-options/mind.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #e1d500;
   --petio-spinner: invert(72%) sepia(97%) saturate(1218%) hue-rotate(10deg) brightness(102%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 228, 216, 0;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/onedark.css

@@ -27,5 +27,6 @@
   --plex-poster-unwatched: #e06c75;
   --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 97, 175, 239;
+  --overseerr-gradient: linear-gradient(180deg, rgba(40, 44, 52, 0.17) 0%, rgba(40, 44, 52) 100%);
   }
 

css/community-theme-options/pine-shadow.css

@@ -27,4 +27,5 @@
     --plex-poster-unwatched: rgb(229, 160, 13);
     --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
     --gitea-color-primary-dark-4: 255, 193, 7;
+    --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .95), rgb(9, 12, 14, .95)) center center/cover no-repeat fixed;
   }

css/community-theme-options/power.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(216, 22, 174);
   --petio-spinner: invert(8%) sepia(62%) saturate(6812%) hue-rotate(304deg) brightness(108%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 166, 40, 140;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/reality.css

@@ -24,4 +24,5 @@
   --plex-poster-unwatched: rgb(232, 12, 11);
   --petio-spinner: invert(14%) sepia(93%) saturate(3042%) hue-rotate(349deg) brightness(112%) contrast(116%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 232, 12, 11;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/soul.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #880030;
   --petio-spinner: invert(9%) sepia(44%) saturate(6901%) hue-rotate(327deg) brightness(101%) contrast(110%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 153, 0;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/space.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(0, 98, 255);
   --petio-spinner: invert(25%) sepia(99%) saturate(4489%) hue-rotate(214deg) brightness(104%) contrast(109%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 0, 98, 255;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/community-theme-options/time.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(109, 247, 81);
   --petio-spinner: invert(73%) sepia(74%) saturate(428%) hue-rotate(55deg) brightness(101%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 109, 247, 81;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
 }

css/theme-options/aquamarine.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: rgb(21, 213, 194);
   --petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 18, 175, 160;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgb(71, 145, 138, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
 }

css/theme-options/dark.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #e5a00d;
   --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 255, 255, 255;
+  --overseerr-gradient: radial-gradient(circle, rgba(58, 58, 58,.95), rgba(45, 45, 45,.95), rgba(32, 32, 32,.95), rgba(20, 20, 20,.95), rgb(0, 0, 0,.95)) center center/cover no-repeat fixed;
 }

css/theme-options/dracula.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #bd93f9;
   --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 80, 250, 123;
+  --overseerr-gradient: linear-gradient(180deg, rgba(40, 42, 54, 0.17) 0%, rgba(40, 42, 54) 100%);
   }

css/theme-options/hotline.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #f765b8;
   --petio-spinner: invert(78%) sepia(17%) saturate(4447%) hue-rotate(290deg) brightness(109%) contrast(95%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
   --gitea-color-primary-dark-4: 215,255,254;
+  --overseerr-gradient: linear-gradient(0deg, rgba(247,101,184,.9) 0%, rgb(21, 95, 165,.9) 100%) center center/cover no-repeat fixed;
 }

css/theme-options/hotpink.css

@@ -26,5 +26,6 @@
   --plex-poster-unwatched: #fb3f62;
   --petio-spinner: invert(29%) sepia(87%) saturate(2199%) hue-rotate(331deg) brightness(115%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 251, 63, 98;
+  --overseerr-gradient: linear-gradient(45deg, rgb(251, 63, 98,1) 0%, rgb(32, 76, 128,.95) 37%, rgb(0, 66, 73,.9) 97%) center center/cover no-repeat fixed;
   }
 

css/theme-options/nord.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #D08770;
   --petio-spinner: invert(83%) sepia(9%) saturate(1787%) hue-rotate(156deg) brightness(85%) contrast(83%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 121, 184, 202;
+  --overseerr-gradient: linear-gradient(180deg, rgba(46, 52, 64, 0.17) 0%, rgba(46, 52, 64) 100%);
   }

css/theme-options/organizr.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #2cabe3;
   --petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 44, 171, 227;
+  --overseerr-gradient: linear-gradient(180deg, rgba(31, 31, 31, 0.17) 0%, rgba(31, 31, 31) 100%);
 }

css/theme-options/overseerr.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #6366f1;
   --petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 98, 116, 145;
+  --overseerr-gradient: linear-gradient(rgba(17, 24, 39, 0.47) 0%, rgb(17, 24, 39) 100%);
 }

css/theme-options/plex.css

@@ -29,4 +29,5 @@
     --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
     --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
     --gitea-color-primary-dark-4: 255, 193, 7;
- }
+    --overseerr-gradient: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100% , rgba(54, 66, 84, 0.55) 0% , rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%) center center/cover no-repeat fixed , radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%) center center/cover no-repeat fixed , rgb(0, 0, 0,.9) center center/cover no-repeat fixed;
+   }

css/theme-options/space-gray.css

@@ -27,4 +27,5 @@
   --plex-poster-unwatched: #70aeca;
   --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 129, 166, 183;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgba(87, 108, 117, .9) 0%, rgba(37, 50, 55, .9) 100.2%) center center/cover no-repeat fixed;
 }

docker/Dockerfile

@@ -0,0 +1,18 @@
+FROM ghcr.io/linuxserver/baseimage-alpine-nginx:3.14
+
+LABEL maintainer="Roxedus"
+
+COPY / /themepark
+
+RUN \
+echo " ## Installing packages ## " && \
+apk add --no-cache --virtual=build-dependencies \
+    python3 
+
+
+# RUN mkdir -p /usr/share/nginx/html/css/ 
+# RUN mkdir -p /usr/share/nginx/html/resources/ 
+# RUN cp -R css/  /usr/share/nginx/html/css/ 
+# RUN cp -R resources/ /usr/share/nginx/html/resources/ 
+# RUN cp index.html /usr/share/nginx/html/index.html 
+#rm -rf /themepark

index.html

@@ -8,23 +8,27 @@
     <title>theme.park - A collection of themes/skins for your favorite apps!</title>
     <meta name="title" content="theme.park - A collection of themes/skins for your favorite apps!">
     <meta name="theme-color" content="#12afa0">
-    <meta name="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta name="description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <!-- Google / Search Engine Tags -->
     <meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
-    <meta itemprop="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta itemprop="description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <meta itemprop="image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:site_name" content="theme.park">
     <meta property="og:url" content="https://theme-park.dev/">
     <meta property="og:title" content="theme.park - A collection of themes/skins for your favorite apps!">
-    <meta property="og:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="og:description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <meta property="og:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://theme-park.dev/">
     <meta property="twitter:title" content="theme.park - A collection of themes/skins for your favorite apps!">
-    <meta property="twitter:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="twitter:description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
     <meta property="twitter:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
     <!-- Favicon-->
     <link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
@@ -37,11 +41,20 @@
     <!-- Third party plugin CSS-->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"
         rel="stylesheet" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
     <!-- Core theme CSS (includes Bootstrap)-->
     <link href="resources/landing-page/css/styles.css?v=1.1" rel="stylesheet" />
     <link rel="stylesheet" href="resources/landing-page/css/jquery-bg-slideshow.css">
     <link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.6">
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-VL0TX65BLH"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-VL0TX65BLH');
+    </script>
 </head>
 
 <body id="page-top">
@@ -156,8 +169,11 @@
                 <div class="col-lg col-md-6 text-center">
                     <div class="mt-5">
                         <i class="fas fa-4x fa-palette text-primary mb-4"></i>
-                        <h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community Themes!</a></h3>
+                        <h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community
-                        <p class="text-white-50 mb-0">Got a good <a href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see added? PR it!</p>
+                                Themes!</a></h3>
+                        <p class="text-white-50 mb-0">Got a good <a
+                                href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see
+                            added? PR it!</p>
                     </div>
                 </div>
                 <div class="col-lg col-md-6 text-center">
@@ -172,20 +188,23 @@
     </section>
     <!-- Portfolio-->
     <section class="page-section pt-0">
-    <div class="container pb-3">
+        <div class="container pb-3">
-        <div class="row h-100 align-items-center justify-content-center text-center">
+            <div class="row h-100 align-items-center justify-content-center text-center">
-            <div class="col-lg-10 align-self-end">
+                <div class="col-lg-10 align-self-end">
-            </div>
+                </div>
-            <div class="col-lg-8 align-self-baseline">
+                <div class="col-lg-8 align-self-baseline">
-                <button id="switch-theme" class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click Me!</button>
+                    <button id="switch-theme"
+                        class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click
+                        Me!</button>
+                </div>
             </div>
         </div>
-    </div>
+    </section>
-</section>
     <section class="page-section pb-1" id="themes">
         <div class="container">
             <h2 class="text-center mt-0">Official theme options</h2>
-            <h6 class="text-center mt-0">Click here for the <a href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
+            <h6 class="text-center mt-0">Click here for the <a
+                    href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
 
 
             <hr class="divider my-4" />