mirror of
https://github.com/gilbN/theme.park.git
synced 2024-09-11 11:22:24 +02:00
commit
ad41a60d85
@ -109,17 +109,27 @@ h6,
|
|||||||
.h4,
|
.h4,
|
||||||
.h5,
|
.h5,
|
||||||
.h6,
|
.h6,
|
||||||
label:not(#g_advanced > div:nth-child(13) > label):not(#g_advanced > div:nth-child(12) > div.col-sm-8 > div > label),
|
|
||||||
label:not(.form-check-label):not(.btn):not(#g_advanced > div:nth-child(13) > label),
|
|
||||||
label.bold .card-header:first-child,
|
|
||||||
html[class*="theme_"] .card-header,
|
html[class*="theme_"] .card-header,
|
||||||
.modal-header {
|
.modal-header {
|
||||||
color: var(--text-hover) !important;
|
color: var(--text-hover) !important;
|
||||||
}
|
}
|
||||||
|
body,b,span, p,
|
||||||
|
html.theme_light label:not(.form-check-label):not(.btn), html.theme_light label.bold {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
/* NAVBAR */
|
/* NAVBAR */
|
||||||
.navbar {
|
.navbar,
|
||||||
background: var(--transparency-dark-25) !important;
|
.navbar .bg-dark {
|
||||||
|
background: var(--main-bg-color) !important;
|
||||||
|
background-repeat: repeat, no-repeat !important;
|
||||||
|
background-attachment: fixed, fixed !important;
|
||||||
|
background-position: center center, center center !important;
|
||||||
|
background-size: auto, cover !important;
|
||||||
|
-webkit-background-size: auto, cover !important;
|
||||||
|
-moz-background-size: auto, cover !important;
|
||||||
|
-o-background-size: auto, cover !important;
|
||||||
|
--bs-bg-opacity: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-dark .navbar-nav .show>.nav-link,
|
.navbar-dark .navbar-nav .show>.nav-link,
|
||||||
@ -299,6 +309,33 @@ select:focus {
|
|||||||
background: var(--drop-down-menu-bg) !important;
|
background: var(--drop-down-menu-bg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-control:focus {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--transparency-dark-15);
|
||||||
|
border-color: rgb(var(--accent-color));
|
||||||
|
outline: 0;
|
||||||
|
box-shadow: 0 0 0 0.25rem rgb(var(--accent-color) / 25%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
color: var(--text-hover);
|
||||||
|
background-color: var(--transparency-dark-25);
|
||||||
|
background-clip: padding-box;
|
||||||
|
border: 1px solid var(--transparency-light-10);
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-select:focus {
|
||||||
|
border-color: var(--transparency-light-20);
|
||||||
|
color: var(--text-hover);
|
||||||
|
outline: 0;
|
||||||
|
box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
/* DROPDOWN MENU */
|
/* DROPDOWN MENU */
|
||||||
/* html[class*="theme_"] .dropdown-menu {
|
/* html[class*="theme_"] .dropdown-menu {
|
||||||
background: var(--modal-bg-color);
|
background: var(--modal-bg-color);
|
||||||
@ -395,13 +432,11 @@ html[class*="theme_"] .progress {
|
|||||||
|
|
||||||
/* BUTTONS */
|
/* BUTTONS */
|
||||||
.btn-link {
|
.btn-link {
|
||||||
color: var(--button-color);
|
color: var(--link-color);
|
||||||
color: var(--button-text);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-link:hover {
|
.btn-link:hover {
|
||||||
color: var(--button-color-hover);
|
color: var(--link-color-hover);
|
||||||
color: var(--button-text-hover);
|
|
||||||
transition: 0.15s;
|
transition: 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -522,6 +557,18 @@ html[class*="theme_"] .badge-info {
|
|||||||
color: var(--label-text-color);
|
color: var(--label-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[id*="b_"]{
|
||||||
|
background: var(--transparency-dark-25);
|
||||||
|
border-color: var(--transparency-light-10);
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
[id*="b_"]:hover{
|
||||||
|
background: var(--transparency-dark-35);
|
||||||
|
border-color: var(--transparency-light-10);
|
||||||
|
color: var(--text-hover);
|
||||||
|
}
|
||||||
|
|
||||||
/* Org */
|
/* Org */
|
||||||
|
|
||||||
html[class*="theme_"] .org-nav .nav-tabs a.active {
|
html[class*="theme_"] .org-nav .nav-tabs a.active {
|
||||||
@ -594,6 +641,7 @@ html[class*="theme_"] .btn-outline-secondary i {
|
|||||||
-webkit-background-size: auto, cover;
|
-webkit-background-size: auto, cover;
|
||||||
-moz-background-size: auto, cover;
|
-moz-background-size: auto, cover;
|
||||||
-o-background-size: auto, cover;
|
-o-background-size: auto, cover;
|
||||||
|
--bs-bg-opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-light .navbar {
|
.bg-light .navbar {
|
||||||
@ -607,6 +655,14 @@ html[class*="theme_"] .btn-outline-secondary i {
|
|||||||
-o-background-size: auto, cover;
|
-o-background-size: auto, cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.border-bottom {
|
||||||
|
border-bottom: 1px solid var(--transparency-light-15) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_wrapper div.dataTables_info {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
/* Cards */
|
/* Cards */
|
||||||
.bg-secondary {
|
.bg-secondary {
|
||||||
background: var(--transparency-light-10) !important;
|
background: var(--transparency-light-10) !important;
|
||||||
@ -659,4 +715,10 @@ html[class*="theme_"] hr,
|
|||||||
html[class*="theme_"] .dropdown-divider,
|
html[class*="theme_"] .dropdown-divider,
|
||||||
html[class*="theme_"] .footer {
|
html[class*="theme_"] .footer {
|
||||||
border-top: 1px solid rgb(255 255 255 / 30%);
|
border-top: 1px solid rgb(255 255 255 / 30%);
|
||||||
|
}
|
||||||
|
|
||||||
|
thead, tbody, tfoot, tr, td, th {
|
||||||
|
border-color:var(--transparency-light-25);
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 0;
|
||||||
}
|
}
|
@ -16,7 +16,7 @@
|
|||||||
@import url("/css/defaults/placeholders.css");
|
@import url("/css/defaults/placeholders.css");
|
||||||
@import url("/css/defaults/transparent.css");
|
@import url("/css/defaults/transparent.css");
|
||||||
|
|
||||||
html {
|
html,body {
|
||||||
background: var(--main-bg-color);
|
background: var(--main-bg-color);
|
||||||
background-repeat: repeat, no-repeat;
|
background-repeat: repeat, no-repeat;
|
||||||
background-attachment: fixed, fixed;
|
background-attachment: fixed, fixed;
|
||||||
@ -812,11 +812,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.x-btn-mc em.x-btn-arrow {
|
.x-btn-mc em.x-btn-arrow {
|
||||||
//background-image: url(../images/default/button/arrow.gif);
|
background-image: url(/resources/deluge/arrow.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.x-btn-mc em.x-btn-split {
|
.x-btn-mc em.x-btn-split {
|
||||||
//background-image: url(../images/default/button/s-arrow.gif);
|
background-image: url(/resources/deluge/s-arrow.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.x-btn-over .x-btn-mc em.x-btn-split,
|
.x-btn-over .x-btn-mc em.x-btn-split,
|
||||||
@ -1798,7 +1798,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
|
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
|
||||||
//background-image: url(../images/gray/menu/group-checked.gif);
|
background-image: url(/resources/deluge/group-checked.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.x-menu-group-item .x-menu-item-icon {
|
.x-menu-group-item .x-menu-item-icon {
|
||||||
|
498
index.html
498
index.html
@ -1,250 +1,250 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||||
<!-- Primary Meta Tags -->
|
<!-- Primary Meta Tags -->
|
||||||
<title>theme.park - A collection of themes/skins for your favorite apps!</title>
|
<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="title" content="theme.park - A collection of themes/skins for your favorite apps!">
|
||||||
<meta name="theme-color" content="#12afa0">
|
<meta name="theme-color" content="#12afa0">
|
||||||
<meta name="description"
|
<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">
|
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 -->
|
<!-- Google / Search Engine Tags -->
|
||||||
<meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
|
<meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
|
||||||
<meta itemprop="description"
|
<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">
|
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">
|
<meta itemprop="image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
|
||||||
<!-- Open Graph / Facebook -->
|
<!-- Open Graph / Facebook -->
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:site_name" content="theme.park">
|
<meta property="og:site_name" content="theme.park">
|
||||||
<meta property="og:url" content="https://theme-park.dev/">
|
<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:title" content="theme.park - A collection of themes/skins for your favorite apps!">
|
||||||
<meta property="og:description"
|
<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">
|
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">
|
<meta property="og:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
|
||||||
<!-- Twitter -->
|
<!-- Twitter -->
|
||||||
<meta property="twitter:card" content="summary_large_image">
|
<meta property="twitter:card" content="summary_large_image">
|
||||||
<meta property="twitter:url" content="https://theme-park.dev/">
|
<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:title" content="theme.park - A collection of themes/skins for your favorite apps!">
|
||||||
<meta property="twitter:description"
|
<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">
|
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">
|
<meta property="twitter:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
|
||||||
<!-- Favicon-->
|
<!-- Favicon-->
|
||||||
<link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
|
<link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
|
||||||
<!-- Font Awesome icons (free version)-->
|
<!-- Font Awesome icons (free version)-->
|
||||||
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
|
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
|
||||||
<!-- Google fonts-->
|
<!-- Google fonts-->
|
||||||
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
|
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
|
||||||
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic"
|
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic"
|
||||||
rel="stylesheet" type="text/css" />
|
rel="stylesheet" type="text/css" />
|
||||||
<!-- Third party plugin CSS-->
|
<!-- Third party plugin CSS-->
|
||||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"
|
||||||
rel="stylesheet" />
|
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)-->
|
<!-- Core theme CSS (includes Bootstrap)-->
|
||||||
<link href="resources/landing-page/css/styles.css?v=1.1" rel="stylesheet" />
|
<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/jquery-bg-slideshow.css">
|
||||||
<link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.6">
|
<link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.6">
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VL0TX65BLH"></script>
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VL0TX65BLH"></script>
|
||||||
<script>
|
<script>
|
||||||
window.dataLayer = window.dataLayer || [];
|
window.dataLayer = window.dataLayer || [];
|
||||||
function gtag() { dataLayer.push(arguments); }
|
function gtag() { dataLayer.push(arguments); }
|
||||||
gtag('js', new Date());
|
gtag('js', new Date());
|
||||||
|
|
||||||
gtag('config', 'G-VL0TX65BLH');
|
gtag('config', 'G-VL0TX65BLH');
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body id="page-top">
|
<body id="page-top">
|
||||||
<!-- Navigation-->
|
<!-- Navigation-->
|
||||||
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
|
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img class="branding"
|
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img class="branding"
|
||||||
src="resources/landing-page/assets/img/themepark-logo.png" alt=""></a>
|
src="resources/landing-page/assets/img/themepark-logo.png" alt=""></a>
|
||||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||||
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||||
<ul class="navbar-nav ml-auto my-2 my-lg-0">
|
<ul class="navbar-nav ml-auto my-2 my-lg-0">
|
||||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://docs.theme-park.dev"><i
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://docs.theme-park.dev"><i
|
||||||
class="fas fa-book"></i> Docs</a></li>
|
class="fas fa-book"></i> Docs</a></li>
|
||||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||||
href="https://github.com/gilbn/theme.park"><i class="fab fa-github"></i> Github</a></li>
|
href="https://github.com/gilbn/theme.park"><i class="fab fa-github"></i> Github</a></li>
|
||||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||||
href="https://docs.theme-park.dev/discord"><i class="fab fa-discord"></i> Discord</a></li>
|
href="https://docs.theme-park.dev/discord"><i class="fab fa-discord"></i> Discord</a></li>
|
||||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||||
href="https://github.com/sponsors/GilbN"><i class="fas fa-heart"></i> Sponsor</a></li>
|
href="https://github.com/sponsors/GilbN"><i class="fas fa-heart"></i> Sponsor</a></li>
|
||||||
<li style="padding: 0 1rem;">
|
<li style="padding: 0 1rem;">
|
||||||
<a class="github-button" href="https://github.com/gilbn/theme.park" data-show-count="true"
|
<a class="github-button" href="https://github.com/gilbn/theme.park" data-show-count="true"
|
||||||
aria-label="Star gilbn/theme.park on GitHub">Star</a>
|
aria-label="Star gilbn/theme.park on GitHub">Star</a>
|
||||||
</li>
|
</li>
|
||||||
<li style="padding: 0 1rem;">
|
<li style="padding: 0 1rem;">
|
||||||
<a class="github-button" href="https://github.com/gilbn/theme.park/fork"
|
<a class="github-button" href="https://github.com/gilbn/theme.park/fork"
|
||||||
data-icon="octicon-repo-forked" data-show-count="true"
|
data-icon="octicon-repo-forked" data-show-count="true"
|
||||||
aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
|
aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<!-- Masthead-->
|
<!-- Masthead-->
|
||||||
<!-- -->
|
<!-- -->
|
||||||
<header class="masthead bg" data-current="0"
|
<header class="masthead bg" data-current="0"
|
||||||
data-images="resources/landing-page/assets/img/slides/1.jpg,resources/landing-page/assets/img/slides/2.jpg,resources/landing-page/assets/img/slides/3.jpg,resources/landing-page/assets/img/slides/4.jpg,resources/landing-page/assets/img/slides/5.jpg,resources/landing-page/assets/img/slides/6.jpg,resources/landing-page/assets/img/slides/7.jpg,
|
data-images="resources/landing-page/assets/img/slides/1.jpg,resources/landing-page/assets/img/slides/2.jpg,resources/landing-page/assets/img/slides/3.jpg,resources/landing-page/assets/img/slides/4.jpg,resources/landing-page/assets/img/slides/5.jpg,resources/landing-page/assets/img/slides/6.jpg,resources/landing-page/assets/img/slides/7.jpg,
|
||||||
resources/landing-page/assets/img/slides/8.jpg,resources/landing-page/assets/img/slides/9.jpg,resources/landing-page/assets/img/slides/10.jpg,resources/landing-page/assets/img/slides/11.jpg,resources/landing-page/assets/img/slides/12.jpg,resources/landing-page/assets/img/slides/13.jpg"
|
resources/landing-page/assets/img/slides/8.jpg,resources/landing-page/assets/img/slides/9.jpg,resources/landing-page/assets/img/slides/10.jpg,resources/landing-page/assets/img/slides/11.jpg,resources/landing-page/assets/img/slides/12.jpg,resources/landing-page/assets/img/slides/13.jpg"
|
||||||
data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="fade-in" data-randomize="false"
|
data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="fade-in" data-randomize="false"
|
||||||
data-initialBackground="4" data-debug="false" data-slidecontrols.enabled="false"
|
data-initialBackground="4" data-debug="false" data-slidecontrols.enabled="false"
|
||||||
data-gradient="linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)">
|
data-gradient="linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)">
|
||||||
<div class="container h-100">
|
<div class="container h-100">
|
||||||
<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">
|
||||||
<h1 class="text-uppercase text-white font-weight-bold">Custom themes for your favorite apps!</h1>
|
<h1 class="text-uppercase text-white font-weight-bold">Custom themes for your favorite apps!</h1>
|
||||||
<hr class="divider my-4" />
|
<hr class="divider my-4" />
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 align-self-baseline">
|
<div class="col-lg-8 align-self-baseline">
|
||||||
<p id="tag-line" class="text-white-75 font-weight-light mb-5">...</p>
|
<p id="tag-line" class="text-white-75 font-weight-light mb-5">...</p>
|
||||||
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
|
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<!-- About-->
|
<!-- About-->
|
||||||
<section class="page-section bg-primary" id="about">
|
<section class="page-section bg-primary" id="about">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<div class="col-lg-8 text-center">
|
<div class="col-lg-8 text-center">
|
||||||
<h2 id="theme-header-text" class="text-white mt-0">...</h2>
|
<h2 id="theme-header-text" class="text-white mt-0">...</h2>
|
||||||
<hr class="divider light my-4" />
|
<hr class="divider light my-4" />
|
||||||
<p class="text-white-50 mb-1" id=app-count>...</p>
|
<p class="text-white-50 mb-1" id=app-count>...</p>
|
||||||
<p class="text-white-50 mb-1">Installation methods include custom <a
|
<p class="text-white-50 mb-1">Installation methods include custom <a
|
||||||
href="https://blog.linuxserver.io/2019/09/14/customizing-our-containers/">docker mods</a>
|
href="https://blog.linuxserver.io/2019/09/14/customizing-our-containers/">docker mods</a>
|
||||||
for <a href="https://linuxserver.io">linuxserver.io</a> containers, </p>
|
for <a href="https://linuxserver.io">linuxserver.io</a> containers, </p>
|
||||||
<p class="text-white-50 mb-1">custom scripts for select <a href="https://hotio.dev/">Hotio</a> containers
|
<p class="text-white-50 mb-1">custom scripts for select <a href="https://hotio.dev/">Hotio</a> containers
|
||||||
and multiple examples of subfiltering using webservers like <a href="https://docs.theme-park.dev/setup/#nginx">Nginx</a>, <a href="https://docs.theme-park.dev/setup/#apache">Apache</a>, <a href="https://docs.theme-park.dev/setup/#caddy">Caddy</a> and <a href="https://docs.theme-park.dev/setup/#traefik">Traefik</a>!</p>
|
and multiple examples of subfiltering using webservers like <a href="https://docs.theme-park.dev/setup/#nginx">Nginx</a>, <a href="https://docs.theme-park.dev/setup/#apache">Apache</a>, <a href="https://docs.theme-park.dev/setup/#caddy">Caddy</a> and <a href="https://docs.theme-park.dev/setup/#traefik">Traefik</a>!</p>
|
||||||
<p class="text-white-50 mb-5">There is also a <a href="https://docs.theme-park.dev/setup/#docker">Docker image</a> available for selfhosting the CSS files.</p>
|
<p class="text-white-50 mb-5">There is also a <a href="https://docs.theme-park.dev/setup/#docker">Docker image</a> available for selfhosting the CSS files.</p>
|
||||||
<p class="text-white-50 mb-5" id="theme-count">... </p>
|
<p class="text-white-50 mb-5" id="theme-count">... </p>
|
||||||
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Get Started!</a>
|
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Get Started!</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col justify-content-center pt-5 all-apps container">
|
<div class="col justify-content-center pt-5 all-apps container">
|
||||||
<div id="all-apps" class="row justify-content-center">
|
<div id="all-apps" class="row justify-content-center">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- Services-->
|
<!-- Services-->
|
||||||
<section class="page-section" id="services">
|
<section class="page-section" id="services">
|
||||||
<div class="container" style="min-width: 90%;">
|
<div class="container" style="min-width: 90%;">
|
||||||
<h2 class="text-center mt-0">How to get started</h2>
|
<h2 class="text-center mt-0">How to get started</h2>
|
||||||
<hr class="divider my-4" />
|
<hr class="divider my-4" />
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg col-md-6 text-center">
|
<div class="col-lg col-md-6 text-center">
|
||||||
<div class="mt-5">
|
<div class="mt-5">
|
||||||
<i class="fas fa-4x fa-book text-primary mb-4"></i>
|
<i class="fas fa-4x fa-book text-primary mb-4"></i>
|
||||||
<h3 class="h4 mb-2">Theme Docs</h3>
|
<h3 class="h4 mb-2">Theme Docs</h3>
|
||||||
<p class="text-white-50 mb-0">Head over to the <a
|
<p class="text-white-50 mb-0">Head over to the <a
|
||||||
href="https://docs.theme-park.dev/">documentation</a> page for more information on each
|
href="https://docs.theme-park.dev/">documentation</a> page for more information on each
|
||||||
theme!</p>
|
theme!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg col-md-6 text-center">
|
<div class="col-lg col-md-6 text-center">
|
||||||
<div class="mt-5">
|
<div class="mt-5">
|
||||||
<i class="fab fa-4x fa-github text-primary mb-4"></i>
|
<i class="fab fa-4x fa-github text-primary mb-4"></i>
|
||||||
<h3 class="h4 mb-2">Find us on Github</h3>
|
<h3 class="h4 mb-2">Find us on Github</h3>
|
||||||
<p class="text-white-50 mb-0">Having issues with a theme? Let us know on <a
|
<p class="text-white-50 mb-0">Having issues with a theme? Let us know on <a
|
||||||
href="https://github.com/gilbn/theme.park">Github!</a></p>
|
href="https://github.com/gilbn/theme.park">Github!</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg col-md-6 text-center">
|
<div class="col-lg col-md-6 text-center">
|
||||||
<div class="mt-5">
|
<div class="mt-5">
|
||||||
<i class="fab fa-4x fa-discord text-primary mb-4"></i>
|
<i class="fab fa-4x fa-discord text-primary mb-4"></i>
|
||||||
<h3 class="h4 mb-2">Discord Community</h3>
|
<h3 class="h4 mb-2">Discord Community</h3>
|
||||||
<p class="text-white-50 mb-0">Need live support? Head over to our <a
|
<p class="text-white-50 mb-0">Need live support? Head over to our <a
|
||||||
href="https://docs.theme-park.dev/discord">Discord</a> server!</p>
|
href="https://docs.theme-park.dev/discord">Discord</a> server!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg col-md-6 text-center">
|
<div class="col-lg col-md-6 text-center">
|
||||||
<div class="mt-5">
|
<div class="mt-5">
|
||||||
<i class="fas fa-4x fa-palette text-primary mb-4"></i>
|
<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
|
<h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community
|
||||||
Themes!</a></h3>
|
Themes!</a></h3>
|
||||||
<p class="text-white-50 mb-0">Got a good <a
|
<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
|
href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see
|
||||||
added? PR it!</p>
|
added? PR it!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg col-md-6 text-center">
|
<div class="col-lg col-md-6 text-center">
|
||||||
<div class="mt-5">
|
<div class="mt-5">
|
||||||
<i class="fas fa-4x fa-heart text-primary mb-4"></i>
|
<i class="fas fa-4x fa-heart text-primary mb-4"></i>
|
||||||
<h3 class="h4 mb-2">Made with Love</h3>
|
<h3 class="h4 mb-2">Made with Love</h3>
|
||||||
<p class="text-white-50 mb-0">Is it really open source if it's not made with love?</p>
|
<p class="text-white-50 mb-0">Is it really open source if it's not made with love?</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- Portfolio-->
|
<!-- Portfolio-->
|
||||||
<section class="page-section pt-0">
|
<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"
|
<button id="switch-theme"
|
||||||
class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click
|
class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click
|
||||||
Me!</button>
|
Me!</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="page-section pb-1" id="themes">
|
<section class="page-section pb-1" id="themes">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="text-center mt-0">Official theme options</h2>
|
<h2 class="text-center mt-0">Official theme options</h2>
|
||||||
<h6 class="text-center mt-0">Click here for the <a
|
<h6 class="text-center mt-0">Click here for the <a
|
||||||
href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
|
href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
|
||||||
|
|
||||||
|
|
||||||
<hr class="divider my-4" />
|
<hr class="divider my-4" />
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<div id="portfolio" class="theme-overview">
|
<div id="portfolio" class="theme-overview">
|
||||||
<div class="container-fluid p-0">
|
<div class="container-fluid p-0">
|
||||||
<div class="row no-gutters d-flex justify-content-center" id="all-themes">
|
<div class="row no-gutters d-flex justify-content-center" id="all-themes">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer-->
|
<!-- Footer-->
|
||||||
<footer class=" py-5">
|
<footer class=" py-5">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="small text-center text-white-50">
|
<div class="small text-center text-white-50">
|
||||||
Copyright ©
|
Copyright ©
|
||||||
<!-- This script automatically adds the current year to your website footer-->
|
<!-- This script automatically adds the current year to your website footer-->
|
||||||
<!-- (credit: https://updateyourfooter.com/)-->
|
<!-- (credit: https://updateyourfooter.com/)-->
|
||||||
<script>
|
<script>
|
||||||
document.write(new Date().getFullYear());
|
document.write(new Date().getFullYear());
|
||||||
</script>
|
</script>
|
||||||
- GilbN
|
- GilbN
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<!-- Bootstrap core JS-->
|
<!-- Bootstrap core JS-->
|
||||||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- Third party plugin JS-->
|
<!-- Third party plugin JS-->
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
|
||||||
<!-- Core theme JS-->
|
<!-- Core theme JS-->
|
||||||
<script src="resources/landing-page/js/scripts.js?v=1.6"></script>
|
<script src="resources/landing-page/js/scripts.js?v=1.6"></script>
|
||||||
<script src="resources/landing-page/js/jquery-bg-slideshow.js?v=1"></script>
|
<script src="resources/landing-page/js/jquery-bg-slideshow.js?v=1"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(function () {
|
$(function () {
|
||||||
$(".bg").bgSlideShow();
|
$(".bg").bgSlideShow();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
BIN
resources/deluge/arrow.png
Normal file
BIN
resources/deluge/arrow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 129 B |
BIN
resources/deluge/group-checked.png
Normal file
BIN
resources/deluge/group-checked.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 303 B |
BIN
resources/deluge/s-arrow.png
Normal file
BIN
resources/deluge/s-arrow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 163 B |
@ -289,7 +289,7 @@ header.masthead {
|
|||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: rgba(255, 255, 255, 0.7);
|
color: rgba(255, 255, 255, 0.7);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
max-width: 120px;
|
max-width: 130px;
|
||||||
min-width: 130px;
|
min-width: 130px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -438,4 +438,13 @@ body {
|
|||||||
/* Safari and Chrome */
|
/* Safari and Chrome */
|
||||||
-o-animation: fadein 2s;
|
-o-animation: fadein 2s;
|
||||||
/* Opera */
|
/* Opera */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 200px) and (max-width: 767px) {
|
||||||
|
.app-container {
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
|
#services, #themes {
|
||||||
|
padding: 0rem 0 3rem 0;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user