Remove favicon.svg and update layout assets
All checks were successful
Build And Deploy / build-and-deploy (push) Successful in 1m25s
All checks were successful
Build And Deploy / build-and-deploy (push) Successful in 1m25s
Use absolute path for unscii-16 preload and remove unscii-8 preload. Replace file favicon.svg with inline SVG data-URI favicon, using text emoji and coloring it lime green. For the footer, remove the current year copyright and replace with Creative Commons icons for CC-BY-NC-SA license. Move the theme x-data and parallax choosing logic from BaseLayout to parallax.astro
This commit is contained in:
parent
4ed23bb6ef
commit
1162c53c8f
3 changed files with 18 additions and 35 deletions
|
|
@ -1,9 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 749 B |
|
|
@ -6,13 +6,7 @@
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
rel="preload"
|
||||||
as="font"
|
as="font"
|
||||||
href="unscii-16.woff"
|
href="/unscii-16.woff"
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
|
||||||
<link
|
|
||||||
rel="preload"
|
|
||||||
as="font"
|
|
||||||
href="unscii-8.woff"
|
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/>
|
/>
|
||||||
<link rel="preload" href="reset.css" as="style" />
|
<link rel="preload" href="reset.css" as="style" />
|
||||||
|
|
@ -20,31 +14,21 @@
|
||||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||||
<link
|
<link
|
||||||
rel="icon"
|
rel="icon"
|
||||||
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🌕</text></svg>"
|
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100px' height='100px'><rect x='0' y='0' width='100' height='100' rx='15' ry='15' style='fill: rgb(0,0,0);'/><foreignObject width='100' height='100'><div xmlns='http://www.w3.org/1999/xhtml' style='width:100px;height:100px;line-height:100px;text-align:center;vertical-align:middle;color:transparent;text-shadow: 0 0 rgb(0 255 0);font-size:80px;'>👾</div></foreignObject></svg>"
|
||||||
/>
|
/>
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<meta name="darkreader-lock" />
|
<meta name="darkreader-lock" />
|
||||||
<link rel="sitemap" href="/sitemap-index.xml" />
|
<link rel="sitemap" href="/sitemap-index.xml" />
|
||||||
<script>
|
|
||||||
const yearSpan = document.querySelector("#copyright-year");
|
|
||||||
if (yearSpan) {
|
|
||||||
yearSpan.innerHTML = new Date().getFullYear().toString();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<slot name="head" />
|
<slot name="head" />
|
||||||
</head>
|
</head>
|
||||||
<body x-data="{ theme: 'winternight'}">
|
<body>
|
||||||
|
<script>
|
||||||
|
import "iconify-icon";
|
||||||
|
</script>
|
||||||
<header>
|
<header>
|
||||||
<h1>badblocks.dev</h1>
|
<h1>badblocks.dev</h1>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<!-- <li>
|
|
||||||
<select id="theme" x-model="theme">
|
|
||||||
<option value="winternight">Winternight</option>
|
|
||||||
<option value="sunnyvale-forest">SunnyVale</option>
|
|
||||||
<option value="city-destroyed">Apocalypse</option>
|
|
||||||
</select>
|
|
||||||
</li> -->
|
|
||||||
<li><a href="/">Home</a></li>
|
<li><a href="/">Home</a></li>
|
||||||
<li><a href="/contact">Contact</a></li>
|
<li><a href="/contact">Contact</a></li>
|
||||||
<li><a href="https://git.badblocks.dev" target="_blank">Git</a></li>
|
<li><a href="https://git.badblocks.dev" target="_blank">Git</a></li>
|
||||||
|
|
@ -56,10 +40,18 @@
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<p>
|
<p>
|
||||||
© <span id="copyright-year">2026</span>
|
<a
|
||||||
badblocks
|
href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
|
||||||
|
target="_blank"
|
||||||
|
><iconify-icon icon="fa7-brands:creative-commons"
|
||||||
|
></iconify-icon><iconify-icon icon="fa7-brands:creative-commons-by"
|
||||||
|
></iconify-icon><iconify-icon icon="fa7-brands:creative-commons-nc"
|
||||||
|
></iconify-icon><iconify-icon icon="fa7-brands:creative-commons-sa"
|
||||||
|
></iconify-icon></a
|
||||||
|
>
|
||||||
|
<br />
|
||||||
|
Made from scratch with BAHA: Bun, Astro, Htmx, and Alpine!
|
||||||
</p>
|
</p>
|
||||||
<p>Made from scratch with BAHA: Bun, Astro, Htmx, and Alpine!</p>
|
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -131,7 +131,7 @@ import Layout from "@layouts/BaseLayout.astro";
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<Fragment slot="content">
|
<Fragment slot="content">
|
||||||
<article id="hero">
|
<article id="hero" x-data="{ theme: 'winternight'}">
|
||||||
<div class="parallax-container" :class="'parallax-theme-' + theme">
|
<div class="parallax-container" :class="'parallax-theme-' + theme">
|
||||||
<div class="layer layer-0"></div>
|
<div class="layer layer-0"></div>
|
||||||
<div class="layer layer-1"></div>
|
<div class="layer layer-1"></div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue