https://scott.panton.au/ Recent content on Scott Panton | IT Consultant https://scott.panton.au/android-chrome-512x512.png https://scott.panton.au/android-chrome-512x512.png Hugo en Thu, 31 Oct 2024 00:00:00 +0000 https://scott.panton.au/posts/first/ Thu, 31 Oct 2024 00:00:00 +0000 https://scott.panton.au/posts/first/ <p>This is a post. It only exists so that there is something here.</p> https://scott.panton.au/contact/ Mon, 01 Jan 0001 00:00:00 +0000 https://scott.panton.au/contact/ <p>If you would like to get in touch, please fill out the form below. I will respond as soon as possible.</p> <form id="contactForm" class="contact-form"> <div class="form-group"> <label for="name">Name</label> <input type="text" id="name" name="name" required> </div> <div class="form-group"> <label for="email">Email</label> <input type="email" id="email" name="email" required> </div> <div class="form-group"> <label for="message">Message</label> <textarea id="message" name="message" rows="6" required></textarea> </div> <!-- Cloudflare Turnstile Widget --> <!-- REPLACE data-sitekey with your actual Turnstile Site Key --> <div class="cf-turnstile" data-sitekey="0x4AAAAAADJDslFka5ZrAAiF" data-theme="light"></div> <button type="submit" id="submitBtn">Send Message</button> <div id="formStatus" style="margin-top: 15px; font-weight: bold;"></div> </form> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <script> document.getElementById('contactForm').addEventListener('submit', async (e) => { e.preventDefault(); const statusDiv = document.getElementById('formStatus'); const submitBtn = document.getElementById('submitBtn'); statusDiv.innerText = "Sending..."; statusDiv.style.color = "var(--primary)"; submitBtn.disabled = true; const formData = new FormData(e.target); const data = Object.fromEntries(formData.entries()); try { const response = await fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); if (response.ok) { statusDiv.innerText = "Message sent successfully! I'll be in touch soon."; statusDiv.style.color = "green"; e.target.reset(); turnstile.reset(); // Reset the widget after success } else { const err = await response.json(); statusDiv.innerText = `Error: ${err.error}`; statusDiv.style.color = "red"; turnstile.reset(); // Reset the widget so they can try again } } catch (err) { statusDiv.innerText = "A network error occurred. Please try again."; statusDiv.style.color = "red"; turnstile.reset(); } finally { submitBtn.disabled = false; } }); </script> <style> /* Styling to seamlessly integrate with PaperMod's aesthetic */ .contact-form { max-width: 600px; margin-top: 2rem; } .contact-form .form-group { margin-bottom: 1.5rem; } .contact-form label { display: block; margin-bottom: 0.5rem; font-weight: bold; } .contact-form input, .contact-form textarea { width: 100%; padding: 0.75rem; border: 1px solid var(--border); background: var(--entry); color: var(--primary); border-radius: 6px; font-family: inherit; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: #0056b3; /* Match the professional blue from earlier */ } .contact-form button { padding: 0.75rem 1.5rem; background-color: #0056b3; color: #ffffff; border: none; cursor: pointer; border-radius: 6px; font-size: 1rem; font-weight: bold; transition: opacity 0.2s; } .contact-form button:hover { opacity: 0.8; } .contact-form button:disabled { background-color: var(--tertiary); cursor: not-allowed; } .cf-turnstile { margin-bottom: 1.5rem; } </style> https://scott.panton.au/services/ Mon, 01 Jan 0001 00:00:00 +0000 https://scott.panton.au/services/ <p>I deliver solutions tailored to meet your exacting requirements while remaining mindful of your budgetary concerns. My hands-on approach reduces the frustration of remote help desks, providing you with direct, professional support.</p> <h2 id="onsite--remote-support">Onsite &amp; Remote Support</h2> <p>Tailored support for your IT systems, so you can relax. I am available for both onsite visits and remote administration to ensure your operations run smoothly without interruption.</p> <p><strong>Ready to simplify your IT infrastructure?</strong><br> Drop me a line via the contact page to discuss your requirements.</p>