https://mat383.com/

送信済みURL:
https://mat383.com/
レポート終了日:

リンク · 5件検出

リンクテキスト
https://gohugo.io/Hugo
https://github.com/mat-383/blogSource code
https://512kb.club/
http://wiby.me/
http://250kb.club/

JavaScript変数 · 5件検出

名前規模
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
remark_configobject
loadRemark42function

コンソールログメッセージ · 0件検出

HTML

<!DOCTYPE html><html lang="en" style="background-color: #121212 !important; color: #ccc;"><head>
	<meta name="generator" content="Hugo 0.92.2">
	<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="uncoveranimation"></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>


<main>

	<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>Just finished messed around with the backend, lemme know if anything’s broken.</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>

</main>

<footer>
	
	
		<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>
		<script>
			
			var remark_config = {
				host: 'https://remark42.mat383.com',
				site_id: 'remark',
				theme: 'dark',
				show_email_subscription: false,
				show_rss_subscription: true,
			};
			
			function loadRemark42() {
				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>
	
	<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>