Update 2022-2-15

README.md

@@ -2,9 +2,9 @@
 
 [![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
 [![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support")
-[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://github.com/GilbN/theme.park)
+[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://assets.deathbybandaid.net/theme.park)
 [![Support](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=&message=sponsor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVQ4T2NkoBAwIuv/HxDggMT/wLhhwwUQ/39AgAEDA4MATI5xw4YDcDaaAf+R+AcZN2wAG/g/IACkwR7JALjFYAbU5v0k+sYR5BLG/wEBCQwMDAUMDAz6DM3NDAxz5zIwPHhAjFkXGRgYJoAMaGBgYKgH6wgPZ2DYt4+B4fVrYgwAqWlENYBYbQwMDO8+sjH8+cvUSbYB6w9Kv/vwlW0aWYE4Z5MCAwfrf7fYnxN3wwwAxTEorvHGBMjZBy+Ivvv6jSXi20+OU+kMnR/RExIoQEGxIo8eHM/fcDA8fc114/J9/jVJv/prsSYkaJqYwMDAEIBsCMjme894bl6+w7s76e/EXGTDUVwAk0CJWgYGBliAIduM0wVIhoCS8X7kAMMWy1hdAPUKOGCXbJdnhQUYSQYQm6YAtdh8zhSGm1AAAAAASUVORK5CYII=)](https://github.com/sponsors/GilbN "Donate!")
-[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://github.com/gilbN/theme.park/blob/master/LICENSE)
+[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://assets.deathbybandaid.net/theme.park/blob/master/LICENSE)
 [![GitHub Package Repository](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Packages&logo=github)](https://github.com/users/GilbN/packages/container/package/theme.park)
 [![Docker Pulls](https://img.shields.io/docker/pulls/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=pulls&logo=docker)](https://hub.docker.com/r/gilbn/theme.park)
 [![Blog](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=technicalramblings&message=Blog)](https://technicalramblings.com/ "A blog with different guides :)")

css/addons/unraid/login-page/alien/js/isolation.js

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

css/addons/unraid/login-page/fallout/js/please_stand_by.js

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

css/addons/unraid/login-page/fallout/js/vault-tec-crt.js

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

css/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js

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

css/base/gitea/gitea-base.css

@@ -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);
@@ -1618,3 +1619,51 @@ input::selection {
 ::-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);
+}

css/base/lidarr/lidarr-base.css

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

css/base/netdata/organizr-dashboard.css

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

css/base/organizr/organizr-base.css

@@ -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,
@@ -121,20 +132,20 @@ h6 {
     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);
+    -webkit-filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
-    filter: drop-shadow(0 0 2px transparent);
+    filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
     color: var(--text-hover)
 }
 
 .active .tabLoaded {
-    -webkit-filter: drop-shadow(0 0 5px transparent);
+    -webkit-filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
-    filter: drop-shadow(0 0 5px transparent);
+    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;
+    background: var(--button-color);
-    border-color: var(--button-color) !important;
+    border-color: var(--button-color);
-    color: var(--button-text) !important;
+    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;
+    background: var(--button-color-hover);
-    border-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover);
-    color: var(--button-text-hover) !important;
+    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: rgb(0 0 0 / 0%);
-    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;
 } 
 
 .sidebar  {
-    background: var(--main-bg-color);
+    background: rgb(0 0 0 / 25%);
-    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;
     box-shadow: 1px 0px 20px rgb(0 0 0 / 20%);
 
 }

css/base/prowlarr/prowlarr-base.css

@@ -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);
@@ -1208,3 +1208,16 @@ 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;
+}

css/base/radarr/radarr-base.css

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

css/base/readarr/readarr-base.css

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

css/base/sabnzbd/sabnzbd-base.css

@@ -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 {

css/base/sonarr/sonarr-base.css

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

css/base/xbackbone/xbackbone-base.css

@@ -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 {

css/community-theme-options/pine-shadow.css

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

docker-mods/emby/root/etc/cont-init.d/98-themepark

@@ -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
+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
-    echo '---------------------------'
+printf 'Stylesheet set to %s\n' "${TP_THEME}"
-    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

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="" />
+    <!-- Primary Meta Tags -->
-    <meta name="author" content="" />
+    <title>theme.park - A collection of themes/skins for your favorite apps!</title>
-    <title>theme.park</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">