Fix: Obsidian Card. Indented app.html

This commit is contained in:
John
2024-12-30 02:21:55 -05:00
parent 3797b7ac6a
commit 574bb2c450
5 changed files with 20 additions and 48 deletions

View File

@@ -1,12 +1,10 @@
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" data-theme="rocket">
<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div>
</body>
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width" />%sveltekit.head%</head>
<body data-sveltekit-preload-data="hover" data-theme="rocket">
<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div>
</body>
</html>

View File

@@ -1,10 +0,0 @@
export interface Particle {
x: number;
y: number;
baseY: number;
speed: number;
angle: number;
size: number;
color: string;
velocityX: number;
}

View File

@@ -1,12 +0,0 @@
export function createParticleGradient(
ctx: CanvasRenderingContext2D,
x: number,
y: number,
size: number,
color: string
): CanvasGradient {
const gradient = ctx.createRadialGradient(x, y, 0, x, y, size);
gradient.addColorStop(0, color);
gradient.addColorStop(1, 'transparent');
return gradient;
}

View File

@@ -1,4 +0,0 @@
export function generateGradientColor(y: number, height: number): string {
const hue = (y / height) * 60 + 200; // Blue to purple range
return `hsla(${hue}, 70%, 60%, 0.8)`;
}

View File

@@ -115,24 +115,24 @@
</div>
</div>
<div class="container mx-auto ml-auto grid grid-cols-1 md:grid-cols-2 gap-4 justify-end max-h-36 mt-8 pb-8">
<div class="md:col-start-1">
<!-- This card should be replaced with explainer graphic or text -->
<Card
header="Explore the Possibilities"
imageUrl="/obsidian-logo.png"
imageAlt="Blog post header image"
title="Enter a new title here"
content="What will you share?"
authorName="Your Name Here"
authorAvatarUrl=""
link="/"
/>
</div>
<div class="container mx-auto md:col-start-2 justify-left">
<hr class="!border-t-4" />
<br>
<h4 class="h4">Showcase your interests. Tell people what you've been working on. Create your community.</h4>
</div>
<div class="md:col-start-1">
<!-- This card should be replaced with explainer graphic or text -->
<Card
header="Explore the Possibilities"
imageUrl="/obsidian-logo.png"
imageAlt="Blog post header image"
title="Enter a new title here"
content="What will you share?"
authorName="Your Name Here"
authorAvatarUrl=""
link="/"
/>
</div>
</div>
</div>