darkicewolf50/darkicewolf50_site
1
0
Fork 0
generated from darkicewolf50/ssg-sveltekit-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: darkicewolf50:7d365b671059704c8ecfcf3e54db801064425b52
Branches Tags
darkicewolf50:master
...
compare: darkicewolf50:be60e9b4b107b44065fc0cc6b5ef0a35e1e71b4c
Branches Tags
darkicewolf50:master

2 Commits
7d365b6710 ... be60e9b4b1

Author SHA1 Message Date
darkicewolf50
be60e9b4b1 feat(master): added sitemap and readded ssg to contact page 2025-07-17 17:25:09 -06:00
darkicewolf50
3a5a697c95 feat(ssg): fixed incorrect ssg configs 2025-07-17 17:21:39 -06:00
7 changed files with 132 additions and 123 deletions
Expand all files Collapse all files

69
src/lib/components/layout/Bottom.svelte Normal file
View File

@ -0,0 +1,69 @@
<script>
export const prerender = true;
</script>
<footer>
<p>Brock Tomlinson © 2025</p>
<div>
<a href="mailto:darkicewolf50@gmail.com">
<img src="https://www.svgrepo.com/show/491226/email.svg" alt="Email's logo/icon" />
<p>Email</p>
</a>
<a href="https://www.youtube.com/@darkicewolf50">
<img src="https://www.svgrepo.com/show/521936/youtube.svg" alt="Youtube's logo/icon" />
<p>Youtube</p>
</a>
<a href="https://www.linkedin.com/in/brock-tomlinson/">
<img src="https://www.svgrepo.com/show/521725/linkedin.svg" alt="LinkedIn's logo/icon" />
<p>LinkedIn</p>
</a>
<a href="https://www.twitch.tv/darkicewolf50">
<img src="https://www.svgrepo.com/show/519925/twitch.svg" alt="Twitch's logo/icon" />
<p>Twitch</p>
</a>
<a href="https://github.com/darkicewolf50">
<img src="https://www.svgrepo.com/show/512317/github-142.svg" alt="Github's logo/icon" />
<p>Github</p>
</a>
</div>
</footer>
<style>
footer {
display: flex;
flex-direction: column;
text-align: center;
background-color: var(--card-background-color);
border-radius: var(--card-border-radius);
/* background-color: #d3d3d3; */
}
footer div {
display: flex;
flex-direction: row;
flex: 1 1 2;
justify-content: space-evenly;
}
footer img {
height: 60px;
filter: invert() hue-rotate(180deg);
}
footer a {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
footer a:hover {
color: #91a4d2;
cursor: pointer;
filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%) hue-rotate(187deg)
brightness(95%) contrast(90%);
}
</style>

31
src/lib/components/layout/Top.svelte Normal file
View File

@ -0,0 +1,31 @@
<script>
export const prerender = true;
</script>
<header>
<nav>
<a href="/">Home</a>
<a href="/projects">Projects</a>
<a href="/blogs/0">Blogs</a>
<a href="/contact">Contact</a>
</nav>
</header>
<style>
nav {
display: flex;
flex-direction: row;
}
nav a {
color: #ffffff;
margin-right: 20px;
text-decoration: none;
transition: color 0.2s ease;
}
nav a:hover {
cursor: pointer;
color: #91a4d2;
}
</style>

2
src/routes/+error.svelte
View File

@ -1,7 +1,5 @@
<script>
import { page } from '$app/state';
// $inspect(page.status);
</script>
<title>Brock Tomlinson - Not Found</title>

1
src/routes/+layout.server.js
View File

@ -1 +0,0 @@
export const prerender = true;

94
src/routes/+layout.svelte
View File

@ -1,43 +1,12 @@
<script>
let { children } = $props();
import Top from '$lib/components/layout/Top.svelte';
import Bottom from '$lib/components/layout/Bottom.svelte';
</script>
<header>
<nav>
<a href="/">Home</a>
<a href="/projects">Projects</a>
<a href="/blogs/0">Blogs</a>
<a href="/contact">Contact</a>
</nav>
</header>
<Top />
{@render children()}
<footer>
<p>Brock Tomlinson © 2025</p>
<div>
<a href="mailto:darkicewolf50@gmail.com">
<img src="https://www.svgrepo.com/show/491226/email.svg" alt="Email's logo/icon" />
<p>Email</p>
</a>
<a href="https://www.youtube.com/@darkicewolf50">
<img src="https://www.svgrepo.com/show/521936/youtube.svg" alt="Youtube's logo/icon" />
<p>Youtube</p>
</a>
<a href="https://www.linkedin.com/in/brock-tomlinson/">
<img src="https://www.svgrepo.com/show/521725/linkedin.svg" alt="LinkedIn's logo/icon" />
<p>LinkedIn</p>
</a>
<a href="https://www.twitch.tv/darkicewolf50">
<img src="https://www.svgrepo.com/show/519925/twitch.svg" alt="Twitch's logo/icon" />
<p>Twitch</p>
</a>
<a href="https://github.com/darkicewolf50">
<img src="https://www.svgrepo.com/show/512317/github-142.svg" alt="Github's logo/icon" />
<p>Github</p>
</a>
</div>
</footer>
<Bottom />
<style>
:global(:root) {
@ -64,59 +33,4 @@
padding: 0svh 2svw;
padding-bottom: 1svh;
}
nav {
display: flex;
flex-direction: row;
}
nav a {
color: #ffffff;
margin-right: 20px;
text-decoration: none;
transition: color 0.2s ease;
}
nav a:hover {
cursor: pointer;
color: #91a4d2;
}
footer {
display: flex;
flex-direction: column;
text-align: center;
background-color: var(--card-background-color);
border-radius: var(--card-border-radius);
/* background-color: #d3d3d3; */
}
footer div {
display: flex;
flex-direction: row;
flex: 1 1 2;
justify-content: space-evenly;
}
footer img {
height: 60px;
filter: invert() hue-rotate(180deg);
}
footer a {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
footer a:hover {
color: #91a4d2;
cursor: pointer;
filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%) hue-rotate(187deg)
brightness(95%) contrast(90%);
}
</style>

0
src/routes/+layout.js → src/routes/contact/+page.js
View File

58
src/routes/sitemap.xml/+server.js
View File

@ -1,44 +1,42 @@
// src/routes/sitemap.xml/+server.ts (or +server.js)
import { format } from 'date-fns'; // Optional, if you want <lastmod> etc.
import { format } from 'date-fns';
export async function GET() {
const baseUrl = 'https://yourdomain.com'; // Replace with your domain
export const GET = async () => {
const baseUrl = 'https://yourdomain.com'; // Change to your domain
const staticPages = [
'', // Home page
'', // homepage
'contact',
'projects'
// Add other pages here
];
const urls = staticPages
.map(
(path) => `
<url>
<loc>${baseUrl}/${path}</loc>
<lastmod>${format(new Date(), 'yyyy-MM-dd')}</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>`
<url>
<loc>${baseUrl}/${path}</loc>
<lastmod>${format(new Date(), 'yyyy-MM-dd')}</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>`
)
.join('');
return new Response(
`
<?xml version="1.0" encoding="UTF-8" ?>
<urlset
xmlns="https://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="https://www.w3.org/1999/xhtml"
xmlns:mobile="https://www.google.com/schemas/sitemap-mobile/1.0"
xmlns:news="https://www.google.com/schemas/sitemap-news/0.9"
xmlns:image="https://www.google.com/schemas/sitemap-image/1.1"
xmlns:video="https://www.google.com/schemas/sitemap-video/1.1"
>
${urls}
</urlset>`.trim(),
{
headers: {
'Content-Type': 'application/xml'
}
const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
<urlset
xmlns="https://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="https://www.w3.org/1999/xhtml"
xmlns:mobile="https://www.google.com/schemas/sitemap-mobile/1.0"
xmlns:news="https://www.google.com/schemas/sitemap-news/0.9"
xmlns:image="https://www.google.com/schemas/sitemap-image/1.1"
xmlns:video="https://www.google.com/schemas/sitemap-video/1.1"
>
${urls}
</urlset>`;
return new Response(sitemap, {
headers: {
'Content-Type': 'application/xml'
}
);
}
});
};