https://mat383.com/

URL inviato:
https://mat383.com/
Report terminato:

I link in uscita identificati dalla pagina

LinkTesto
https://youtube.com/@Mat383
https://odysee.com/@Mat383
https://www.reddit.com/u/mat383
https://512kb.club/
https://wiby.me/
https://myfavouritewebsite.com/
http://250kb.club/
https://gohugo.io/Hugo
https://github.com/mat-383/blogSource code

Variabili JavaScript · 5 trovate

Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
remark_configobject
loadRemark42function

Messaggi di log della console · 0 trovati

Messaggi registrati nella console Web

HTML

Il corpo HTML non elaborato della pagina

<!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, the amateur programmer, game dev, and human.">
	
	<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">
			<style>.navbarm{fill:transparent}</style>
			<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1348 1100" preserveAspectRatio="xMinYMin meet" style="width: 100%; height: 100%; max-height:65px; max-width:70px;"><path class="navbarm" d="m118 999l78-897h363l124 560 183-560h369l-23 897h-244l20-640-211 640h-241l-144-640-42 640z"></path></svg>
		</a>
		<div class="otherlinks"> 
			<a href="/blog" style="color:#ccc" class="">Blog</a>
			<a href="/now" style="color:#ccc" class="">Now</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 class="headernocoverimg">
		
		
		
	</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>
</div>
<div class="float-in homecontent contentmargin">
<h2 id="read-my-recent-posts-">Read my recent posts! ↓</h2>
<div class="posts">
	
		<a href="/blog/cairns-holiday-pics/" class="postpreviewlink">
			<div class="postpreview">
				
					<div class="postpreviewcoverimg">
					<div class="postpreviewcoverimg2">
						<picture>
							<source srcset="/images/thumbnails/cairns-holiday-pics.avif" type="image/avif">
							<img src="/images/thumbnails/cairns-holiday-pics.jpg" width="400" height="200">
						</picture>
					</div>
					</div>
				
				<div class="postpreviewtext">
					<div class="postpreviewtimetags">
						<div class="postpreviewtime"><time datetime="2024-08-21T05:54:00+10:00">2024 Aug 21</time></div>
						<div class="postpreviewtags">
							<p class="tag
        tagoutside" style="display:inline-block;" id="tag_outside" href="https://mat383.com/tags/outside">Outside</p></div>
					</div>
					
					<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>
					
				</div>
			</div>
		</a>
		<a href="/blog/building-this-website/" class="postpreviewlink">
			<div class="postpreview">
				
				<div class="postpreviewtext">
					<div class="postpreviewtimetags">
						<div class="postpreviewtime"><time datetime="2024-08-03T04:23:38+10:00">2024 Aug 03</time></div>
						<div class="postpreviewtags">
							<p class="tag
        
        tagwebsite
    " style="display:inline-block;" id="tag_website" href="https://mat383.com/tags/website">Website</p></div>
					</div>
					
					<div class="postpreviewtitle">
						Building this website
					</div>
					
						<div class="postpreviewsummary">
							Let me tell you why I made it and what tools I used.
						</div>
					
				</div>
			</div>
		</a>
</div>
</div>
<br>
<div class="homecontent contentbg float-in">
<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>
<br>
</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>
	
	<div class="footersocials">
		<a href="https://youtube.com/@Mat383"><img src="/icons/youtube.svg" class="sizeanimation" style="height:1.75em; width: 1.75em;" alt="Youtube" title="I post videos on YouTube"></a>
		<a href="https://odysee.com/@Mat383"><img src="/icons/odyssey.png" class="sizeanimation" style="height:1.75em; width: 1.75em;" alt="Odyssey" title="I post videos to Odyssey too!"></a>
		<a href="https://www.reddit.com/u/mat383"><img src="/icons/reddit.svg" class="sizeanimation" style="height:1.75em; width: 1.75em;" alt="Reddit" title="I post to Reddit, but only sometimes"></a>
		<a href="/index.xml"><img src="/icons/rss.svg" class="sizeanimation" style="height:1.75em; width: 1.75em;" alt="RSS Feed" title="Subscribe via RSS for new blog posts!"></a>
	</div>

	<br>

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

	<p class="footerhover">Made with <a href="https://gohugo.io/">Hugo</a> | <a href="https://github.com/mat-383/blog">Source code</a></p>
</footer>





</body></html>