summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authoraxtloss <axtlos@disroot.org>2024-12-24 19:25:48 +0100
committeraxtloss <axtlos@disroot.org>2024-12-24 20:04:59 +0100
commite46cb88d3763a64e97557b2db2f9b74ae7627555 (patch)
tree9c00ad1e59f4fdc36e050d9329eb7cfdeb0588d2 /index.html
parentc19fb8828e1dfdd4ce548269ff7cf08de96adf95 (diff)
downloadwebsite-e46cb88d3763a64e97557b2db2f9b74ae7627555.tar.gz
website-e46cb88d3763a64e97557b2db2f9b74ae7627555.tar.bz2
new website dropped
Diffstat (limited to '')
-rw-r--r--index.html303
1 files changed, 303 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0eea621
--- /dev/null
+++ b/index.html
@@ -0,0 +1,303 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Rose Garden</title>
+ <link rel="stylesheet" href="./style.css">
+ </head>
+ <body>
+
+ <div class="workspace">
+
+ <input class="radio" type="radio" id="home" name="windows_box" value="" checked="true"></input>
+ <input class="radio" type="radio" id="projects" name="windows_box" value=""></input>
+
+ <input class="radio" type="radio" id="home-info" name="home_menu" checked="true">
+ <input class="radio" type="radio" id="home-contact" name="home_menu">
+
+ <input class="radio" type="radio" id="projects-personal" name="projects_menu" checked="true">
+ <input class="radio" type="radio" id="projects-shards" name="projects_menu">
+ <input class="radio" type="radio" id="projects-crystal" name="projects_menu">
+ <input class="radio" type="radio" id="projects-vanillaos" name="projects_menu">
+
+ <ul id="home-menu" class="menu left">
+ <li><label>Home</label></li>
+ <li>
+ <label for="home-info" class="menu-button">Info
+ </label>
+ </li>
+ <li>
+ <label for="home-contact" class="menu-button">Contact
+ </label>
+ </li>
+ </ul>
+
+ <ul id="projects-menu" class="menu left">
+ <li><label>Projects</label></li>
+ <li>
+ <label for="projects-personal" class="menu-button">Personal</label>
+ </li>
+ <li>
+ <label for="projects-shards" class="menu-button">Project Shards</label>
+ </li>
+ <li>
+ <label for="projects-crystal" class="menu-button">Crystal Linux</label>
+ </li>
+ <li>
+ <label for="projects-vanillaos" class="menu-button">Vanilla OS</label>
+ </li>
+ </ul>
+
+ <div class="dock">
+ <div class="dockelement">
+ <label for="home" title="About me"> <img src="avatar.png" alt="Home">
+ </label>
+ </div>
+ <div class="dockelement">
+ <label for="projects" title="Projects"><img src="projects.png" alt="Projects">
+ </label>
+ </div>
+ <div class="dockelement">
+ <div class="clock">
+ <p id="time" class="time">
+ 12:00
+ </p>
+ <div class="cal">
+ <p id="day" class="day">
+ MON
+ </p>
+ <p id="date" class="date">
+ 6
+ </p>
+ <p id="month" class="month">
+ JUL
+ </p>
+ </div>
+ </div>
+ </div>
+ <a class="dockelement" href="https://www.youtube.com/watch?v=duPJqfKiA78" title="Triple Baka!!">
+ <img src="./kasane-teto.gif" alt="kasane teto dancing">
+ <div class="embedded"></div>
+ </a>
+ <a class="dockelement" href="https://www.freebsd.org" title="Powered by FreeBSD">
+ <img class="square" src="https://www.freebsd.org/gifs/daemon-phk.png" alt="freebsd beastie">
+ <div class="embedded"></div>
+ </a>
+ <a class="dockelement" title="Milk outside a bag of milk outside a bag of milk" href="https://nikita-kryukov.itch.io/milk-outside-a-bag-of-milk-outside-a-bag-of-milk">
+ <img class="square" src="./milkoutsideabagofmilk.png" alt="milk chan looking up, surrounded by the text 'milk outside a bag of milk'"/>
+ <div class="embedded"></div>
+ </a>
+
+ </div>
+
+
+ <div id="home-window" class="window">
+ <div class="title-bar">
+ <span>ABOUT.rtf — /home/lain</span>
+ <div class="controls">
+ <span><a href="#"><img src="./close.svg" width="18" height="18"/></a></span>
+ </div>
+ </div>
+ <div class="content" id="home-content-info">
+ <div>
+ <p>Hi!! I'm <b>Rose</b> (or Xenia or axtlos). I'm an 18 year old Programmer specialising in osdev and systems programming.</p>
+ <br>
+ <p>I mostly use C for my projects, but also have experience with Rust, Go, fortran and python (see the Projects window for more info).</p>
+ <br>
+ <p>I am currently studying Computer Science and work at Nokia as a software developer.</p>
+ </div>
+ <div style="justify-content: center; align-items: center; text-align: center;">
+ <img src="./firefly.png" width="90%" max-width="400">
+ </div>
+ <div>
+ <hr style="justify-content: bottom; border-top:2px solid #A0A0A0; width: 100%">
+ <p>Click the buttons in the left menu to view extra information or the deskapps in the right to open different windows! The window can also be moved around.</p>
+ </div>
+ </div>
+ <div class="content" id="home-content-contact">
+ <div>
+ <p>I can be contacted through these platforms</p>
+ <p>Note that I will ignore messages that simply say "hello!" or something similiar, please include a tiny introduction</p>
+ <br>
+ <h2>XMPP</h2>
+ <p>I have two xmpp accounts:</p>
+ <p><b>axtlos@disroot.org</b> and <b>rose@vostok.one</b></p>
+ <p>Contact me on whichever one is more convenient, I am fully available on both so there is no difference for me</p>
+ <hr style="border-top:2px solid #A0A0A0; width: 100%">
+ <br>
+ <h2>Matrix</h2>
+ <p>I dont check matrix a lot, so it may take a bit for me to respond to messages</p>
+ <p><b>@xenia:the-apothecary.club</b></p>
+ <hr style="border-top:2px solid #A0A0A0; width: 100%">
+ <br>
+ <h2>EMAIL</h2>
+ <p>Ol' Reliable</p>
+ <p><b>axtlos@disroot.org</b></p>
+ </div>
+ </div>
+ </div>
+
+ <div id="projects-window" class="window">
+ <div class="title-bar">
+ <span>PROJECTS.rtf — /home/lain</span>
+ <div class="controls">
+ <span><a href="#"><img src="./close.svg" width="18" height="18"/></a></span>
+ </div>
+ </div>
+ <div class="content" id="projects-content-personal">
+ <div>
+ <h1 style="text-align:center">Personal Projects</h1>
+ <p style="text-align:center">Personal Projects that aren't part of any bigger Organization/Project</p>
+ <br>
+ <h2>runc</h2>
+ <a href="https://codeberg.org/axtlos/runc">https://codeberg.org/axtlos/runc</a>
+ <p>Easily execute source files like shell scripts based on a static configuration</p>
+ <br>
+ <h2>extlib</h2>
+ <a href="https://codeberg.org/axtlos/extlib">https://codeberg.org/axtlos/extlib</a>
+ <p>C library that adds some handy functions</p>
+ <br>
+ <h2>FsVerify</h2>
+ <a href="https://github.com/axtloss/fsverify">https://github.com/axtloss/fsverify</a>
+ <p>Block Based filesystem verification for immutable Linux Distributions written in golang and C</p>
+ <br>
+ <h2>BVG - Basic Vector Graphics</h2>
+ <a href="https://github.com/axtloss/fsverify/tree/main/fbwarn">https://github.com/axtloss/fsverify/tree/main/fbwarn</a>
+ <p>Custom made vector graphics format for use with FsVerify, the parser (fbwarn) is written in C using raylib</p>
+ <br>
+ <h2>FsGuard</h2>
+ <a href="https://github.com/linux-immutability-tools/fsguard">https://github.com/linux-immutability-tools/fsguard</a>
+ <p>File tree based filesysetm integrity verification, fully written in go and use by Vanilla OS through fswarn</p>
+ <br>
+ <h2>JshipIT</h2>
+ <a href="https://github.com/axtloss/JshipIT">https://github.com/axtloss/JshipIT</a>
+ <p>OCI client written in Java similiar to podman/docker with a focus on using containers as a form of isolated environments, similiar to Distrobox and Toolbox</p>
+ </div>
+ </div>
+ <div class="content" id="projects-content-shards">
+ <div>
+ <h1 style="text-align:center">Project Shards</h1>
+ <p style="text-align:center">Immutable linux distribution using systemd-sysupdate to manage atomic updates</p>
+ <br>
+ <br>
+ <h2>shards-build-definitions</h2>
+ <a href="https://github.com/project-shards/shards-build-definitions">https://github.com/project-shards/shards-build-definitions</a>
+ <p>The apache buildstream project for building Project Shards images.</p>
+ <br>
+ <h2>Shards Installer</h2>
+ <a href="https://github.com/Project-Shards/shards-installer">https://github.com/Project-Shards/shards-installer</a>
+ <p>The Project Shards installer. Written in libadwaita with C</p>
+ </div>
+ </div>
+ <div class="content" id="projects-content-crystal">
+ <div>
+ <h1 style="text-align:center">Crystal Linux</h1>
+ <p style="text-align:center">An Arch Linux based Linux Distribution</p>
+ <br>
+ <h2>Jade</h2>
+ <a href="https://gitlab.com/crystal-linux/software/jade">https://gitlab.com/crystal-linux/software/jade</a>
+ <p>Installer backend for Crystal Linux, written in rust</p>
+ <br>
+ <h2>Jade-GUI</h2>
+ <a href="https://github.com/crystal-linux/software/jade-gui">https://gitlab.com/crystal-linux/software/jade-gui</a>
+ <p>Graphical frontend for Jade, written in python using gtk4 and libadwaita</p>
+ </div>
+ </div>
+ <div class="content" id="projects-content-vanillaos">
+ <div>
+ <h1 style="text-align:center">Vanilla OS</h1>
+ <p style="text-align:center">Immutable linux distribution based on Debian sid</p>
+ <br>
+ <h2>VIB</h2>
+ <a href="https://vib.vanillaos.org">https://vib.vanillaos.org</a>
+ <p>Buildsystem to create oci images out of yaml files, written in go</p>
+ <h2>Vanilla System Operator</h2>
+ <a href="https://github.com/vanilla-os/vanilla-system-operator">https://github.com/vanilla-os/vanilla-system-operator</a>
+ <p>Tool to manage Vanilla OS installations, including waydroid app management</p>
+ </div>
+ </div>
+ </div>
+ <div class="bottom-bar-wrapper">
+ <div class="bottom-bar">
+ <a href="https://xenia.blahaj.land" target="_blank" rel="noopener noreferrer" title="rose garden">
+ <img src="rose_88x31.png" alt="button that says 'rose', a rose grows out of the o, on the left the character milk chan is visible, a very pale girl with shoulder length brown hair wearing a black hoodie">
+ </a>
+ <a href="https://chronovore.dev" target="_blank" rel="noopener noreferrer" title="legiayayana's orbit">
+ <img src="https://chronovore.dev/button/chronovore.png" alt="button that says 'ada', text is overlayed a photograph of neptune, which in this image is a blue gas giant">
+ </a>
+ <a href="https://futile.eu" target="_blank" rel="noopener noreferrer" title="legiayayana's orbit">
+ <img src="https://futile.eu/static/buttons/futile.png" alt="button that says 'futile'">
+ </a>
+ <a>
+ <iframe src="https://increm.net/badge?key=xenia" title="incremnet badge" width="88" height="31" frameborder="0" style="background-color: #d4d0c8"></iframe>
+ </a>
+ <a href="https://nyaa.si/view/964646" target="_blank" rel="noopener noreferrer" title="watch lain now!!">
+ <img src="lain.gif" alt="lain" width="88px" height="31px">
+ </a>
+ <a><img src="copland88x31.png" alt="copland os now!" width="88px" height="31px"></a>
+ <a><img src="transrights.png" alt="trans rights now!" width="88px" height="31px"></a>
+ <a><img src="xeniatransnow.png" alt="use linux now!" width="88px" height="31px"></a>
+ </div>
+ </div>
+ <script>
+ document.querySelectorAll('.window').forEach(windowEl => {
+ const titleBar = windowEl.querySelector('.title-bar');
+ let offsetX = 0, offsetY = 0, isDragging = false;
+
+ titleBar.addEventListener('mousedown', (e) => {
+ isDragging = true;
+ offsetX = e.clientX - windowEl.offsetLeft;
+ offsetY = e.clientY - windowEl.offsetTop;
+ windowEl.style.zIndex = 1000;
+ });
+
+ document.addEventListener('mousemove', (e) => {
+ if (isDragging) {
+ windowEl.style.left = `${e.clientX - offsetX}px`;
+ windowEl.style.top = `${e.clientY - offsetY}px`;
+ }
+ });
+
+ document.addEventListener('mouseup', () => {
+ isDragging = false;
+ });
+ });
+ </script>
+
+ <script>
+ let link = document.querySelectorAll(".menu-button");
+
+ link.forEach(function(elem) {
+ elem.addEventListener("mousedown", () => {
+ elem.classList.add("ripple-effect");
+ setTimeout(() => {
+ elem.classList.remove("ripple-effect");
+ }, 1000);
+ })
+ });
+ </script>
+
+ <script>
+ function updateClockAndCalendar() {
+ const now = new Date();
+ const hours = now.getHours();
+ const minutes = now.getMinutes();
+
+ const displayHours = hours < 10 ? `0${hours}` : hours;
+ const displayMinutes = minutes < 10 ? `0${minutes}` : minutes;
+ document.getElementById('time').textContent = `${displayHours}:${displayMinutes}`;
+
+ const days = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
+ const months = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'];
+ document.getElementById('day').textContent = days[now.getDay()];
+ document.getElementById('date').textContent = now.getDate();
+ document.getElementById('month').textContent = months[now.getMonth()];
+ }
+
+
+ updateClockAndCalendar();
+ setInterval(updateClockAndCalendar, 1000);
+ </script>
+ </body>
+</html>
generated by cgit v1.2.3 (git 2.25.1) at 2025-09-15 21:57:46 +0000