Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-08-18 07:59:37 +02:00
Code Issues Releases Wiki Activity

update theme-park.dev with new theme option

Browse Source
This commit is contained in:
GilbN 2021-10-03 18:23:41 +02:00
parent 61ce002e45
commit 2f4ba25568
5 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Resources/landing-page/assets/img/nord-small.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
Resources/landing-page/assets/img/nord.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

4
Resources/landing-page/css/custom.css
View File

@ -352,4 +352,8 @@ p {
#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotpink-hover {
background: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%);
}
#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.nord-hover {
background: #2E3440;
}

18
Resources/landing-page/js/scripts.js
View File

@ -73,7 +73,7 @@
// load random css stylesheet
const themes = ["aquamarine","hotline","dark","organizr-dark","dracula","overseerr",
"plex","space-gray","hotpink","onedark"];
"plex","space-gray","hotpink","onedark","nord"];
var random = themes[~~(Math.random() * themes.length)];
function injectTheme(theme,container="head") {
if (container === "head") {
@ -88,5 +88,19 @@ function injectTheme(theme,container="head") {
html_element.appendChild(link);
}
injectTheme(random);
// Add updated theme count.
function addThemeCount() {
let themeJsonUrl = "https://theme-park.dev/themes.json"
return fetch(themeJsonUrl)
.then(response => {
return response.json();
}).then(json => {
document.getElementById("themeCount").innerHTML = `
theme.park contains ${Object.keys(json.applications).length} themed applications, with css <a
href="https://docs.theme-park.dev/themes/addons/">addons</a> on certain themes.`
})
}
injectTheme(random);
addThemeCount();

16
index.html
View File

@ -21,7 +21,7 @@
<!-- 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=1.9">
<link rel="stylesheet" href="Resources/landing-page/css/custom.css?v=2">
</head>
<body id="page-top">
@ -86,8 +86,7 @@
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Over 40 themed applications!</h2>
<hr class="divider light my-4" />
<p class="text-white-50 mb-1">theme.park contains 46 themed applications, with css <a
href="https://docs.theme-park.dev/themes/addons/">addons</a> on certain themes. </p>
<p class="text-white-50 mb-1" id=themeCount>...</p>
<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>
for <a href="https://linuxserver.io">linuxserver.io</a> containers, </p>
@ -471,6 +470,15 @@
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6 p-1">
<a class="portfolio-box" href="Resources/landing-page/assets/img/nord.png">
<img class="img-fluid" src="Resources/landing-page/assets/img/nord-small.jpg" alt="..." />
<div class="portfolio-box-caption p-3 nord-hover">
<div class="project-category text-white-50">Theme</div>
<div class="project-name">Nord</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6 p-1">
<a class="portfolio-box" href="Resources/landing-page/assets/img/aquamarine.png">
<img class="img-fluid" src="Resources/landing-page/assets/img/aquamarine-small.jpg" alt="..." />
@ -550,7 +558,7 @@
<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>
<!-- Core theme JS-->
<script src="Resources/landing-page/js/scripts.js?v=1.1"></script>
<script src="Resources/landing-page/js/scripts.js?v=1.2"></script>
<script src="Resources/landing-page/js/jquery-bg-slideshow.js?v=1"></script>
<script type="text/javascript">
$(function () {