diff --git a/Resources/landing-page/assets/img/nord-small.jpg b/Resources/landing-page/assets/img/nord-small.jpg new file mode 100644 index 00000000..67350871 Binary files /dev/null and b/Resources/landing-page/assets/img/nord-small.jpg differ diff --git a/Resources/landing-page/assets/img/nord.png b/Resources/landing-page/assets/img/nord.png new file mode 100644 index 00000000..a3aa1cde Binary files /dev/null and b/Resources/landing-page/assets/img/nord.png differ diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css index e7a0fc78..e225f413 100644 --- a/Resources/landing-page/css/custom.css +++ b/Resources/landing-page/css/custom.css @@ -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; } \ No newline at end of file diff --git a/Resources/landing-page/js/scripts.js b/Resources/landing-page/js/scripts.js index 39a40427..2cb17109 100644 --- a/Resources/landing-page/js/scripts.js +++ b/Resources/landing-page/js/scripts.js @@ -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 addons on certain themes.` + }) +} + +injectTheme(random); +addThemeCount(); diff --git a/index.html b/index.html index ceac9cee..1efdb4c8 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@ - + @@ -86,8 +86,7 @@

Over 40 themed applications!

-

theme.park contains 46 themed applications, with css addons on certain themes.

+

...

Installation methods include custom docker mods for linuxserver.io containers,

@@ -471,6 +470,15 @@
+
+ + ... +
+
Theme
+
Nord
+
+ +
... @@ -550,7 +558,7 @@ - +