Update 2022-2-15
This commit is contained in:
parent
50b841ab93
commit
68fedbffd7
@ -2,9 +2,9 @@
|
||||
|
||||
[](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
|
||||
[](https://discord.gg/HM5uUKU "Discord for theme installation support")
|
||||
[](https://github.com/GilbN/theme.park)
|
||||
[](https://assets.deathbybandaid.net/theme.park)
|
||||
[](https://github.com/sponsors/GilbN "Donate!")
|
||||
[](https://github.com/gilbN/theme.park/blob/master/LICENSE)
|
||||
[](https://assets.deathbybandaid.net/theme.park/blob/master/LICENSE)
|
||||
[](https://github.com/users/GilbN/packages/container/package/theme.park)
|
||||
[](https://hub.docker.com/r/gilbn/theme.park)
|
||||
[](https://technicalramblings.com/ "A blog with different guides :)")
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Adds a video background
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/css\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
document.body.innerHTML += video
|
||||
@ -2,6 +2,6 @@
|
||||
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
|
||||
@ -2,6 +2,6 @@
|
||||
// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video;
|
||||
|
||||
@ -2,6 +2,6 @@
|
||||
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
|
||||
@ -347,4 +347,4 @@ body .container .header .state .progress-bar {
|
||||
#login fieldset input[type="password"] {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
color: var(--text);
|
||||
}
|
||||
}
|
||||
@ -14,6 +14,7 @@
|
||||
@import url("https://assets.deathbybandaid.net/theme.park/css/base/gitea/monaco_vs_dark.css");
|
||||
:root {
|
||||
--color-text: var(--text);
|
||||
--color-caret: white;
|
||||
--color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
|
||||
--color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2);
|
||||
--color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4);
|
||||
@ -1617,4 +1618,52 @@ input::selection {
|
||||
/* CALENDAR */
|
||||
::-webkit-calendar-picker-indicator {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
/* VIEW FILE */
|
||||
|
||||
.lines-num {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.code-view .lines-num:hover {
|
||||
color: var(--text-hover)!important;
|
||||
background: rgb(var(--accent-color),.5);
|
||||
}
|
||||
|
||||
.code-view .lines-num:active,.code-view .lines-num:focus {
|
||||
color: var(--text-hover)!important;
|
||||
background: rgb(var(--accent-color),.5);
|
||||
}
|
||||
|
||||
.code-line-button {
|
||||
background-color: var(--button-color);
|
||||
color: var(--button-text);
|
||||
border: 1px solid var(--button-color);
|
||||
}
|
||||
|
||||
.code-line-button:hover {
|
||||
color: var(--button-text-hover);
|
||||
}
|
||||
|
||||
.ui.popup {
|
||||
background-color: var(--button-color);
|
||||
color: var(--button-text);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
|
||||
.ui.top.popup:before {
|
||||
background: var(--button-color);
|
||||
}
|
||||
|
||||
.ui.popup:before {
|
||||
box-shadow: 1px 1px var(--button-color);
|
||||
}
|
||||
|
||||
.ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a:not(.ui) {
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.link.list.list a.item:hover, .ui.link.list.list .item a:not(.ui):hover, .ui.link.list.list a.item:active, .ui.link.list.list .item a:not(.ui):active {
|
||||
color: var(--button-text-hover);
|
||||
}
|
||||
@ -485,7 +485,7 @@ a:hover {
|
||||
background: #1f1f1f;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
/*
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
@ -499,7 +499,7 @@ a:hover {
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
|
||||
border-top-color: var(--text);
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
|
||||
/* NETDATA ORGANIZR DASHBOARD THEME */
|
||||
@import url(https://assets.deathbybandaid.net/theme.park/css/base/netdata/netdata-base.css);
|
||||
@import url(https://assets.deathbybandaid.net/theme.park/css/theme-options/organizr-dark.css);
|
||||
@import url(https://assets.deathbybandaid.net/theme.park/css/variables/organizr-dark.css);
|
||||
:root {
|
||||
--main-bg-color: transparent;
|
||||
}
|
||||
@ -61,6 +61,17 @@
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
#HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
@ -118,23 +129,23 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--text-hover) !important;
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
.badge {
|
||||
.badge:not(.homepage-drag .badge) {
|
||||
background-color: rgb(var(--accent-color));
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
.tabLoaded {
|
||||
-webkit-filter: drop-shadow(0 0 2px transparent);
|
||||
filter: drop-shadow(0 0 2px transparent);
|
||||
-webkit-filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
|
||||
filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
|
||||
color: var(--text-hover)
|
||||
}
|
||||
|
||||
.active .tabLoaded {
|
||||
-webkit-filter: drop-shadow(0 0 5px transparent);
|
||||
filter: drop-shadow(0 0 5px transparent);
|
||||
-webkit-filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
|
||||
filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
@ -158,18 +169,18 @@ h6 {
|
||||
|
||||
.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
|
||||
.cbutton {
|
||||
background: var(--button-color) !important;
|
||||
border-color: var(--button-color) !important;
|
||||
color: var(--button-text) !important;
|
||||
background: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
|
||||
.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
|
||||
.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
|
||||
.cbutton:hover {
|
||||
background: var(--button-color-hover) !important;
|
||||
border-color: var(--button-color-hover) !important;
|
||||
color: var(--button-text-hover) !important;
|
||||
background: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
color: var(--button-text-hover);
|
||||
}
|
||||
|
||||
.cbutton {
|
||||
@ -1470,7 +1481,7 @@ a:hover,
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.bg-inverse {
|
||||
.bg-inverse:not(.homepage-drag):not(.pihole-stat) {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
@ -1761,25 +1772,11 @@ background: rgb(0 0 0 / 0%) !important;
|
||||
}
|
||||
.navbar-default,
|
||||
.sidebar .sidebar-head {
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
background: rgb(0 0 0 / 0%);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
background: rgb(0 0 0 / 25%);
|
||||
box-shadow: 1px 0px 20px rgb(0 0 0 / 20%);
|
||||
|
||||
}
|
||||
|
||||
@ -397,7 +397,7 @@ a:hover {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
@ -410,7 +410,7 @@ a:hover {
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
|
||||
border-top-color: var(--text);
|
||||
@ -1207,4 +1207,17 @@ canvas {
|
||||
|
||||
[class*="QueryParameterOption-option-"]:hover [class*="QueryParameterOption-example-"] {
|
||||
background-color: rgba(255, 255, 2550, 0.35);
|
||||
}
|
||||
|
||||
/* HISTORY */
|
||||
|
||||
[class*="HistoryRowParameter-parameter-"] {
|
||||
border: 1px solid rgb(var(--accent-color));
|
||||
background-color: rgb(var(--accent-color));
|
||||
color: var(--label-text-color)
|
||||
}
|
||||
|
||||
[class*="HistoryRowParameter-value-"] {
|
||||
background-color: rgb(255 255 255 / 50%);
|
||||
color: #1f1f1f;
|
||||
}
|
||||
@ -402,7 +402,7 @@ a:hover {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
@ -415,7 +415,7 @@ a:hover {
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
|
||||
border-top-color: var(--text);
|
||||
|
||||
@ -481,7 +481,7 @@ a:hover {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
@ -494,7 +494,7 @@ a:hover {
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
|
||||
border-top-color: var(--text);
|
||||
|
||||
@ -236,11 +236,6 @@ hr {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
|
||||
.caret {
|
||||
border-top-color: white !important;
|
||||
}
|
||||
|
||||
svg.peity polygon {
|
||||
fill: var(--button-color) !important;
|
||||
}
|
||||
@ -473,7 +468,8 @@ input[type="submit"]:focus {
|
||||
|
||||
/* History */
|
||||
|
||||
.queue-table .row-extra-text, .history-table .row-extra-text {
|
||||
.queue-table .row-extra-text,
|
||||
.history-table .row-extra-text {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
@ -481,6 +477,10 @@ input[type="submit"]:focus {
|
||||
border-top-color: var(--button-text) !important;
|
||||
}
|
||||
|
||||
td.delete .dropdown>a .caret {
|
||||
border-top-color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
@ -540,27 +540,28 @@ tr td.row-extra-text,
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.progress strong, .progress i {
|
||||
.progress strong,
|
||||
.progress i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.progress {
|
||||
background-color: transparent !important;
|
||||
background-color: rgb(var(--accent-color), .7) !important;
|
||||
box-shadow: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
}
|
||||
|
||||
.progress-bar strong {
|
||||
color: hsla(0, 0%, 100%, .7) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
.progress-bar+span {
|
||||
color: hsla(0, 0%, 100%, .7) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
.progress-bar-info,
|
||||
.progress-bar {
|
||||
background-color: var(--button-color) !important;
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.glyphicon-compressed:before {
|
||||
|
||||
@ -404,7 +404,7 @@ a:hover {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="Popover-body-"],
|
||||
@ -419,7 +419,7 @@ a:hover {
|
||||
[class*="SeasonInfo-title-"] {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
|
||||
border-top-color: var(--text);
|
||||
|
||||
@ -21,28 +21,6 @@
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
@ -56,7 +34,7 @@
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
background-color: #1f1f1f;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
|
||||
30
css/community-theme-options/pine-shadow.css
Normal file
30
css/community-theme-options/pine-shadow.css
Normal file
@ -0,0 +1,30 @@
|
||||
:root {
|
||||
--main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed;
|
||||
|
||||
--modal-bg-color: var(--main-bg-color);
|
||||
--modal-header-color: var(--main-bg-color);
|
||||
--modal-footer-color: var(--main-bg-color);
|
||||
|
||||
--drop-down-menu-bg: var(--main-bg-color);
|
||||
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 229, 160, 13;
|
||||
--accent-color-hover: #ffc107;
|
||||
--link-color: #fff;
|
||||
--link-color-hover: #fff;
|
||||
--label-text-color: #fff;
|
||||
|
||||
--text:#bbb;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
|
||||
--plex-poster-unwatched: rgb(229, 160, 13);
|
||||
--petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||
--gitea-color-primary-dark-4: 255, 193, 7;
|
||||
}
|
||||
@ -34,12 +34,5 @@ if [[ -z ${TP_THEME} ]]; then
|
||||
fi
|
||||
|
||||
# Adding stylesheets
|
||||
if ! grep -q "${TP_DOMAIN}/css/base" /app/emby/dashboard-ui/index.html; then
|
||||
echo '---------------------------'
|
||||
echo '| Adding the stylesheet |'
|
||||
echo '---------------------------'
|
||||
sed -i "s/<\/body>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/base\/emby\/emby-base.css'><\/body> /g" /app/emby/dashboard-ui/index.html
|
||||
sed -i "s/<\/body>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/body> /g" /app/emby/dashboard-ui/index.html
|
||||
printf 'Stylesheet set to %s\n' "${TP_THEME}
|
||||
"
|
||||
fi
|
||||
printf '%s\n' "@import url('https://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('https://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/dashboard-ui/modules/themes/light/theme.css
|
||||
printf 'Stylesheet set to %s\n' "${TP_THEME}"
|
||||
|
||||
33
index.html
33
index.html
@ -4,9 +4,28 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<title>theme.park</title>
|
||||
<!-- Primary Meta Tags -->
|
||||
<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="theme-color" content="#12afa0">
|
||||
<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">
|
||||
<!-- Google / Search Engine Tags -->
|
||||
<meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
|
||||
<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">
|
||||
<meta itemprop="image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="theme.park">
|
||||
<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: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">
|
||||
<meta property="og:image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
|
||||
<!-- Twitter -->
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<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: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">
|
||||
<meta property="twitter:image" content="https://assets.deathbybandaid.net/theme.park/resources/landing-page/assets/meta_image.jpg">
|
||||
<!-- Favicon-->
|
||||
<link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
|
||||
<!-- Font Awesome icons (free version)-->
|
||||
@ -38,17 +57,17 @@
|
||||
<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>
|
||||
<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://assets.deathbybandaid.net/theme.park"><i class="fab fa-github"></i> Github</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<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://assets.deathbybandaid.net/theme.park" data-show-count="true"
|
||||
aria-label="Star gilbn/theme.park on GitHub">Star</a>
|
||||
</li>
|
||||
<li style="padding: 0 1rem;">
|
||||
<a class="github-button" href="https://github.com/gilbn/theme.park/fork"
|
||||
<a class="github-button" href="https://assets.deathbybandaid.net/theme.park/fork"
|
||||
data-icon="octicon-repo-forked" data-show-count="true"
|
||||
aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
|
||||
</li>
|
||||
@ -122,7 +141,7 @@
|
||||
<i class="fab fa-4x fa-github text-primary mb-4"></i>
|
||||
<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
|
||||
href="https://github.com/gilbn/theme.park">Github!</a></p>
|
||||
href="https://assets.deathbybandaid.net/theme.park">Github!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-md-6 text-center">
|
||||
|
||||
BIN
resources/landing-page/assets/meta_image.jpg
Normal file
BIN
resources/landing-page/assets/meta_image.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 227 KiB |
Loading…
Reference in New Issue
Block a user