Tweak front page device featurette

Adds a type of 3D device

Co-Authored-By: Andreas <6576096+ghostbear@users.noreply.github.com>

src/.vitepress/config.ts

@@ -16,7 +16,15 @@ export default ({ mode }) => {
 		// Base directory, enabling override ability needed for GitHub Pages
 		base: process.env.VITE_BASE || "/",
 
-		head: [["meta", { name: "theme-color", content: "#4A74EA" }]],
+		head: [
+			[
+				"meta",
+				{
+					name: "theme-color",
+					content: "#818CF8"
+				}
+			]
+		],
 
 		themeConfig: {
 			// https://vitepress.dev/reference/default-theme-config
@@ -30,9 +38,8 @@ export default ({ mode }) => {
 			},
 
 			footer: {
-				message:
+				message: "<strong><a href='https://www.apache.org/licenses/LICENSE-2.0' target='_blank'>Open-source Apache Licensed</a></strong> | <strong><a href='./privacy'>Privacy policy</a></strong>",
-					'<a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Open-source Apache Licensed</a> | <a href="./privacy">Privacy policy</a>',
+				copyright: `Copyright © 2015 - ${ new Date().getFullYear() } Javier Tomás`,
-				copyright: "Copyright © 2015 - 2023 Javier Tomás",
 			},
 
 			search: {

src/.vitepress/theme/style.css

@@ -42,10 +42,14 @@
 	--vp-home-hero-name-color: transparent;
 	--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark));
 
-	--vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-darkest) 50%, var(--vp-c-brand-darker) 50%);
+	--vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-light) 50%, var(--vp-c-brand-lighter) 50%);
 	--vp-home-hero-image-filter: blur(40px);
 }
 
+.dark {
+	--vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-darker) 25%, var(--vp-c-brand-darkest) 25%);
+}
+
 @media (min-width: 640px) {
 	:root {
 		--vp-home-hero-image-filter: blur(56px);