404.html

<!doctype html>
<html lang="en-GB">
<head>
	<title>MattCASmith | Observations on technology, business, and culture</title>
	<meta name="description" content="A cyber security professional observing technology, business, and culture with a skeptical – but never cynical – eye." />
	<meta name="robots" content="index, follow" />
	<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<link rel="canonical" href="https://mattcasmith.net/" />
	<meta property="og:locale" content="en_GB" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="MattCASmith | Observations on technology, business, and culture" />
	<meta property="og:description" content="A cyber security professional observing technology, business, and culture with a skeptical – but never cynical – eye." />
	<meta property="og:url" content="https://mattcasmith.net/" />
	<meta property="og:site_name" content="MattCASmith" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@mattcasmith" />
	<link rel="alternate" type="application/rss+xml" title="MattCASmith &raquo; feed" href="/feed.xml" />
</head>
	<head>
		<style>
			html {
				opacity: 0;
			}
		</style>
		<title> | MattCASmith</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="alternate" type="application/rss+xml" title="MattCASmith.net" href="https://mattcasmith.net/feed.xml" />
		<link rel="shortcut icon" href="/assets/images/favicon.png">
		<link rel="stylesheet" href="/assets/css/styles.css">
		<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
	</head>
	
	<body>
		<div id="site-container" class="post">
		<div id="header">
			<div id="header_left">
				<a href="/"><img class="site_logo light" src="/assets/images/mcas_site_logo.png" alt="MattCASmith"></a>
				<a href="/"><img class="site_logo dark" src="/assets/images/mcas_site_logo_dark.png" alt="MattCASmith"></a>
				<a href="/"><h2>MattCASmith</h2></a>
			</div>
			<div id="header_right">
				<img class="link_icon_menu light" src="/assets/images/menu_icon.png" alt="Open mobile menu">
				<img class="link_icon_menu dark" src="/assets/images/menu_icon_dark.png" alt="Open mobile menu">
				<a target="_blank" href="https://bsky.app/profile/mattcasmith.net"><img class="link_icon_bluesky light" src="/assets/images/bluesky_icon.png" alt="MattCASmith on Bluesky"></a>
				<a target="_blank" href="https://bsky.app/profile/mattcasmith.net"><img class="link_icon_bluesky dark" src="/assets/images/bluesky_icon_dark.png" alt="MattCASmith on Bluesky"></a>
				<a target="_blank" href="https://x.com/mattcasmith"><img class="link_icon_twitter light" src="/assets/images/x_icon.png" alt="MattCASmith on X"></a>
				<a target="_blank" href="https://x.com/mattcasmith"><img class="link_icon_twitter dark" src="/assets/images/x_icon_dark.png" alt="MattCASmith on X"></a>
				<a target="_blank" href="mailto:mattcasmith@protonmail.com"><img class="link_icon_email light" src="/assets/images/email_icon.png" alt="Email MattCASmith"></a>
				<a target="_blank" href="mailto:mattcasmith@protonmail.com"><img class="link_icon_email dark" src="/assets/images/email_icon_dark.png" alt="Email MattCASmith"></a>
				<a href="/feed.xml" target="_blank"><img class="link_icon_feed light" src="/assets/images/feed_icon.png" alt="MattCASmith feed"></a>
				<a href="/feed.xml" target="_blank"><img class="link_icon_feed dark" src="/assets/images/feed_icon_dark.png" alt="MattCASmith feed"></a>
				<a href="/about.htm"><img class="link_icon_about light" src="/assets/images/about_icon.png" alt="About MattCASmith"></a>
				<a href="/about.htm"><img class="link_icon_about dark" src="/assets/images/about_icon_dark.png" alt="About MattCASmith"></a>
			</div>
			<div id="search_cont">
				<input id="search" name="search" placeholder="Search site..." value="">
			</div>
		</div>

		<article class="post">

			<nav class="top_nav">
				<a href="/">HOME</a>
				<a href="/category/technology" >TECHNOLOGY</a>
				<a href="/category/business" >BUSINESS</a>
				<a href="/category/productivity" >PRODUCTIVITY</a>
				<a href="/category/design" >DESIGN</a>
				<a href="/category/cyber-security" >CYBER SECURITY</a>
				<a href="/category/programming" >CODING</a>
				<a href="/category/off-topic" >MISC</a>
			</nav>	

			<div class="title">
				<h1 class="entry-title">Oops... It looks like that page is missing</h1>
				<div class="meta">
				<span class="year_label">404 error</span>
				</div>
			</div>

			<div class="post_content_container_ext">

				<div class="post_content_container_int">
		
				<p>Sorry about that. <a href="/">Click here</a> to go home, or choose a category from the sidebar.</p>

				</div>

				<div id="home_sidebar">
			<div id="home_about_boxes">
				<div class="home_about_box home_box">
					<h2>Categories</h2>
					<div id="side_menu">
	<ul class="side_menu">
		<a href="/category/technology"><li class="first">Technology</li></a>
		<a href="/category/business"><li>Business</li></a>
		<a href="/category/productivity"><li>Productivity</li></a>
		<a href="/category/design"><li>Design</li></a>
		<a href="/category/cyber-security"><li>Cyber Security</li></a>
		<a href="/category/programming"><li>Coding</li></a>
		<a href="/category/off-topic"><li>Miscellaneous</li></a>
	</ul>
</div>
				</div>
				<div class="home_about_box home_box">
					<h2>Index & pages</h2>
					<a href="/blog-index.htm"><div class="home-button green-button">Blog index</div></a>
<div id="side_menu">
	<ul class="side_menu">
		<a href="/about.htm" class="home-index"><li class="first">About</li></a>
		<a href="/recommendations.htm" class="home-index"><li>Recommendations</li></a>
	</ul>
</div>
				</div>
			</div>
		</div>
		
		</article>


					
				<div id="footer">
			&copy; 2016-26 MattCASmith
			<span class="home-link">Personal blog - does not reflect views of employers past or present</span>
		</div>

			<div id="mobile_nav">

		<div id="mobile_nav_header">
			<div id="header_left">
				<a href="/"><img class="site_logo light" src="/assets/images/mcas_site_logo.png" alt="MattCASmith"></a>
				<a href="/"><img class="site_logo dark" src="/assets/images/mcas_site_logo_dark.png" alt="MattCASmith"></a>
				<a href="/"><h2>MattCASmith</h2></a>
			</div>
			<img class="link_icon_close light" src="/assets/images/close_icon.png" alt="Close mobile menu">
			<img class="link_icon_close dark" src="/assets/images/close_icon_dark.png" alt="Close mobile menu">
		</div>

		<div id="mobile_nav_links">
			<a href="/">Home</a>
			<a href="/category/technology" >Technology</a>
			<a href="/category/business" >Business</a>
			<a href="/category/productivity" >Productivity</a>
			<a href="/category/design" >Design</a>
			<a href="/category/cyber-security" >Cyber Security</a>
			<a href="/category/programming" >Coding</a>
			<a href="/category/off-topic" >Misc</a>
		</div>

		<div id="mobile_nav_icons">
				<a href="/about.htm"><img class="link_icon_about light" src="/assets/images/about_icon.png" alt="About MattCASmith"></a>
				<a href="/about.htm"><img class="link_icon_about dark" src="/assets/images/about_icon_dark.png" alt="About MattCASmith"></a>
				<a href="/feed.xml" target="_blank"><img class="link_icon_feed light" src="/assets/images/feed_icon.png" alt="MattCASmith feed"></a>
				<a href="/feed.xml" target="_blank"><img class="link_icon_feed dark" src="/assets/images/feed_icon_dark.png" alt="MattCASmith feed"></a>
				<a target="_blank" href="mailto:mattcasmith@protonmail.com"><img class="link_icon_email light" src="/assets/images/email_icon.png" alt="Email MattCASmith"></a>
				<a target="_blank" href="mailto:mattcasmith@protonmail.com"><img class="link_icon_email dark" src="/assets/images/email_icon_dark.png" alt="Email MattCASmith"></a>
				<a target="_blank" href="https://x.com/mattcasmith"><img class="link_icon_twitter light" src="/assets/images/x_icon.png" alt="MattCASmith on X"></a>
				<a target="_blank" href="https://x.com/mattcasmith"><img class="link_icon_twitter dark" src="/assets/images/x_icon_dark.png" alt="MattCASmith on X"></a>
				<a target="_blank" href="https://bsky.app/profile/mattcasmith.net"><img class="link_icon_bluesky light" src="/assets/images/bluesky_icon.png" alt="MattCASmith on Bluesky"></a>
				<a target="_blank" href="https://bsky.app/profile/mattcasmith.net"><img class="link_icon_bluesky dark" src="/assets/images/bluesky_icon_dark.png" alt="MattCASmith on Bluesky"></a>
		</div>
	</div>	
		
		<script data-goatcounter="https://mattcasmith.goatcounter.com/count"
        async src="//gc.zgo.at/count.js"></script>
        <script>
        	/* Search - allow submission using Enter key */
			document.getElementById("search").addEventListener("keydown", function (e) {
  				if (e.key === "Enter") {
    			e.preventDefault();
    			searchRedirect();
  				}
			});
			/* Search - generate URL and redirect */
			function searchRedirect() {
 				const input = document.getElementById("search");
  				if (!input) return;
				const query = encodeURIComponent(input.value.trim());
  				const url = "https://duckduckgo.com/?q=site%3Amattcasmith.net+" + query;
				window.open(url, "_blank");
			}
			/* Mobile menu - show on hamburger click */
			const menuButtons = document.querySelectorAll(".link_icon_menu");
			const closeButtons = document.querySelectorAll(".link_icon_close");
			const mobileNav = document.querySelector("#mobile_nav");
			menuButtons.forEach(button => {
				button.addEventListener("click", () => {
					mobileNav.classList.add("open");
				});
			});
			closeButtons.forEach(button => {
				button.addEventListener("click", () => {
  					mobileNav.classList.remove("open");
  				});
			});

			/* Newsletter signups */
			document.querySelectorAll(".subscribe-form").forEach((form) => {
			  form.addEventListener("submit", async (e) => {
			    e.preventDefault();
			    const emailInput = form.querySelector('input[type="email"]');
			    const honeypot = form.querySelector('input[name="company"]');
			    const message = form.querySelector(".message");
			    const email = emailInput.value.trim();
			    const company = honeypot ? honeypot.value : "";

			    // Client-side email validation
			    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
			    if (!emailRegex.test(email)) {
			      message.textContent = "Please enter a valid email address.";
			      message.style.display = "block";
			      return;
			    }

			    try {
			      const res = await fetch("https://beehiiv-subscribe.tight-disk-ec50.workers.dev", {
			        method: "POST",
			        headers: {
			          "Content-Type": "application/json"
			        },
			        body: JSON.stringify({ email, company })
			      });
			      if (!res.ok) throw new Error("Request failed");
			      form.innerHTML = `<p id="message">Thank you for subscribing!</p>`;
			    } catch (err) {
			      console.error(err);
			      if (message) {
			        message.textContent = "Something went wrong. Please try again.";
			        message.style.display = "block";
			      }
			    }
			  });
			});
        </script>
		
		</div>
	
	</body>
</html>