Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-09-11 11:22:24 +02:00
Code Issues Releases Wiki Activity

Merge pull request #395 from GilbN/develop

Browse Source 
1.9.7
This commit is contained in:
GilbN 2022-07-09 16:49:16 +02:00 committed by GitHub
commit ad41a60d85
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 334 additions and 263 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
css/base/bitwarden/bitwarden-base.css
View File

@ -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;
} }

8
css/base/deluge/deluge-base.css
View File

@ -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
View File

@ -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 &copy; Copyright &copy;
<!-- 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 129 B

BIN
resources/deluge/group-checked.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 303 B

BIN
resources/deluge/s-arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 B

11
resources/landing-page/css/custom.css
View File

@ -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;
}
} }