adjusted assets, and added og image

This commit is contained in:
Luke Hagar
2025-06-13 15:48:57 -05:00
parent 3e36a123a4
commit dd095a52bb
12 changed files with 64 additions and 29 deletions

View File

@@ -2,7 +2,7 @@
<html lang="en" class="dark">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
<script>

View File

@@ -72,7 +72,8 @@ export const load: LayoutLoad = async ({ data, depends, fetch, url }) => {
creator: '@sveltey_dev',
title: 'Sveltey - SvelteKit SaaS Template',
description: 'A comprehensive, production-ready SaaS template built with Svelte 5, SvelteKit 2, Supabase, and Skeleton UI.',
image: `${url.origin}/og-image.jpg`,
// OG Images can be easily created with https://ogimagemaker.com
image: `${url.origin}/og-image.png`,
imageAlt: 'Sveltey - SvelteKit SaaS Template'
},
@@ -88,34 +89,13 @@ export const load: LayoutLoad = async ({ data, depends, fetch, url }) => {
{
name: 'application-name',
content: 'Sveltey'
},
{
name: 'apple-mobile-web-app-capable',
content: 'yes'
},
{
name: 'apple-mobile-web-app-status-bar-style',
content: 'default'
},
{
name: 'apple-mobile-web-app-title',
content: 'Sveltey'
}
],
additionalLinkTags: [
{
rel: 'icon',
href: '/favicon.ico'
},
{
rel: 'apple-touch-icon',
href: '/apple-touch-icon.png',
sizes: '180x180'
},
{
rel: 'manifest',
href: '/manifest.json'
href: '/favicon.svg'
}
]
}) satisfies MetaTagsProps

View File

@@ -125,7 +125,7 @@
<div class="grid grid-cols-2 items-center gap-8 md:grid-cols-4">
<div class="space-y-2">
<div class="mx-auto flex items-center justify-center">
<img src="/svelte-logo-square.svg" alt="SvelteKit" class="size-16" />
<img src="/logos/svelte-logo-square.svg" alt="SvelteKit" class="size-16" />
</div>
<p class="text-lg font-bold">SvelteKit</p>
</div>
@@ -137,25 +137,25 @@
</div>
<div class="space-y-2">
<div class="mx-auto flex items-center justify-center">
<img src="/tailwind-logo-square.svg" alt="Tailwind CSS" class="size-16" />
<img src="/logos/tailwind-logo-square.svg" alt="Tailwind CSS" class="size-16" />
</div>
<p class="text-lg font-bold">Tailwind CSS</p>
</div>
<div class="space-y-2">
<div class="mx-auto flex items-center justify-center">
<img src="/supabase-logo-icon.svg" alt="Supabase" class="size-16" />
<img src="/logos/supabase-logo-icon.svg" alt="Supabase" class="size-16" />
</div>
<p class="text-lg font-bold">Supabase</p>
</div>
<div class="space-y-2">
<div class="rounded-base mx-auto flex size-16 items-center justify-center bg-black p-2">
<img src="/resend-icon-white.svg" alt="Resend" class="size-16" />
<img src="/logos/resend-icon-white.svg" alt="Resend" class="size-16" />
</div>
<p class="text-lg font-bold">Resend</p>
</div>
<div class="space-y-2">
<div class="mx-auto flex items-center justify-center">
<img src="/ts-logo-512.svg" alt="TypeScript" class="size-16" />
<img src="/logos/ts-logo-512.svg" alt="TypeScript" class="size-16" />
</div>
<p class="text-lg font-bold">TypeScript</p>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

55
static/favicon.svg Normal file
View File

@@ -0,0 +1,55 @@
<svg width="512" xmlns="http://www.w3.org/2000/svg" height="512" id="screenshot-2867b978-8541-809c-8006-43e8df0380f7" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><style>/* cyrillic-ext */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: block;
src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvWyNL4U.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: block;
src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjtGyNL4U.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: block;
src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvGyNL4U.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: block;
src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjs2yNL4U.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: block;
src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvmyNL4U.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: block;
src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style><g id="shape-2867b978-8541-809c-8006-43e8df0380f7" rx="0" ry="0"><g id="shape-2867b978-8541-809c-8006-43e8df0380f8" width="512" height="512" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-2867b978-8541-809c-8006-43e8df0380fa" style="display: none;"><g class="fills" id="fills-2867b978-8541-809c-8006-43e8df0380fa"><rect width="512" height="512" x="0" transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" style="fill: none;" ry="0" fill="none" rx="0" y="0"/></g></g><g id="shape-2867b978-8541-809c-8006-43e8df0380fb"><g class="fills" id="fills-2867b978-8541-809c-8006-43e8df0380fb"><path d="M32.000,0.000L480.000,0.000C512.000,0.000,512.000,0.000,512.000,32.000L512.000,480.000C512.000,512.000,512.000,512.000,480.000,512.000L32.000,512.000C0.000,512.000,0.000,512.000,0.000,480.000L0.000,32.000C0.000,0.000,0.000,0.000,32.000,0.000Z" style="fill: rgb(0, 136, 255);"/></g></g></g><g id="shape-2867b978-8541-809c-8006-43e8df0380f9"><g transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" class="text-container" x="111" y="56" width="291" height="400" rx="0" ry="0"><defs><pattern patternUnits="objectBoundingBox" width="291" height="561" id="fill-0-render-5-0"><g><rect width="291" height="561" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/></g></pattern></defs><g class="fills" id="fills-2867b978-8541-809c-8006-43e8df0380f9"><text x="111" y="536" dominant-baseline="ideographic" textLength="291" lengthAdjust="spacingAndGlyphs" style="text-transform: none; font-family: Ubuntu; letter-spacing: normal; font-style: normal; font-weight: 700; white-space: pre; font-size: 500px; text-decoration: none solid rgb(0, 0, 0); direction: ltr; fill: rgb(0, 0, 0); fill-opacity: 1;">S</text></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

Before

Width:  |  Height:  |  Size: 851 B

After

Width:  |  Height:  |  Size: 851 B

View File

Before

Width:  |  Height:  |  Size: 851 B

After

Width:  |  Height:  |  Size: 851 B

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 771 B

After

Width:  |  Height:  |  Size: 771 B

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB