luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

CHORE: Cleaning up codebase
All checks were successful
Build and Push Development Docker Image / build-and-push (push) Successful in 1m5s
Details

Browse Source 
Moved component content to be above inline style blocks
This commit is contained in:
Luke Else
2025-04-27 22:02:33 +01:00
parent da5f47a841
commit 051cd42fdb
4 changed files with 112 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/routes/+layout.svelte
View File

@@ -3,6 +3,18 @@
import ThemeSwitcher from "$lib/components/ThemeSwitcher.svelte";
</script>
<nav>
<a href = "/">//Profile</a>
<a href = "/repos">//Repos</a>
<a href = "/contact">//Contact</a>
<ThemeSwitcher />
</nav>
<div class="main-container fade">
<Toasts />
<slot />
</div>
<style>
.main-container {
margin-left: 10%;
@@ -45,16 +57,4 @@
0% { opacity: 0; }
100% { opacity: 1; }
}
</style>
<nav>
<a href = "/">//Profile</a>
<a href = "/repos">//Repos</a>
<a href = "/contact">//Contact</a>
<ThemeSwitcher />
</nav>
<div class="main-container fade">
<Toasts />
<slot />
</div>
</style>

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

@@ -29,6 +29,48 @@
}
</script>
<Card>
<div slot="header">
<h2>Contact</h2>
</div>
<div slot="content">
<form action="https://api.staticforms.xyz/submit" method="post" class="contact-form">
<input type="hidden" name="accessKey" value="fbb5ec04-506b-448a-a445-a2e47579a966">
<!-- Form Items-->
<div class="input-group">
<input type="text" id="name" name="name" required placeholder="Your Name" />
<input type="email" id="email" name="email" required placeholder="Your Email" />
</div>
<div class="input-group">
<input type="text" name="subject" placeholder="Subject" required>
</div>
<div class="input-group">
<textarea id="message" name="message" rows="4" required placeholder="Your Message" />
</div>
<!-- Hidden Attributes-->
<input type="hidden" name="replyTo" value="@">
<input type="text" name="honeypot" style="display: none;">
<input type="hidden" name="redirectTo" value="https://luke-else.co.uk/contact?sent=true">
<!-- reCAPTCHA integration -->
<div class="input-group">
<div class="g-recaptcha" data-sitekey="6LfjQAwrAAAAAIF57u8Wt4w5L5vBEWi5DfXXBuGy"></div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</div>
<div class="input-group">
<button type="submit" class="submit-button">Send Message</button>
</div>
</form>
</div>
<div slot="footer">
<a href="/Luke Else - CV.pdf" target="_blank" rel="noopener noreferrer">Curriculum Vitae</a>
<a href="mailto:contact@luke-else.co.uk">E-Mail</a>
</div>
</Card>
<style>
/* Contact form styling */
@@ -105,42 +147,3 @@
overflow: hidden;
}
</style>
<Card>
<div slot="header">
<h2>Contact</h2>
</div>
<div slot="content">
<form action="https://api.staticforms.xyz/submit" method="post" class="contact-form">
<input type="hidden" name="accessKey" value="fbb5ec04-506b-448a-a445-a2e47579a966">
<div class="input-group">
<input type="text" id="name" name="name" required placeholder="Your Name" />
<input type="email" id="email" name="email" required placeholder="Your Email" />
</div>
<div class="input-group">
<input type="text" name="subject" placeholder="Subject" required>
</div>
<div class="input-group">
<textarea id="message" name="message" rows="4" required placeholder="Your Message" />
</div>
<input type="hidden" name="replyTo" value="@">
<input type="text" name="honeypot" style="display: none;">
<input type="hidden" name="redirectTo" value="https://luke-else.co.uk/contact?sent=true">
<div class="input-group">
<!-- reCAPTCHA integration -->
<div class="g-recaptcha" data-sitekey="6LfjQAwrAAAAAIF57u8Wt4w5L5vBEWi5DfXXBuGy"></div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</div>
<div class="input-group">
<button type="submit" class="submit-button">Send Message</button>
</div>
</form>
</div>
<div slot="footer">
<a href="/Luke Else - CV.pdf" target="_blank" rel="noopener noreferrer">Curriculum Vitae</a>
<a href="mailto:contact@luke-else.co.uk">E-Mail</a>
</div>
</Card>