Vector logo: SVG logo in loader/menu/blog header; #ec9770 favicon set (svg, ico, apple-touch-icon) on every page
@ -4,9 +4,10 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>dangrubb.net</title>
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
</head>
|
||||
|
||||
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 15 KiB |
@ -1,7 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
@ -4,9 +4,10 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>dangrubb.net</title>
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
</head>
|
||||
|
||||
BIN
public/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 15 KiB |
@ -1,7 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
|
Before Width: | Height: | Size: 655 B After Width: | Height: | Size: 15 KiB |
@ -1,9 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
|
||||
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
|
||||
<style>
|
||||
path { fill: #000; }
|
||||
@media (prefers-color-scheme: dark) {
|
||||
path { fill: #FFF; }
|
||||
}
|
||||
</style>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 -8 460 460">
|
||||
<path fill="#EC9770" stroke="#EC9770" stroke-width="14" stroke-linejoin="miter" stroke-miterlimit="6" d="M5.59 376.00 L72.55 277.00 L105.59 277.00 L53.36 349.85 L70.87 349.85 C92.57 349.85 115.47 349.34 134.74 340.19 C154.00 331.04 169.62 313.53 180.23 294.15 C190.84 274.77 196.44 253.52 196.03 231.92 C195.62 210.31 189.19 188.34 178.01 169.66 C166.83 150.99 150.90 135.61 132.45 123.77 C113.99 111.93 93.02 105.30 70.92 105.30 L25.89 105.30 L6.10 80.00 L70.57 80.00 C96.81 80.00 122.87 86.78 145.14 100.38 C167.40 113.98 185.87 132.97 198.54 155.81 C211.21 178.64 218.08 205.34 218.28 231.30 C218.49 257.27 212.03 282.51 199.70 305.82 C187.36 329.13 169.17 350.52 146.44 362.36 C123.71 374.20 96.46 376.00 70.41 376.00 L5.59 376.00 Z M438.41 376.00 L371.45 277.00 L338.41 277.00 L390.64 349.85 L373.13 349.85 C351.43 349.85 328.53 349.34 309.26 340.19 C290.00 331.04 274.38 313.53 263.77 294.15 C253.16 274.77 247.56 253.52 247.97 231.92 C248.38 210.31 254.81 188.34 265.99 169.66 C277.17 150.99 293.10 135.61 311.55 123.77 C330.01 111.93 350.98 105.30 373.08 105.30 L418.11 105.30 L437.90 80.00 L373.43 80.00 C347.19 80.00 321.13 86.78 298.86 100.38 C276.60 113.98 258.13 132.97 245.46 155.81 C232.79 178.64 225.92 205.34 225.72 231.30 C225.51 257.27 231.97 282.51 244.30 305.82 C256.64 329.13 274.83 350.52 297.56 362.36 C320.29 374.20 347.54 376.00 373.59 376.00 L438.41 376.00 Z"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 749 B After Width: | Height: | Size: 1.4 KiB |
@ -4,7 +4,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>DGDN - Darnea | dangrubb.net</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="../../music.css">
|
||||
<link rel="stylesheet" href="./player.css">
|
||||
</head>
|
||||
|
||||
@ -4,7 +4,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Darnea - dangrubb.net</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="../music.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -4,7 +4,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>dangrubb.net Music</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="./music.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
3
public/src/img/DanGrubbLogoDark.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 444 444">
|
||||
<path fill="#090B11" d="M5.59 376.00 L72.55 277.00 L105.59 277.00 L53.36 349.85 L70.87 349.85 C92.57 349.85 115.47 349.34 134.74 340.19 C154.00 331.04 169.62 313.53 180.23 294.15 C190.84 274.77 196.44 253.52 196.03 231.92 C195.62 210.31 189.19 188.34 178.01 169.66 C166.83 150.99 150.90 135.61 132.45 123.77 C113.99 111.93 93.02 105.30 70.92 105.30 L25.89 105.30 L6.10 80.00 L70.57 80.00 C96.81 80.00 122.87 86.78 145.14 100.38 C167.40 113.98 185.87 132.97 198.54 155.81 C211.21 178.64 218.08 205.34 218.28 231.30 C218.49 257.27 212.03 282.51 199.70 305.82 C187.36 329.13 169.17 350.52 146.44 362.36 C123.71 374.20 96.46 376.00 70.41 376.00 L5.59 376.00 Z M438.41 376.00 L371.45 277.00 L338.41 277.00 L390.64 349.85 L373.13 349.85 C351.43 349.85 328.53 349.34 309.26 340.19 C290.00 331.04 274.38 313.53 263.77 294.15 C253.16 274.77 247.56 253.52 247.97 231.92 C248.38 210.31 254.81 188.34 265.99 169.66 C277.17 150.99 293.10 135.61 311.55 123.77 C330.01 111.93 350.98 105.30 373.08 105.30 L418.11 105.30 L437.90 80.00 L373.43 80.00 C347.19 80.00 321.13 86.78 298.86 100.38 C276.60 113.98 258.13 132.97 245.46 155.81 C232.79 178.64 225.92 205.34 225.72 231.30 C225.51 257.27 231.97 282.51 244.30 305.82 C256.64 329.13 274.83 350.52 297.56 362.36 C320.29 374.20 347.54 376.00 373.59 376.00 L438.41 376.00 Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
3
public/src/img/DanGrubbLogoWhite.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 444 444">
|
||||
<path fill="#FFFFFF" d="M5.59 376.00 L72.55 277.00 L105.59 277.00 L53.36 349.85 L70.87 349.85 C92.57 349.85 115.47 349.34 134.74 340.19 C154.00 331.04 169.62 313.53 180.23 294.15 C190.84 274.77 196.44 253.52 196.03 231.92 C195.62 210.31 189.19 188.34 178.01 169.66 C166.83 150.99 150.90 135.61 132.45 123.77 C113.99 111.93 93.02 105.30 70.92 105.30 L25.89 105.30 L6.10 80.00 L70.57 80.00 C96.81 80.00 122.87 86.78 145.14 100.38 C167.40 113.98 185.87 132.97 198.54 155.81 C211.21 178.64 218.08 205.34 218.28 231.30 C218.49 257.27 212.03 282.51 199.70 305.82 C187.36 329.13 169.17 350.52 146.44 362.36 C123.71 374.20 96.46 376.00 70.41 376.00 L5.59 376.00 Z M438.41 376.00 L371.45 277.00 L338.41 277.00 L390.64 349.85 L373.13 349.85 C351.43 349.85 328.53 349.34 309.26 340.19 C290.00 331.04 274.38 313.53 263.77 294.15 C253.16 274.77 247.56 253.52 247.97 231.92 C248.38 210.31 254.81 188.34 265.99 169.66 C277.17 150.99 293.10 135.61 311.55 123.77 C330.01 111.93 350.98 105.30 373.08 105.30 L418.11 105.30 L437.90 80.00 L373.43 80.00 C347.19 80.00 321.13 86.78 298.86 100.38 C276.60 113.98 258.13 132.97 245.46 155.81 C232.79 178.64 225.92 205.34 225.72 231.30 C225.51 257.27 231.97 282.51 244.30 305.82 C256.64 329.13 274.83 350.52 297.56 362.36 C320.29 374.20 347.54 376.00 373.59 376.00 L438.41 376.00 Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 15 KiB |
@ -8,7 +8,9 @@ const { title } = Astro.props;
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{title}</title>
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon" />
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
</head>
|
||||
<body>
|
||||
<slot />
|
||||
|
||||
@ -8,7 +8,9 @@ const { title } = Astro.props;
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{title}</title>
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon" />
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -8,7 +8,9 @@ const { title } = Astro.props;
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{title}</title>
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon" />
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Barlow:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
@ -13,7 +13,9 @@ const { title } = Astro.props;
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>{title}</title>
|
||||
<meta name="theme-color" content="#fff6f4" />
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon" />
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
</head>
|
||||
<body>
|
||||
<slot />
|
||||
|
||||
@ -8,7 +8,7 @@ import posts from '../../data/posts.json';
|
||||
<header class="blog-header">
|
||||
<a class="header-logo" href="/">
|
||||
<span class="sr-only">dangrubb.net home</span>
|
||||
<img src="/src/img/DanGrubbLogoDark.png" alt="" width="64" height="64" />
|
||||
<img src="/src/img/DanGrubbLogoDark.svg" alt="" width="64" height="64" />
|
||||
</a>
|
||||
<h1 class="page-title">Blog</h1>
|
||||
<p class="back-link"><a href="/">← Home</a></p>
|
||||
|
||||
@ -26,16 +26,18 @@ const links = [
|
||||
<title>dangrubb.net</title>
|
||||
<meta name="description" content="Welcome to dangrubb.net" />
|
||||
<meta name="theme-color" content="#fff6f4" />
|
||||
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon" />
|
||||
<link rel="preload" as="image" href="/src/img/DanGrubbLogoWhite.png" />
|
||||
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="preload" as="image" href="/src/img/DanGrubbLogoWhite.svg" type="image/svg+xml" />
|
||||
</head>
|
||||
<body class="is-loading">
|
||||
<div class="loader" id="loader" aria-hidden="true">
|
||||
<div class="loader__stage">
|
||||
<div class="scene">
|
||||
<div class="cube">
|
||||
<div class="cube__face cube__face--front"><img src="/src/img/DanGrubbLogoWhite.png" alt="" width="140" height="140" /></div>
|
||||
<div class="cube__face cube__face--back"><img src="/src/img/DanGrubbLogoWhite.png" alt="" width="140" height="140" /></div>
|
||||
<div class="cube__face cube__face--front"><img src="/src/img/DanGrubbLogoWhite.svg" alt="" width="140" height="140" /></div>
|
||||
<div class="cube__face cube__face--back"><img src="/src/img/DanGrubbLogoWhite.svg" alt="" width="140" height="140" /></div>
|
||||
<div class="cube__face cube__face--right"></div>
|
||||
<div class="cube__face cube__face--left"></div>
|
||||
<div class="cube__face cube__face--top"></div>
|
||||
@ -49,7 +51,7 @@ const links = [
|
||||
<header class="bar">
|
||||
<a class="bar__logo" href="/">
|
||||
<span class="sr-only">dangrubb.net home</span>
|
||||
<img src="/src/img/DanGrubbLogoDark.png" alt="" width="48" height="48" />
|
||||
<img src="/src/img/DanGrubbLogoDark.svg" alt="" width="48" height="48" />
|
||||
</a>
|
||||
|
||||
<nav class="menu" id="menu" aria-label="Site">
|
||||
|
||||