LukeParke/Sveltey
1
0
Fork 0
mirror of https://github.com/LukeHagar/Sveltey.git synced 2025-12-06 04:21:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

adjusting style and formatting

Browse Source
This commit is contained in:
Luke Hagar
2025-06-02 12:09:05 -05:00
parent 6d58c65b39
commit dddcb66608
5 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/(marketing)/blog/+page.svelte
View File

@@ -38,7 +38,7 @@
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
{#each featuredPosts as post}
<article class="card preset-outlined-surface-200-800 p-6 md:p-8 space-y-4 hover:scale-105 transition-all duration-300 group">
<a href="/blog/{post.slug}" class="card preset-outlined-primary-500 p-6 md:p-8 space-y-4 hover:scale-105 transition-all duration-300 group">
<div class="flex items-center justify-between">
<span class="badge preset-filled-primary-500 flex items-center gap-1">
<Star class="size-3" />
@@ -51,9 +51,9 @@
</div>
<h3 class="h3 group-hover:text-primary-500 transition-colors">
<a href="/blog/{post.slug}" class="block">
<div class="block">
{post.title}
</a>
</div>
</h3>
<p class="opacity-75">{post.excerpt}</p>
@@ -72,7 +72,7 @@
{/each}
</div>
</div>
</article>
</a>
{/each}
</div>
</section>
@@ -87,16 +87,16 @@
<h2 class="h2 text-center">Recent Posts</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{#each regularPosts as post}
<article class="card preset-outlined-surface-200-800 p-4 md:p-6 space-y-4 hover:scale-105 transition-all duration-300 group">
<a href="/blog/{post.slug}" class="card preset-outlined-primary-500 p-4 md:p-6 space-y-4 hover:scale-105 transition-all duration-300 group">
<div class="flex items-center gap-1 text-sm opacity-75">
<Calendar class="size-4" />
{formatDate(post.publishedAt)}
</div>
<h3 class="h4 group-hover:text-primary-500 transition-colors">
<a href="/blog/{post.slug}" class="block">
<div class="block">
{post.title}
</a>
</div>
</h3>
<p class="opacity-75 text-sm">{post.excerpt}</p>
@@ -117,7 +117,7 @@
</div>
{/if}
</div>
</article>
</a>
{/each}
</div>
</section>

10
src/routes/(marketing)/blog/[slug]/+page.svelte
View File

@@ -55,7 +55,7 @@
</div>
<!-- Author and Tags -->
<div class="card preset-outlined-surface-200-800 p-6 space-y-4">
<div class="card preset-outlined-primary-500 p-6 space-y-4">
<div class="flex flex-wrap items-center justify-between gap-4">
<div class="flex items-center gap-2">
<User class="size-5 text-primary-500" />
@@ -70,7 +70,7 @@
href="https://twitter.com/intent/tweet?text={encodeURIComponent(post.title)}&url={encodeURIComponent(typeof window !== 'undefined' ? window.location.href : '')}"
target="_blank"
rel="noopener noreferrer"
class="btn btn-sm preset-outlined-surface-200-800"
class="btn btn-sm preset-outlined-secondary-500"
title="Share on Twitter"
>
<Twitter class="size-4" />
@@ -79,7 +79,7 @@
href="https://www.linkedin.com/sharing/share-offsite/?url={encodeURIComponent(typeof window !== 'undefined' ? window.location.href : '')}"
target="_blank"
rel="noopener noreferrer"
class="btn btn-sm preset-outlined-surface-200-800"
class="btn btn-sm preset-outlined-secondary-500"
title="Share on LinkedIn"
>
<Linkedin class="size-4" />
@@ -92,7 +92,7 @@
<Tag class="size-4 text-primary-500" />
<span class="text-sm font-medium">Tags:</span>
{#each post.tags as tag}
<span class="badge preset-outlined-surface-200-800 text-xs flex items-center gap-1">
<span class="badge preset-outlined-tertiary-500 text-xs flex items-center gap-1">
{tag}
</span>
{/each}
@@ -101,7 +101,7 @@
</div>
</header>
<hr class="hr" />
<hr class="hr bg-primary-500" />
<!-- Article Content -->
<article class="prose dark:prose-invert prose-lg max-w-none">

6
src/routes/(marketing)/pricing/+page.svelte
View File

@@ -25,7 +25,7 @@
],
popular: false,
buttonText: data.session ? 'Current Plan' : 'Get Started',
buttonClass: 'preset-outlined-surface-200-800'
buttonClass: 'preset-outlined-primary-500'
},
{
name: 'Pro',
@@ -79,7 +79,7 @@
<!-- Pricing Cards -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
{#each plans as plan}
<div class="card {plan.popular ? 'preset-outlined-primary-500 relative' : 'preset-outlined-secondary-500'} p-6 md:p-8 space-y-6 {plan.popular ? 'scale-105 shadow-2xl' : 'hover:scale-105'} transition-all duration-300">
<div class="card {plan.popular ? 'preset-outlined-primary-500 relative' : 'preset-outlined-secondary-500'} p-6 md:p-8 space-y-6 {plan.popular ? 'scale-105 shadow-2xl' : 'hover:scale-105'} transition-all duration-300 flex flex-col">
{#if plan.popular}
<div class="absolute -top-4 left-1/2 transform -translate-x-1/2">
@@ -117,7 +117,7 @@
</div>
<!-- Features -->
<ul class="space-y-3">
<ul class="space-y-3 grow">
{#each plan.features as feature}
<li class="flex items-center gap-3">
{#if feature.included}

2
src/routes/+layout.svelte
View File

@@ -67,7 +67,7 @@
<Modal />
<!-- Navigation Header -->
<header class="bg-surface-50-950-token border-surface-200-700-token border-b sticky top-0 z-50 backdrop-blur-xl">
<header class="bg-surface-50-950-token border-surface-200-700-token border-b sticky top-0 z-50 backdrop-blur-2xl">
<nav class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<!-- Left side - Brand and Main navigation -->

2
src/routes/+page.svelte
View File

@@ -33,7 +33,7 @@
</div>
<!-- Hero Image/Graphic -->
<div class="order-1 lg:order-2 flex justify-center">
<div class="size-64 lg:size-96 bg-gradient-to-br from-primary-500/20 to-secondary-500/20 rounded-full flex items-center justify-center shadow-2xl">
<div class="size-64 lg:size-96 bg-gradient-to-br from-primary-500/20 to-secondary-500/20 rounded-full flex items-center justify-center shadow-2xl animate-tilt">
<Rocket class="size-32 lg:size-64 text-primary-500" />
</div>
</div>