https://mat383.com/

Eingereichte URL:
https://mat383.com/
Bericht beendet:
LinkText
https://gohugo.io/Hugo
https://github.com/mat-383/blogSource code
https://512kb.club/
http://wiby.me/
http://250kb.club/

JavaScript-Variablen · 5 gefunden

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
remark_configobject
loadRemark42function

Konsolenprotokoll-Meldungen · 0 gefunden

HTML

<!DOCTYPE html><html lang="en" style="background-color: #121212; color: #ccc;"><head>
	<meta name="generator" content="Hugo 0.123.7">
	<title>mat383.com</title>
	<link rel="canonical" href="https://mat383.com/">
	<link rel="alternate" type="application/rss+xml" title="mat383.com RSS" href="/index.xml">
	<link rel="stylesheet" type="text/css" href="/style.css">
	<link rel="icon" type="image/x-icon" href="/favicon.ico">
	<meta name="description" content="The personal website of Mat383.">
	
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="robots" content="index, follow">
	<meta name="darkreader-lock">
	<meta charset="utf-8">

	<link rel="me" href="https://github.com/mat-383">
</head>
<body><div class="balls-bg"></div>

<nav class="navbar">
	<div class="navbarcontent">
		<a href="/" class="homelink h-card" rel="me" style="color:#ccc">mat383.com</a>
		<div class="otherlinks"> 
			<a href="/blog" style="color:#ccc" class="">Blog</a>
			<a href="/projects" style="color:#ccc" class="">Projects</a>
			<a href="/contact" style="color:#ccc" class="">Contact</a>
		</div>
	</div>
</nav>

<div class="particle-container">
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
	<div class="particle"></div>
</div>


<main>
<div class="contentbg">


	<header>
		
		
		
	</header>





<div class="homeimages homeimages1">
    <img src="/images/glitchy m.gif" alt="Glitchy M" class="homeimage1">
    <img src="/images/mat383 icon.jpg" alt="Glitchy M" class="u-photo homeimage2">
</div>
<p style="font-size:20px;">Howdy, I'm <a href="/now"><em class="green">Matt</em></a>. I also go by Mat383 or just Mat.</p>
<div class="homeimages homeimages2">
    <img src="/images/glitchy m.gif" alt="Glitchy M" class="homeimage1">
    <img src="/images/mat383 icon.jpg" alt="Glitchy M" class="u-photo homeimage2">
</div>
<p class="p-note">I'm an amateur programmer who's currently exploring his hobbies. I started this website to document and share my journey.</p>
<p>I’ll write more about myself in this page when I’ve gotten used to this whole personal website thing. It’s still in development, so keep watching this space.</p>
<p><strong>Currently redesigning this site, don’t be surprised if something looks weird!</strong></p>
<hr>
<h2 id="read-my-recent-posts-">Read my recent posts! ↓</h2>








		<a href="/blog/cairns-holiday-pics/" class="postpreviewlink postpreviewtime">
			</a><div class="postpreview activateposttitleunderline"><a href="/blog/cairns-holiday-pics/" class="postpreviewlink postpreviewtime">
				</a><div style="display: grid;grid-template-columns: auto auto 1fr;" class=" activateposttitleunderline"><a href="/blog/cairns-holiday-pics/" class="postpreviewlink postpreviewtime"><time datetime="2024-08-21T05:54:00+10:00">2024 Aug 21</time></a><div class="postpreviewtags"><a href="/blog/cairns-holiday-pics/" class="postpreviewlink postpreviewtime">
						</a><a class="tag
        tagoutside" style="display:inline-block;" id="tag_outside" href="https://mat383.com/tags/outside">Outside</a></div>
					<a href="/blog/cairns-holiday-pics/" class="postpreviewlink">
				</a></div><a href="/blog/cairns-holiday-pics/" class="postpreviewlink">
					

				<div class="postpreviewtitle">
					Holiday Pictures from Cairns
				</div>

				
					<div class="postpreviewsummary">I took heaps of landscape pics while I was there. Here, take some!</div>
				

				</a></div><a href="/blog/cairns-holiday-pics/" class="postpreviewlink">
		</a>
		<a href="/blog/building-this-website/" class="postpreviewlink postpreviewtime">
			</a><div class="postpreview activateposttitleunderline"><a href="/blog/building-this-website/" class="postpreviewlink postpreviewtime">
				</a><div style="display: grid;grid-template-columns: auto auto 1fr;" class=" activateposttitleunderline"><a href="/blog/building-this-website/" class="postpreviewlink postpreviewtime"><time datetime="2024-08-03T04:23:38+10:00">2024 Aug 03</time></a><div class="postpreviewtags"><a href="/blog/building-this-website/" class="postpreviewlink postpreviewtime">
						</a><a class="tag
        
        tagwebsite
    " style="display:inline-block;" id="tag_website" href="https://mat383.com/tags/website">Website</a></div>
					<a href="/blog/building-this-website/" class="postpreviewlink">
				</a></div><a href="/blog/building-this-website/" class="postpreviewlink">
					

				<div class="postpreviewtitle">
					Building this website
				</div>

				
					<div class="postpreviewsummary">Let me tell you why I made it and what tools I used.</div>
				

				</a></div><a href="/blog/building-this-website/" class="postpreviewlink">
		</a>



	<hr>
	<h2>Guestbook</h2>
	<p>Once you've had a look around, feel free to leave a comment in my guestbook:</p>



	<div id="commentSection">
		<button id="loadComments" class="loadcommentsbutton">
			<p>Load Guestbook</p>
			<div class="loadcommentsicons">
				
					<img class="loadcommentsicon1" src="/icons/guestbook.svg">
					<img class="loadcommentsicon2" src="/icons/guestbook-green.svg">
				
			</div>
		</button>
	</div>
	<script>
		
		var remark_config = {
			host: 'https://remark42.mat383.com',
			site_id: 'remark',
			theme: 'dark',
			show_email_subscription: false,
			show_rss_subscription: true,
		};
		
		function loadRemark42() {
			if (window.location.protocol !== 'https:') {
				document.getElementById('commentSection').innerHTML = '<p style="color: #ff5b5b;">Please use HTTPS to view comments.</p>';
				return;
			}
			
			var components = remark_config.components || ["embed"];
			var head = document.head || document.body;
			
			for (var i = 0; i < components.length; i++) {
				var script = document.createElement("script");
				var extension = ".js";
				
				
				if ("noModule" in script) {
					script.type = "module";
					extension = ".mjs";
				}
				
				script.async = true;
				script.defer = true;
				script.src = remark_config.host + "/web/" + components[i] + extension;
				head.appendChild(script);

				
				setTimeout(function() { 
					var loadCommentsButton = document.getElementById('loadComments');
					loadCommentsButton.parentNode.removeChild(loadCommentsButton);
				}, 200);
				
				
			}
		}
		
		document.getElementById('loadComments').addEventListener('click', function() {
			loadRemark42();
		});
	</script>

	
	<div id="remark42" class="remark42"></div>

</div></main>

<footer>
	
	<br>
	<br>

	<p class="footerhover">Made with <a href="https://gohugo.io/">Hugo</a> | <a href="https://github.com/mat-383/blog">Source code</a></p><a href="/index.xml"><img src="/rss.svg" class="sizeanimation" style="max-height:1.5em" alt="RSS Feed" title="Subscribe via RSS for new blog posts!"></a>
	<br>

	<div class="footerbadges">
		<a href="https://mat383.com/fanclub" class="sizeanimation"><img src="/images/fanclub.gif" alt="Mat383 Fanclub!!"></a>
		<a href="https://512kb.club/" class="sizeanimation"><img src="/images/green-team.gif" alt="The 512KB Club"></a>
		<a href="http://wiby.me/" class="sizeanimation"><img src="/images/wiby.gif" alt="Wiby, the classic search engine"></a>
		<br>
		<a href="http://250kb.club/" class="sizeanimation"><img src="/images/250kb-club.png" alt="The 250KB Club" ,="" style="max-width:160px;"></a>
	</div>
</footer>





</body></html>