https://mat383.com/

ID de l'analyse :
7d39bd1e-cc0e-4180-833b-e84cbbdef2d2Terminée
URL soumise :
https://mat383.com/
Fin du rapport :

Liens : 5 trouvé(s)

Lientexte
https://gohugo.io/Hugo
https://github.com/mat-383/blogSource code
https://512kb.club/
http://wiby.me/
http://250kb.club/

Variables JavaScript : 5 trouvée(s)

NomType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
remark_configobject
loadRemark42function

Messages de journal de console : 0 trouvé(s)

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="/styles.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>


<main>

	<header>
		
		
		
	</header>





<div class="hero">
    <div class="herotext float-in">
        <p>Hi, I'm Mat383</p>
        <p>Owner of a very cool website</p>
        <p>YOU ARE LOOKING AT IT RIGHT NOW</p>
    </div>
    <div class="heroimage float-in" style="">
        <div class="heroimagestack">
            <div class="s">
                <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="100%" height="100%">
                    <style>.s{fill:none}</style>
                    <path class="s s1" d="m1745.9 898c-92.4-71.2-379.2-257.4-667-257-115.4 0.2-267.5 20.3-420.6 75.2" pathLength="1"></path>
                    <path class="s s2" d="m658.3 716.2c-51.2 18.3-102.5 40.6-152.5 67.2-158 84.2-300.7 160.3-299.8 245.9" pathLength="1"></path>
                    <path class="s s4" d="m1726.9 1288c34.4-61.5-1110.3-253.4-1094-292.4" pathLength="1"></path>
                    <path class="s s5" d="m632.9 995.6c13.1-31 1116.9 44.8 1133.9 45.9" pathLength="1"></path>
                </svg>
            </div>
            <div class="m">
                <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="100%" height="100%">
                    <style>.m{fill:#026300}</style>
                    <path class="m m1" d="m437 1411l78-897h363l124 560 183-560h369l-23 897h-244l20-640-211 640h-241l-144-640-42 640z"></path>
                    <path class="m m2" d="m437 1411l78-897h363l124 560 183-560h369l-23 897h-244l20-640-211 640h-241l-144-640-42 640z"></path>
                    <defs>
                    <linearGradient id="m-gradient" x2="-0.15" y2="1">
                        <stop offset="0%" stop-color="rgb(2, 99, 0)"></stop>
                        <stop offset="10%" stop-color="rgb(2, 99, 0)"></stop>
                        <stop offset="70%" stop-color="rgb(17, 177, 0)"></stop>
                        <stop offset="70%" stop-color="rgb(17, 177, 0)"></stop>
                        <stop offset="120%" stop-color="rgb(2, 99, 0)"></stop>
                    </linearGradient>
                    </defs>
                </svg>
            </div>
            <div class="s">
                <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="100%" height="100%">
                    <style>.s{fill:none}</style>
                    <path class="s s3" d="m206 1029.3c1.3 124.9 385.5 181.5 765.2 222.2 637.6 68.3 739.8 64.7 755.7 36.5" pathLength="1"></path>
                </svg>
            </div>
        </div>
  </div>
</div>
<div class="homecontent contentbg float-in">
<p>Just kidding, I'm <i>also</i> an amateur programmer who's interested in making games and other cool things on screens. 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>
        <img class="loadcommentsicon" src="/icons/guestbook-green.svg" alt="Guestbook icon" style="height:36px; width: 40px;">
    </button>
</div>


<div id="remark42" class="remark42"></div>
</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>
</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="height:1.5em; width: 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!!" class="badgesize1"></a>
		<a href="https://512kb.club/" class="sizeanimation"><img src="/images/green-team.gif" alt="The 512KB Club" class="badgesize1"></a>
		<a href="http://wiby.me/" class="sizeanimation"><img src="/images/wiby.gif" alt="Wiby, the classic search engine" class="badgesize1"></a>
		<br>
		<a href="http://250kb.club/" class="sizeanimation"><img src="/images/250kb-club.png" alt="The 250KB Club" ,="" style="width:160px; height: 24px;"></a>
	</div>
</footer>





</body></html>