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

Store link and promo added (#1762)

Browse Source
This commit is contained in:
Chris Simmons
2023-07-18 11:20:32 -05:00
committed by GitHub
parent 4e13b4f196
commit 9ac09b33da
3 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
sites/skeleton.dev/src/lib/components/DocsAppBar/DocsAppBar.svelte
View File

@@ -103,6 +103,12 @@
</button>
<!-- popup -->
<div class="card p-4 w-60 shadow-xl" data-popup="features">
<a class="btn variant-filled w-full" href="https://store.skeleton.dev" target="_blank">
<!-- <i class="fa-solid fa-cart-shopping" /> -->
<span>Skeleton Store</span>
<span class="badge variant-filled-secondary">New</span>
</a>
<hr class="!my-4" />
<nav class="list-nav">
<ul>
<li>
@@ -163,6 +169,7 @@
<h6 class="h6">Mode</h6>
<LightSwitch />
</section>
<hr />
<nav class="list-nav p-4 -m-4 max-h-64 lg:max-h-[500px] overflow-y-auto">
<form action="/?/setTheme" method="POST" use:enhance={setTheme}>
<ul>
@@ -183,8 +190,9 @@
</ul>
</form>
</nav>
<hr />
<div>
<a class="btn variant-ghost-surface w-full" href="/docs/generator">Create a Theme</a>
<a class="btn variant-filled w-full" href="/docs/generator">Create a Theme</a>
</div>
</div>
<div class="arrow bg-surface-100-800-token" />

5
sites/skeleton.dev/src/lib/components/DocsSidebar/DocsSidebar.svelte
View File

@@ -41,6 +41,11 @@
<span>Home</span>
</AppRailAnchor>
<!-- prettier-ignore -->
<AppRailAnchor href="https://store.skeleton.dev" target="_blank" class="lg:hidden" on:click={() => { onClickAnchor() }}>
<svelte:fragment slot="lead"><i class="fa-solid fa-cart-shopping text-2xl" /></svelte:fragment>
<span>Store</span>
</AppRailAnchor>
<!-- prettier-ignore -->
<AppRailAnchor href="/blog" class="lg:hidden" on:click={() => { onClickAnchor() }}>
<svelte:fragment slot="lead"><i class="fa-solid fa-bullhorn text-2xl" /></svelte:fragment>
<span>Blog</span>

9
sites/skeleton.dev/src/routes/+page.svelte
View File

@@ -19,6 +19,15 @@
</script>
<div>
<!-- Promo Banner -->
<div class="variant-filled-secondary p-4 flex justify-between items-center gap-4">
<div class="flex items-center gap-6">
<i class="fa-solid fa-cart-shopping text-xl" />
<p><strong>Skeleton Store</strong> now available! Get premium templates designed for Skeleton.</p>
</div>
<a class="btn variant-filled" href="https://store.skeleton.dev" target="_blank">Visit Store</a>
</div>
<!-- hero -->
<header id="hero" class="bg-surface-100-800-token hero-gradient">
<div class="section-container"><HomeHero /></div>