index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>V1RU5</title>
</head>
<body style="background-color: black; color: beige; overflow-x: hidden;">
    <div style="width: 75%; margin-left: auto; margin-right: auto; margin-top: 1rem;">
        <div style="width: auto; margin-left: auto; margin-right: auto; background-color: rgba(0, 0, 0, 0.25); text-align: center; margin-top: 0.3rem;">
            <h1>@V1RU5.SYSl</h1>
            <div style="padding-top: 1rem; padding-bottom: 2rem;">
                <p>I made this account years ago to publish two simple projects:</p>
                <ul style="list-style: none;">
                    <li><b>SYStemware</b>: My privacy-first-by-design OS</li>
                    <li>SYSlang: My remote-first, high-level programming language designed <i>for</i> SYStemware</li>
                </ul>
                <p>SYSlang was later broken down into two distinct variants:</p>
                <ul style="list-style: none;">
                    <li>SYSlang: Core remote-first, high-level, object-oriented programming language</li>
                    <li>Headless SYSlang: Remains remote-first, but is lower-level, incorporating more intricacies such as memory management and no class management.</li>
                </ul>
                <p>After approximately a year in development, <b>SYStemware</b> development was reduced to security patches only, and three months afterwards, the project was renamed <b><i>MartirOS</i>.</b></p>
                <br>
                <p>MartirOS remains a privacy-first-by-design Operating System, but it was completely rewritten in Headless SYSlang instead of Headless C.</p>
                <p>This allowed secure, remote updates, down to kernel-level code for vital security updates.</p>
                <p>Along with this rewrite, I also integrated restricted-permit-based tasks, such as, for instance, unlocking the device restricts all background tasks except the absolute necessary. This later added modular-permit-based execution policies, which was integrated into all app runtimes.</p>
                <br>
                <p>Graphic Drivers are also fun. Optimised for AMD and Intel Discrete GPUs, and AMD's Vega integrated lineup.</p>
                <p>nVidia just sucks, and the community work on their own drivers.</p>
                <br>
                <h2>Imports</h2>
                <p>SYSlang, and therefore SYStemware, runs on static and modular imports.</p>
                <div style="margin-left: auto; margin-right: auto; width: 50%;">
                    <p>Static import:</p>
                    <div style="background-color: black; color: white; max-width: 100%; max-height: 300px; border-radius: 8px; font-family: monospace; overflow-x: auto; overflow-y: auto; white-space: pre; position: relative; margin-bottom: 1.2rem;">
                        <pre style="padding: 0px 12px 0 12px; margin: -20px 0 -30px 0;">
require monitor;
                        </pre>
                    </div>
                    <p>Modular import:</p>
                    <div style="background-color: black; color: white; max-width: 100%; max-height: 300px; border-radius: 8px; font-family: monospace; overflow-x: auto; overflow-y: auto; white-space: pre; position: relative;">
                        <pre style="padding: 0px 12px 0 12px; margin: -20px 0 -30px 0;">
require 'SYSlang_testV' from monitor;
                        </pre>
                    </div>
                </div>
            </div>
            <br>
            <p>Feel free to check out the oldschool <a href="https://github.com/jodri-code/syslang" target="_blank" rel="noopener noreferrer">GUI Repository</a> on GitHub</p>
            <div>
                <h3>Follow me on my socials:</h3>
                <div style="z-index: -10; position: absolute; top: -100px;">
                    <a href="https://instagram.com/v1ru5.sysl" target="_blank" rel="noopener noreferrer">Instagram</a>
                    <a href="https://reddit.com/u/v1ru5-sysl" target="_blank" rel="noopener noreferrer">Reddit</a>
                </div>
            </div>
        </div>
    </div>
    <script>
        // Array of background images
        const backgrounds = [
            'linear-gradient(90deg,rgba(4, 5, 10, 1) 0%, rgba(18, 18, 29, 1) 50%, rgba(32, 32, 35, 1) 100%)',
            'linear-gradient(132deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(32, 32, 35, 1) 100%)',
            'repeating-linear-gradient( to bottom, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.01) 1.5px, transparent 1px, transparent 3px ), repeating-linear-gradient( to bottom, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.02) 1px, transparent 0.5px, transparent 2px ), repeating-linear-gradient( to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03) 2px, transparent 1px, transparent 4px )',
            'linear-gradient(to bottom right, rgb(24, 0, 38) 60%, rgb(32, 0, 20) 100%, rgb(51, 0, 81) 60%, rgb(116, 69, 217) 100%)',
            'linear-gradient(90deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%)',
            'radial-gradient(circle,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%)',
            'linear-gradient(orange, red)'
        ];

        // Function to get a random background image
        function setRandomBackground() {
            const randomIndex = Math.floor(Math.random() * backgrounds.length);
            document.body.style.backgroundImage = `${backgrounds[randomIndex]}`;
            document.body.style.backgroundRepeat = 'no-repeat';
            document.body.style.backgroundAttachment = 'fixed'
            document.body.style.backgroundSize = 'cover';
            document.body.style.backgroundPosition = 'center';
        }

        // Set random background on load
        window.onload = setRandomBackground;
    </script>
</body>
</html>