64 lines
2.8 KiB
HTML
64 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru" class="no-js">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>hubMC</title>
|
|
<meta name="description" content="hubMC server website" />
|
|
<meta name="keywords" content="hubmc, rumine, ru-mine, minecraft, create" />
|
|
<meta name="author" content="itqop" />
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<link rel="stylesheet" href="css/ftj8drh.css">
|
|
<link rel="stylesheet" type="text/css" href="css/base.css" />
|
|
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const randomClass = `demo-${Math.floor(Math.random() * 8) + 1}`;
|
|
document.body.className = randomClass;
|
|
const paragraph = document.getElementById("target-text");
|
|
paragraph.innerHTML = paragraph.innerHTML.replace(/([\u0400-\u04FF]+)/g, '<span class="cyrillic">$1</span>');
|
|
});
|
|
|
|
</script>
|
|
</head>
|
|
<body class="demo-1">
|
|
<main>
|
|
<div class="frame">
|
|
<div class="frame__title">
|
|
<h1 class="frame__title-main">hubMC</h1>
|
|
<a aria-label="TEMP" class="frame__title-back" href="https://discord.gg/AyRRFG7e">
|
|
<span class="oh__inner">TEMP</span>
|
|
<svg width="18px" height="18px" viewBox="0 0 24 24"><path vector-effect="non-scaling-stroke" d="M18.25 15.5a.75.75 0 00.75-.75v-9a.75.75 0 00-.75-.75h-9a.75.75 0 000 1.5h7.19L6.22 16.72a.75.75 0 101.06 1.06L17.5 7.56v7.19c0 .414.336.75.75.75z"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<a class="frame__prev" href="https://discord.gg/AyRRFG7e">Дискорд</a>
|
|
</div>
|
|
<div class="content">
|
|
<h2>H<i>ub</i>M<i>C</i></h2>
|
|
<p id="target-text">hubMC* - концептуально новый проект. (*WIP)<br>& rumine в сердечке</p>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</main>
|
|
<div class="cursor">
|
|
<div class="cursor__inner">
|
|
<!-- cursor__inner-box elements come here -->
|
|
</div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
|
<defs>
|
|
<filter id="gooey">
|
|
<feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="3.2" />
|
|
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -7" result="goo" />
|
|
<feComposite in="SourceGraphic" in2="goo" operator="atop" />
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
|
|
<script src="js/gsap.min.js"></script>
|
|
<script type="module" src="js/index.js"></script>
|
|
</body>
|
|
</html>
|