https://mistium.com/

스캔 ID:
a9f5ea47-74ac-4b74-a44b-45a795226875완료
제출된 URL:
https://mistium.com/
보고서 완료:

링크 · 11개 결과

페이지에서 식별된 외부 링크

링크텍스트
https://github.com/MistiumGithub
https://discord.gg/7DcwkqrZ9SDiscord
https://rotur.devAbout Rotur
https://github.com/mistiummistium
https://www.patreon.com/user?u=51594743originStudios
https://discord.com/users/603952506330021898mistium
https://scratch.mit.edu/users/m1stiumm1stium
https://www.youtube.com/@mistiummistium
https://twitter.com/BurningScaleBurningScale
https://www.instagram.com/m1stiumm1stium

JavaScript 변수 · 9개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다

이름유형
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__cfQRobject
__cfBeaconobject
profilesobject
generateProfileCardsfunction
handleMovefunction
__cfRLUnblockHandlersboolean

콘솔 로그 메시지 · 0개 결과

웹 콘솔에 기록된 메시지

HTML

페이지의 원시 HTML 본문

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Mistium</title>
    <meta content="Mistium" property="og:title">
    <meta content="Sole developer of originOS" property="og:description">
    <meta content="https://mistium.com" property="og:url">
    <meta content="https://avatars.githubusercontent.com/u/92952823?v=4" property="og:image">
    <meta content="#57cdac" data-react-helmet="true" name="theme-color">
    <style type="text/css">@font-face {font-family:Poppins;font-style:normal;font-weight:300;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/300/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:300;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/300/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:300;src:url(/cf-fonts/s/poppins/5.0.11/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:400;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/400/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:400;src:url(/cf-fonts/s/poppins/5.0.11/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:400;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/400/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:500;src:url(/cf-fonts/s/poppins/5.0.11/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:500;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/500/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:500;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/500/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:600;src:url(/cf-fonts/s/poppins/5.0.11/latin/600/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:600;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/600/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:600;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/600/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:700;src:url(/cf-fonts/s/poppins/5.0.11/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:700;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/700/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:700;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/700/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}</style>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>
    <div id="topbar"><nav class="top-nav">
   <div class="nav-container">
      <div class="logo"><a href="https://mistium.com" style="text-decoration: none; color: #fff; cursor: pointer;">mistium.com</a></div>
      <style>
         .nav-menu li {
           display: inline;
           margin-right: 20px;
         }

         .nav-menu li a {
           text-decoration: none;
           color: i
         }
      </style>
      <ul class="nav-menu" style="list-style-type: none; margin: 0; padding: 0;">
         <li><a href="https://origin.mistium.com">originOS</a></li>
         <li><a href="https://extensions.mistium.com">Extensions</a></li>
         <li><a href="https://github.com/Mistium">Github</a></li>
         <li><a href="https://osl.mistium.com">OSL</a></li>
         <li><a href="https://discord.gg/7DcwkqrZ9S">Discord</a></li>
         <!-- Add more menu items as needed -->
      </ul>
   </div>
</nav>
</div>
    <script type="text/javascript">
        fetch('https://raw.githubusercontent.com/Mistium/Origin-OS/main/topbar.html')
            .then(response => response.text())
            .then(html => {
                document.getElementById('topbar').innerHTML = html;
            })
            .catch(error => console.error('Error fetching topbar HTML:', error));
    </script>
    <div class="content">
        <h1>Hey! I'm Mist</h1>
        <!-- Site Logo Card -->
        <img id="tilt" src="https://avatars.githubusercontent.com/u/92952823?v=4" style="border-radius: 50%; width: 150px; will-change: transform;">

        <div class="about">
            <h2>About Me</h2>
            <p>:shrug: I made a programming language ig</p>
        </div>
        <!-- Add this code after the profileCards div -->
        <div class="projects">
            <h2>Projects</h2>
            <!-- Project Card -->
            <div class="project-card">
                <img src="./images/originOS_logo.png" alt="Project Image">
                <h3>originOS</h3>
                <p>A full desktop simulation, often mistaken for linux distrobutions and unrecognisable as a scratch
                    project.</p>
                <a href="https://origin.mistium.com">About Origin</a>
            </div>
            <div class="project-card">
                <img src="./images/Rotur_Logo.png" alt="Project Image">
                <h3>Rotur</h3>
                <p>Built ontop of originNetworkingv3, it allows any turbowarp os to gain simple and easy cloud
                    networking and accounts.</p>
                <a href="https://rotur.dev">About Rotur</a>
            </div>
            <div class="project-card">
                <img src="./images/Extensions_logo.png" alt="Project Image">
                <h3>Extensions</h3>
                <p>I make scratch extensions, mostly for originOS and utilities that I really need, but some of these
                    might be useful to you :D</p>
                <a href="https://extensions.mistium.com">View Extensions</a>
            </div>
            <!-- Add more project cards as needed -->
        </div>
        <h2>Profiles</h2>
        <!-- Profile Cards Container -->
        <div id="profileCards"><a href="https://github.com/mistium" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/github.png" alt="GitHub" class="profile-image"><h2 class="profile-username">mistium</h2></div></a><a href="https://www.patreon.com/user?u=51594743" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/patreon.png" alt="Patreon" class="profile-image"><h2 class="profile-username">originStudios</h2></div></a><a href="https://discord.com/users/603952506330021898" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/discord.png" alt="Discord" class="profile-image"><h2 class="profile-username">mistium</h2></div></a><a href="https://scratch.mit.edu/users/m1stium" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/scratch.png" alt="Scratch" class="profile-image"><h2 class="profile-username">m1stium</h2></div></a><a href="https://www.youtube.com/@mistium" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/youtube.png" alt="YouTube" class="profile-image"><h2 class="profile-username">mistium</h2></div></a><a href="https://twitter.com/BurningScale" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/twitter.png" alt="Twitter" class="profile-image"><h2 class="profile-username">BurningScale</h2></div></a><a href="https://www.instagram.com/m1stium" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/instagram.png" alt="Instagram" class="profile-image"><h2 class="profile-username">m1stium</h2></div></a><a href="https://www.twitch.tv/m1stium" target="_blank" rel="noopener noreferrer"><div class="profile-card"><img src="./_site/assets/twitch.svg" alt="Twitch" class="profile-image"><h2 class="profile-username">m1stium</h2></div></a></div>
    </div>
    <script type="text/javascript">
        // JSON object containing profile data
        var profiles = [{
            platform: "GitHub",
            username: "mistium",
            imageSrc: "./_site/assets/github.png",
            link: "https://github.com/mistium"
        },
        {
            platform: "Patreon",
            username: "originStudios",
            imageSrc: "./_site/assets/patreon.png",
            link: "https://www.patreon.com/user?u=51594743"
        },
        {
            platform: "Discord",
            username: "mistium",
            imageSrc: "./_site/assets/discord.png",
            link: "https://discord.com/users/603952506330021898"
        },
        {
            platform: "Scratch",
            username: "m1stium",
            imageSrc: "./_site/assets/scratch.png",
            link: "https://scratch.mit.edu/users/m1stium"
        },
        {
            platform: "YouTube",
            username: "mistium",
            imageSrc: "./_site/assets/youtube.png",
            link: "https://www.youtube.com/@mistium"
        },
        {
            platform: "Twitter",
            username: "BurningScale",
            imageSrc: "./_site/assets/twitter.png",
            link: "https://twitter.com/BurningScale"
        },
        {
            platform: "Instagram",
            username: "m1stium",
            imageSrc: "./_site/assets/instagram.png",
            link: "https://www.instagram.com/m1stium"
        },
        {
            platform: "Twitch",
            username: "m1stium",
            imageSrc: "./_site/assets/twitch.svg",
            link: "https://www.twitch.tv/m1stium"
        },
            // Add more profile objects as needed
        ];

        // Function to generate profile cards
        function generateProfileCards() {
            var profileCardsContainer = document.getElementById("profileCards");

            profiles.forEach(function (profile) {
                var profileCardLink = document.createElement("a");
                profileCardLink.href = profile.link;
                profileCardLink.target = "_blank";
                profileCardLink.rel = "noopener noreferrer";

                var profileCard = document.createElement("div");
                profileCard.classList.add("profile-card");

                var profileImage = document.createElement("img");
                profileImage.src = profile.imageSrc;
                profileImage.alt = profile.platform;
                profileImage.classList.add("profile-image");

                var usernameSpan = document.createElement("h2");
                usernameSpan.textContent = profile.username;
                usernameSpan.classList.add("profile-username");

                profileCard.appendChild(profileImage);
                profileCard.appendChild(usernameSpan);

                profileCardLink.appendChild(profileCard);
                profileCardsContainer.appendChild(profileCardLink);
            });
        }

        // Call the function to generate profile cards
        generateProfileCards();
    </script>
    <script type="text/javascript">
        let el = document.getElementById('tilt');
        const height = el.clientHeight;
        const width = el.clientWidth;

        // Add will-change to optimize rendering
        el.style.willChange = 'transform';

        el.addEventListener('mousemove', handleMove);

        function handleMove(e) {
            const rect = el.getBoundingClientRect();
            const xVal = e.clientX - rect.left; // Mouse position relative to element
            const yVal = e.clientY - rect.top; // Mouse position relative to element

            const yRotation = 20 * ((xVal - width / 2) / width);
            const xRotation = -20 * ((yVal - height / 2) / height);

            const string = `perspective(500px) scale(1.1) rotateX(${xRotation}deg) rotateY(${yRotation}deg)`;

            // Use requestAnimationFrame for smoother animations
            requestAnimationFrame(() => {
                el.style.transform = string;
            });
        }

        el.addEventListener('mouseout', function () {
            requestAnimationFrame(() => {
                el.style.transform = 'perspective(500px) scale(1) rotateX(0) rotateY(0)';
            });
        });

    </script>
<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8d44f125a99f666b&quot;,&quot;version&quot;:&quot;2024.10.1&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;a3ba043676c74dbb9588a7bc762ae5cb&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>

</body></html>