- 제출된 URL:
- https://mat383.com/
- 보고서 완료:
링크 · 9개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| 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/blog | Source code |
JavaScript 변수 · 5개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| remark_config | object |
| loadRemark42 | function |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 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, 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>