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:master
Branches Tags
darkicewolf50:master

9 Commits
7d365b6710 ... master

Author SHA1 Message Date
darkicewolf50
3e6150cdb2 feat(contact): added some internal padding to form 2025-07-21 15:55:59 -06:00
darkicewolf50
ebe09ea5a5 feat(contact): fixed form so that it now works again 2025-07-18 14:38:16 -06:00
darkicewolf50
5845f1180b feat(projects): fixed minor placement issues and removing excess proejcts from being shown 2025-07-17 20:53:26 -06:00
darkicewolf50
10b3091264 feat(robots): added sitemap to robots.txt 2025-07-17 20:43:32 -06:00
darkicewolf50
48b1854382 feat(sitemap): changed base url for correct sitemap 2025-07-17 17:39:26 -06:00
darkicewolf50
6fdb9ede53 feat(goolge search): added iste verification 2025-07-17 17:36:28 -06:00
darkicewolf50
b795e60091 feat(projects): minor styling update 2025-07-17 17:35:01 -06:00
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
14 changed files with 224 additions and 170 deletions
Expand all files Collapse all files

1
src/app.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="google-site-verification" content="lsAs9c2Pv7c6Sm26z1hd2YqR2depbp4sJddIDYKHkxY" />
<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%

1
src/lib/components/contact.svelte
View File

@ -102,6 +102,7 @@
div div ul div {
display: flex;
flex-direction: row;
gap: 0px;
}
a {

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>

3
src/lib/components/projects/projects.svelte
View File

@ -3,7 +3,7 @@
let { independent_page = true, techTablePromise = null } = $props();
let limitProjects = $derived(independent_page ? 0 : 8);
let limitProjects = $derived(independent_page ? 0 : 6);
let projectsPromise = $state(null);
let techPromise = $state(null);
@ -171,5 +171,6 @@
flex-direction: row;
flex-wrap: wrap;
column-gap: 1svw;
justify-content: space-evenly;
}
</style>

6
src/lib/components/projects/projectsCard.svelte
View File

@ -108,7 +108,7 @@
justify-self: center;
margin: 0svh 1svw;
margin: 0svh 0svw;
padding-top: 1svh;
object-fit: contain;
color: transparent;
@ -125,6 +125,7 @@
border-radius: var(--underlineTitleBorderRadius);
margin: 0px 2svw;
padding: 0px 2svw;
padding-right: 0px;
justify-content: space-between;
align-items: center;
@ -173,9 +174,10 @@
.project-title-info div {
display: flex;
gap: 1svw;
gap: 20px;
justify-content: flex-end;
border-bottom: none;
margin: 0svh 10px;
}
.project-card div p {

24
src/lib/style/globals.css Normal file
View File

@ -0,0 +1,24 @@
:root {
--underlineTitle: 4px solid purple;
--underlineTitleBorderRadius: 4px;
--img-width: 32px;
--img-height: 32px;
--card-background-color: rgba(38, 38, 38, 0.5);
--card-border-radius: 0.5rem;
}
body {
background-color: #0f1116;
color: #ffffff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 20px;
}
h2 {
border-bottom: var(--underlineTitle);
border-radius: var(--underlineTitleBorderRadius);
display: flex;
margin: 2svh 2svw;
padding: 0svh 2svw;
padding-bottom: 1svh;
}

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;

123
src/routes/+layout.svelte
View File

@ -1,122 +1,11 @@
<script>
let { children } = $props();
import Top from '$lib/components/layout/Top.svelte';
import Bottom from '$lib/components/layout/Bottom.svelte';
import '$lib/style/globals.css';
</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>
<style>
:global(:root) {
--underlineTitle: 4px solid purple;
--underlineTitleBorderRadius: 4px;
--img-width: 32px;
--img-height: 32px;
--card-background-color: rgba(38, 38, 38, 0.5);
--card-border-radius: 0.5rem;
}
:global(body) {
background-color: #0f1116;
color: #ffffff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 20px;
}
:global(h2) {
border-bottom: var(--underlineTitle);
border-radius: var(--underlineTitleBorderRadius);
display: flex;
margin: 2svh 2svw;
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>
<Bottom />

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

73
src/routes/contact/+page.svelte
View File

@ -1,11 +1,41 @@
<script>
import Contact from '$lib/components/contact.svelte';
let contactName = $state('');
let contactEmail = $state('');
let contactMessage = $state('');
let error_box_message = $state('');
let submitButtonEnable = $state(true);
let submitButtonText = $derived(submitButtonEnable ? 'Submit' : 'Submitting');
const formSubmit = async (event) => {
event.preventDefault();
submitButtonEnable = false;
const formData = new FormData(event.target);
const formObject = Object.fromEntries(formData.entries());
try {
let json_to_send = {
content: `***New Message***\n*Name*: ${formObject.name}\n*Email*: [${formObject.email}](mailto:${formObject.email})\n*Message*: ${formObject.message}`
};
const res = await fetch(
'https://discord.com/api/webhooks/1374798951475187732/zOL9aD1wWn9rCywjqVAy3oUMnzPu25SVIMCDaLD4N8C_V9OqPK8Hj2Wmm-7Ts5QHTbzN',
{
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(json_to_send)
}
);
if (!res.ok) {
throw new Error(`Discord webhook error: ${res.status} ${res.statusText}`);
}
} catch (err) {
error_box_message = 'An error has occurred';
console.error(err);
}
submitButtonEnable = true;
};
</script>
<title>Brock Tomlinson - Contact</title>
@ -18,22 +48,23 @@
to either fill out this form or contact me through one of the many of the platforms below
</p>
</div>
<form
onsubmit={(e) => {
e.preventDefault();
}}
>
<form onsubmit={formSubmit}>
<label for="name">Name</label>
<input type="text" id="name" bind:value={contactName} />
<input type="text" id="name" name="name" />
<label for="email">Email</label>
<input type="email" id="email" bind:value={contactEmail} />
<input type="email" id="email" name="email" />
<label for="message">Message</label>
<textarea id="message" bind:value={contactMessage}></textarea>
<textarea id="message" name="message"></textarea>
<p>{error_box_message}</p>
<button onclick={() => console.log('Clicked')}> Submit </button>
<input
type="submit"
disabled={!submitButtonEnable}
class="submitButton"
id={submitButtonEnable ? '' : 'disabledSubmitButton'}
/>
</form>
</div>
<Contact />
@ -72,7 +103,7 @@
border-radius: var(--card-border-radius);
border-color: rgba(245, 245, 245, 0.5);
border-width: 2px;
padding: 1svh 0svw;
padding: 1svh 1ch;
margin: 1svh 0.5svw;
color: inherit;
align-items: start;
@ -83,14 +114,14 @@
border-radius: var(--card-border-radius);
border-color: rgba(245, 245, 245, 0.4);
border-width: 2px;
padding: 1svh 0svw;
padding: 1svh 1ch;
margin: 1svh 0.5svw;
color: inherit;
align-items: start;
min-height: 25svh;
}
button {
.submitButton {
border-radius: var(--card-border-radius);
border-color: rgba(245, 245, 245, 0.5);
padding: 1svh 0svw;
@ -101,9 +132,17 @@
border-color: transparent;
}
button:hover {
.submitButton:hover {
cursor: pointer;
color: #91a4d2;
background-color: rgba(0, 150, 0, 0.6);
}
#disabledSubmitButton {
background-color: rgba(211, 211, 211, 0.6);
}
#disabledSubmitButton:hover {
background-color: rgba(180, 180, 180, 0.6);
}
</style>

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://darkicewolf50.pages.dev';
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'
}
);
}
});
};

2
static/robots.txt
View File

@ -1,2 +1,4 @@
User-agent: *
Disallow: /blogs/
Sitemap: https://darkicewolf50.pages.dev/sitemap.xml