Welcome to my Website!

This is a paragraph! Here's how you make a link: Neocities.

Here's how you can make bold and italic text.

Here's how you can add an image:

Here's how to make a list:

First thing
Second thing
Third thing

To learn more HTML/CSS, check out these tutorials!

/* POP BOX */ ;(function() { var $pop = $("#pop"); $(document).on("click", "[data-pop]", function() { var popSrc= $(this).data("pop"), docW= Math.max(document.documentElement.clientWidth, window.innerWidth || 0), docH= Math.max(document.documentElement.clientHeight, window.innerHeight || 0); $pop.addClass("visible loading").css({backgroundImage:"none"}); $("").on("load", function() { var bigger = (this.width > docW || this.height > docH) $pop.removeClass("loading").css({ backgroundSize: bigger ? "contain" : "auto", backgroundImage: "url(" + this.src + ")" }); }).attr("src", popSrc); }); $("#popClose").on("click", function() { $pop.removeClass("visible loading"); }); }()); /* POP BOX */ #pop { position: fixed; z-index: 999999; color: #fff; background: rgba(0, 0, 0, 0.6) none no-repeat 50% 50%; box-shadow: 0 0 0 24px rgba(0, 0, 0, 0.6); left: 24px; top: 24px; right: 24px; bottom: 24px; transition: 0.3s; visibility: hidden; opacity: 0; } #pop.loading:after { content: "Loading..."; position: absolute; top: 50%; left: 44%; } #pop.visible { visibility: visible; opacity: 1; } #popClose { cursor: pointer; position: absolute; top: 0px; right: 0px; font-size: 2em; }