diff --git a/Resources/landing-page/assets/img/aquamarine-small.png b/Resources/landing-page/assets/img/aquamarine-small.png new file mode 100644 index 00000000..811ab414 Binary files /dev/null and b/Resources/landing-page/assets/img/aquamarine-small.png differ diff --git a/Resources/landing-page/assets/img/aquamarine.png b/Resources/landing-page/assets/img/aquamarine.png index 594592aa..e32584b9 100644 Binary files a/Resources/landing-page/assets/img/aquamarine.png and b/Resources/landing-page/assets/img/aquamarine.png differ diff --git a/Resources/landing-page/assets/img/dark-small.png b/Resources/landing-page/assets/img/dark-small.png new file mode 100644 index 00000000..f8bf8869 Binary files /dev/null and b/Resources/landing-page/assets/img/dark-small.png differ diff --git a/Resources/landing-page/assets/img/dark.png b/Resources/landing-page/assets/img/dark.png index dce8149e..73bf8563 100644 Binary files a/Resources/landing-page/assets/img/dark.png and b/Resources/landing-page/assets/img/dark.png differ diff --git a/Resources/landing-page/assets/img/hotline-small.png b/Resources/landing-page/assets/img/hotline-small.png new file mode 100644 index 00000000..a8dd69de Binary files /dev/null and b/Resources/landing-page/assets/img/hotline-small.png differ diff --git a/Resources/landing-page/assets/img/hotline.png b/Resources/landing-page/assets/img/hotline.png index 3f5c9fe9..b1d8d5a0 100644 Binary files a/Resources/landing-page/assets/img/hotline.png and b/Resources/landing-page/assets/img/hotline.png differ diff --git a/Resources/landing-page/assets/img/organizr-dark-small.png b/Resources/landing-page/assets/img/organizr-dark-small.png new file mode 100644 index 00000000..25f22a62 Binary files /dev/null and b/Resources/landing-page/assets/img/organizr-dark-small.png differ diff --git a/Resources/landing-page/assets/img/organizr-dark.png b/Resources/landing-page/assets/img/organizr-dark.png index 2ce8e805..5e638427 100644 Binary files a/Resources/landing-page/assets/img/organizr-dark.png and b/Resources/landing-page/assets/img/organizr-dark.png differ diff --git a/Resources/landing-page/assets/img/plex-small.png b/Resources/landing-page/assets/img/plex-small.png new file mode 100644 index 00000000..8fc9c9d4 Binary files /dev/null and b/Resources/landing-page/assets/img/plex-small.png differ diff --git a/Resources/landing-page/assets/img/plex.png b/Resources/landing-page/assets/img/plex.png index 18842c21..e3dd2907 100644 Binary files a/Resources/landing-page/assets/img/plex.png and b/Resources/landing-page/assets/img/plex.png differ diff --git a/Resources/landing-page/assets/img/slides/1.jpg b/Resources/landing-page/assets/img/slides/1.jpg new file mode 100644 index 00000000..87389989 Binary files /dev/null and b/Resources/landing-page/assets/img/slides/1.jpg differ diff --git a/Resources/landing-page/assets/img/slides/10.jpg b/Resources/landing-page/assets/img/slides/10.jpg new file mode 100644 index 00000000..81a676e9 Binary files /dev/null and b/Resources/landing-page/assets/img/slides/10.jpg differ diff --git a/Resources/landing-page/assets/img/slides/2.jpg b/Resources/landing-page/assets/img/slides/2.jpg new file mode 100644 index 00000000..23244f41 Binary files /dev/null and b/Resources/landing-page/assets/img/slides/2.jpg differ diff --git a/Resources/landing-page/assets/img/slides/3.jpg b/Resources/landing-page/assets/img/slides/3.jpg new file mode 100644 index 00000000..31dac5ab Binary files /dev/null and b/Resources/landing-page/assets/img/slides/3.jpg differ diff --git a/Resources/landing-page/assets/img/slides/4.jpg b/Resources/landing-page/assets/img/slides/4.jpg new file mode 100644 index 00000000..2eaf7a70 Binary files /dev/null and b/Resources/landing-page/assets/img/slides/4.jpg differ diff --git a/Resources/landing-page/assets/img/slides/5.jpg b/Resources/landing-page/assets/img/slides/5.jpg new file mode 100644 index 00000000..154aa135 Binary files /dev/null and b/Resources/landing-page/assets/img/slides/5.jpg differ diff --git a/Resources/landing-page/assets/img/slides/6.jpg b/Resources/landing-page/assets/img/slides/6.jpg new file mode 100644 index 00000000..5186664a Binary files /dev/null and b/Resources/landing-page/assets/img/slides/6.jpg differ diff --git a/Resources/landing-page/assets/img/slides/7.jpg b/Resources/landing-page/assets/img/slides/7.jpg new file mode 100644 index 00000000..94cf4813 Binary files /dev/null and b/Resources/landing-page/assets/img/slides/7.jpg differ diff --git a/Resources/landing-page/assets/img/slides/8.jpg b/Resources/landing-page/assets/img/slides/8.jpg new file mode 100644 index 00000000..c80f207b Binary files /dev/null and b/Resources/landing-page/assets/img/slides/8.jpg differ diff --git a/Resources/landing-page/assets/img/slides/9.jpg b/Resources/landing-page/assets/img/slides/9.jpg new file mode 100644 index 00000000..6ef49336 Binary files /dev/null and b/Resources/landing-page/assets/img/slides/9.jpg differ diff --git a/Resources/landing-page/assets/img/space-gray-small.png b/Resources/landing-page/assets/img/space-gray-small.png new file mode 100644 index 00000000..14f67b53 Binary files /dev/null and b/Resources/landing-page/assets/img/space-gray-small.png differ diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css new file mode 100644 index 00000000..e47e992b --- /dev/null +++ b/Resources/landing-page/css/custom.css @@ -0,0 +1,256 @@ +@media (min-width: 992px) { + #mainNav { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.55); + backdrop-filter: blur(10px); + } + + #mainNav .navbar-brand { + color: rgba(255, 255, 255, 0.7); + } + + #mainNav .navbar-brand:hover { + color: #fff; + } + + #mainNav .navbar-nav .nav-item .nav-link { + color: rgba(255, 255, 255, 0.7); + padding: 0 1rem; + } + + #mainNav .navbar-nav .nav-item .nav-link:hover { + color: #fff; + } + + #mainNav .navbar-nav .nav-item:last-child .nav-link { + padding-right: 0; + } + + #mainNav.navbar-scrolled { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, 0.55); + backdrop-filter: blur(10px); + } + + #mainNav.navbar-scrolled .navbar-brand { + color: #212529; + } + + #mainNav.navbar-scrolled .navbar-brand:hover { + color: #12afa0; + } + + #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link { + color: #fff; + ; + } + + #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover { + color: #12afa0; + } +} + +#mainNav { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.55); + backdrop-filter: blur(10px); +} + +.navbar-light .navbar-toggler-icon { + filter: invert(1); +} + +.mfp-container { + backdrop-filter: blur(10px); +} + +/* BUTTON SHIT*/ +.btn-primary { + color: #fff; + background-color: #009688; + border-color: #009688; +} + +.btn-primary:hover { + color: #fff; + background-color: #12afa0; + border-color: #12afa0; +} + +.btn-primary:focus, +.btn-primary.focus { + color: #fff; + background-color: #12afa0; + border-color: #12afa0; + box-shadow: 0 0 0 0.2rem #12afa080; +} + +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #009688; + border-color: #009688; +} + +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle { + color: #fff; + background-color: #12afa0; + border-color: #12afa0; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem #12afa080; +} + +hr.divider { + border-color: #12afa0 +} + +a { + color: #fff; +} +a:hover { + color: #12afa0; + text-decoration: none; +} +.text-primary { + color: #12afa0 !important; +} +body,html { + background: transparent; +} +/* IMAGE SLIDER */ +.jquery-bg-slideshow-wrap-bg-element { + width: 100%; + height: 100%; + background-color: transparent; +} + +.bg { + height: 100%; + width: 100%; + background-color: black; + color: white; + font-size: 30pt; + align-items: center; + justify-content: center; + display: flex; + text-align: center; + text-shadow: 1px 1px 10px black; + margin: 0; +} + + +#portfolio .container-fluid .portfolio-box .portfolio-box-caption, +#portfolio .container-sm .portfolio-box .portfolio-box-caption, +#portfolio .container-md .portfolio-box .portfolio-box-caption, +#portfolio .container-lg .portfolio-box .portfolio-box-caption, +#portfolio .container-xl .portfolio-box .portfolio-box-caption { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + bottom: 0; + text-align: center; + opacity: 0; + color: #fff; + background: transparent; + transition: opacity 0.25s ease; + text-align: center; +} + +.bg-primary, +.bg-dark { + background: #2d2d2d; + /* fallback for old browsers */ + background: -webkit-linear-gradient(to top, #2d2d2d, #000000); + /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to top, #2d2d2d, #000000); + /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + +} +.theme-overview { + background: #2d2d2d; + /* fallback for old browsers */ + background: -webkit-linear-gradient(to bottom, #2d2d2d, #000000); + /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to bottom, #2d2d2d, #000000); + /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + font-family: var(--font-family-sans-serif); +} +#services { + background: #2d2d2d; + color: white; + padding: 0rem 0 8rem 0; +} + +.app-container { + background: rgba(0, 0, 0, 0.2); + color:rgba(255, 255, 255, 0.7); + border-radius: 5px; +} +.app-container:hover { + color: white; + text-decoration: none; + background: #47918a80; +} +.app-container:hover img { + transform: scale(1.1); +} +.app-container img { + transition: transform .5s; +} + +.app-container-image { + width: 48px; + height: 48px; +} + +p { + margin-bottom: 0.5rem; + font-family: "Merriweather Sans", -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-weight: 500; + line-height: 1.2; +} +.portfolio-box img { + object-fit: cover; + width: 562.4px; + height: 295.56px; + } + +#portfolio .container-fluid .portfolio-box .portfolio-box-caption.aquamarine-hover:hover { + background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + opacity: .9; +} + +#portfolio .container-fluid .portfolio-box .portfolio-box-caption.hotline-hover:hover { + background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + opacity: .9; +} + +#portfolio .container-fluid .portfolio-box .portfolio-box-caption.space-gray-hover:hover { + background: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + opacity: .9; +} + +#portfolio .container-fluid .portfolio-box .portfolio-box-caption.organizr-dark-hover:hover { + background: #1f1f1f; + opacity: .9; +} + +#portfolio .container-fluid .portfolio-box .portfolio-box-caption.dark-hover:hover { + background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + opacity: .9; +} + +#portfolio .container-fluid .portfolio-box .portfolio-box-caption.plex-hover:hover { + background: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; + opacity: .9; +} \ No newline at end of file diff --git a/Resources/landing-page/css/styles.css b/Resources/landing-page/css/styles.css index 838eb249..5c9fa4f7 100644 --- a/Resources/landing-page/css/styles.css +++ b/Resources/landing-page/css/styles.css @@ -10105,12 +10105,12 @@ hr.light { header.masthead { padding-top: 10rem; padding-bottom: calc(10rem - 4.5rem); - background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.404) 100%), url("../assets/img/aquamarine.png"); + background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.404) 100%), url("../assets/img/slides/2.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; -} +} header.masthead h1 { font-size: 2.25rem; } diff --git a/Resources/landing-page/index.html b/Resources/landing-page/index.html deleted file mode 100644 index 5c6a9701..00000000 --- a/Resources/landing-page/index.html +++ /dev/null @@ -1,218 +0,0 @@ - - - - - - - - theme.park - - - - - - - - - - - - - - - - - -
-
-
-
-

Custom themes for your favorite apps!

-
-
-
-

A collection of themes/skins for your favorite apps!

- Find Out More -
-
-
-
- -
-
-
-
-

We've got what you need!

-
-

Start Bootstrap has everything you need to get your new website up and running in no time! Choose one of our open source, free to download, and easy to use themes! No strings attached!

- Get Started! -
-
-
-
- -
-
-

At Your Service

-
-
-
-
- -

Sturdy Themes

-

Our themes are updated regularly to keep them bug free!

-
-
-
-
- -

Up to Date

-

All dependencies are kept current to keep things fresh.

-
-
-
-
- -

Ready to Publish

-

You can use this design as is, or you can make changes!

-
-
-
-
- -

Made with Love

-

Is it really open source if it's not made with love?

-
-
-
-
-
- -
-
-
-
- - ... -
-
Category
-
Project Name
-
- -
-
- - ... -
-
Category
-
Project Name
-
- -
-
- - ... -
-
Category
-
Project Name
-
- -
-
- - ... -
-
Category
-
Project Name
-
- -
-
- - ... -
-
Category
-
Project Name
-
- -
-
- - ... -
-
Category
-
Project Name
-
- -
-
-
-
- -
-
-

Free Download at Start Bootstrap!

- Download Now! -
-
- -
-
-
-
-

Let's Get In Touch!

-
-

Ready to start your next project with us? Give us a call or send us an email and we will get back to you as soon as possible!

-
-
-
-
- -
+1 (555) 123-4567
-
-
- - - contact@yourwebsite.com -
-
-
-
- - - - - - - - - - - - - diff --git a/Resources/landing-page/js/jquery-bg-slideshow.js b/Resources/landing-page/js/jquery-bg-slideshow.js index ff4f02e1..8143a515 100644 --- a/Resources/landing-page/js/jquery-bg-slideshow.js +++ b/Resources/landing-page/js/jquery-bg-slideshow.js @@ -31,7 +31,7 @@ * */ - (function($) { +(function($) { $.fn.bgSlideShow = function(options) { var preloadedImages = new Array(); @@ -46,6 +46,8 @@ transitionSpeed: 3000, // The effect to use when transitioning (fade-in, from-right, from-left) transitionEffect: 'fade-in', + // Adds a gradient over the images. + gradient: null, // Randomize the start element randomize: false, // If the initial image should also be rendered by this plugin @@ -118,20 +120,21 @@ thisSetting.images = s.images; thisSetting.slideControls = s.slideControls; // List controls - thisSetting.slideControls.enabled = $(elmt).data("slidecontrols.enabled") || s.slideControls.enabled; + thisSetting.slideControls.enabled = getBoolean($(elmt).data("slidecontrols.enabled"),s.slideControls.enabled); thisSetting.slideControls.classes = $(elmt).data("slidecontrols.classes") || s.slideControls.classes; // thisSetting.slideControls.size = $(elmt).data("slideControls.size") || s.slideControls.size; // thisSetting.slideControls.spaceBetween = $(elmt).data("slideControls.spacebetween") || s.slideControls.spaceBetween; // thisSetting.slideControls.backgroundColor = $(elmt).data("slideControls.backgroundcolor") || s.slideControls.backgroundColor; // thisSetting.slideControls.borderColor = $(elmt).data("slideControls.bordercolor") || s.slideControls.borderColor; // thisSetting.slideControls.borderSize = $(elmt).data("slideControls.bordersize") || s.slideControls.borderSize; - + // Images are comma separated, so we need to split that into arrays if ($(elmt).data("images")) { thisSetting.images = $(elmt).data("images").split(",").map(item => item.trim()); } thisSetting.initialBackground = $(elmt).data("initialbackground") || s.initialBackground; thisSetting.transitionDelay = $(elmt).data("transitiondelay") || s.transitionDelay; + thisSetting.gradient = $(elmt).data("gradient") || s.gradient; thisSetting.transitionSpeed = $(elmt).data("transitionspeed") || s.transitionSpeed; thisSetting.transitionEffect = $(elmt).data("transitioneffect") || s.transitionEffect; thisSetting.randomize = getBoolean($(elmt).data("randomize"), s.randomize); @@ -279,7 +282,11 @@ } else { image = settings.initialBackground; } - $(element).css("background-image", "url(" + image + ")"); + if(settings.gradient) { + $(element).css("background-image", settings.gradient + ", url(" + image + ")"); + }else { + $(element).css("background-image", "url(" + image + ")"); + } } /** @@ -305,18 +312,36 @@ $(settings.cloned).remove(); } settings.cloned = $(element).clone(); + if(settings.gradient) { + $(settings.cloned).addClass("jquery-bg-slideshow-cloned").css({ + "background-image": settings.gradient+", url(" + nextImage + ")" + }).insertAfter($(element)); + } else { + $(settings.cloned).addClass("jquery-bg-slideshow-cloned").css({ + "background-image": "url(" + nextImage + ")" + }).insertAfter($(element)); + } $(settings.cloned).addClass("jquery-bg-slideshow-cloned").css({ - "background-image": "url(" + nextImage + ")" + "background-image": settings.gradient+", url(" + nextImage + ")" }).insertAfter($(element)); $(settings.cloned).css("display", settings.defaultDisplay); debug(settings.debug, "Before element fadeout"); $(element).stop().fadeOut(settings.transitionSpeed, function() { debug(settings.debug, "Fading out is done - should remove cloned element"); - $(this).css({ - "background-image": "url(" + nextImage + ")", - "position": "absolute", - "display": settings.defaultDisplay - }); + if(settings.gradient) { + $(this).css({ + "background-image": settings.gradient+", url(" + nextImage + ")", + "position": "absolute", + "display": settings.defaultDisplay + }); + } else { + $(this).css({ + "background-image": "url(" + nextImage + ")", + "position": "absolute", + "display": settings.defaultDisplay + }); + } + //var removed = $(settings.cloned).remove(); //debug(settings.debug, "Total removed [" + removed.length + "]"); if (settings.eventHandlers.afterChange) { diff --git a/index.html b/index.html new file mode 100644 index 00000000..8d8264d3 --- /dev/null +++ b/index.html @@ -0,0 +1,428 @@ + + + + + + + + + theme.park + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

Custom themes for your favorite apps!

+
+
+
+

A collection of themes/skins for over 45 selfhosted apps! +

+ Find Out More +
+
+
+
+ +
+
+
+
+

Over 45 themed apps

+
+

theme.park contains 46 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

+ Get Started! +
+ +
+
+
+
+ +

+

Sonarr

+ + +

+

Radarr

+ + +

+

Lidarr

+ + +

+

Bazarr

+ + +

+

Readarr

+ + +

+

Plex

+ + +

+

Calibre-Web

+ + +

+

Jellyfin

+ + +

+

Tautulli

+ + +

+

Ombi

+ + +

+

Requestrr

+ + +

+

Organizr

+ +
+
+ +

+

qBittorrent

+ + +

+

ruTorrent

+ + +

+

Transmission

+ + +

+

SABnzbd

+ + +

+

NZBGet

+ + +

+

Grafana

+ + +

+

Netdata

+ + +

+

Monitorr

+ + +

+

Logarr

+ + +

+

Portainer

+ + +

+

Pi-hole

+ + +

+

Guacamole

+ +
+
+ +

+

Filebrowser

+ + +

+

PLPP

+ + +

+

Librespeed

+ + +

+

The Lounge

+ + +

+

Lazylibrarian

+ + +

+

Adguard

+ + +

+

Gaps

+ + +

+

Bitwarden

+ + +

+

Duplicacy

+ + +

+

Kitana

+ + +

+

Webtools

+ + +

+

Resilio-Sync

+ +
+
+
+ +

+

Gitea

+ + +

+

Unraid

+ + +

+

Moviematch

+ + +

+

Petio

+ + +

+

Flood

+ + +

+

Dozzle

+ +
+
+
+
+ +
+
+

How to get started

+
+
+
+
+ +

Theme Docs

+

Head over to the documentation page for more information on each theme!

+
+
+
+
+ +

Find us on Github

+

Having issues with a theme? Let us know on Github!

+
+
+
+
+ +

Discord Community

+

Need live support? Head over to our Discord server!

+
+
+
+
+ +

Made with Love

+

Is it really open source if it's not made with love?

+
+
+
+
+
+ +
+
+
+
+ + ... +
+
Theme
+
Aquamarine
+
+ +
+
+ + ... +
+
Theme
+
Hotline
+
+ +
+
+ + ... +
+
Theme
+
Space Gray
+
+ +
+
+ + ... +
+
Theme
+
Organizr Dark
+
+ +
+
+ + ... +
+
Theme
+
Dark
+
+ +
+
+ + ... +
+
Theme
+
Plex
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file