OUROS Devlog #2

Hai!! Again :3 Soo. Devlog 2!!!! <3
‎

What I added:

Another app!!!
style.css file to store my styling
Z-Index handling
The Manifesto :3
Um icon tapping… idk.
‎
‎

What I changed:

I moved my styling to style.css!!! yayay 🎉
Alr that’s all lol :3
(I genuinely was talking to myself writing this >_<)
‎

What I want to add:

More apps
Open windows show in the top bar
Minimize windows
Better art…🎨
‎

## Code summary:
index.html displays the things and makes the site not look like this: . ‎ script.js is just scripts… Makes the site better basically… style.css is just styling for index.html to make it work .
Yeah, I’m not cut out for this
‎

Quick Longer code comments

index.html

<!DOCTYPE html>

<html>

<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
    <!--Here we have the welcome window (the leftmost window in the pic ^-^)-->
    <div id="welcome">
        <!--Ok! So this is the drag bar/title bar code. The image is the window close button-->
        <div id="welcomeheader"><img id="welcomeclose"     src="./pictures\OUROS-HAMMER-AND-SICKLE.png"
                     alt="OUROS Icon"></div>
        [welcome window stuff]
    </div>
        <!--Here we have the manifesto window code-->
    <div id="manifesto">
        <!--Same as the welcome window top bar/drag bar-->
        <div id="manifestoheader"><img id="manifestoclose" src="./pictures\OUROS-HAMMER-AND-SICKLE.png" alt="OUROS Icon"></div>
        <!--This code just gets the PDF and puts it in the window-->
        <object data="Documents\Manifesto.pdf" type="application/pdf" width="100%" height="100%">
            <a href="Manifesto.pdf">Open Manifesto PDF</a>
        </object>    </div>    <!--just the topbar in the pic -_- -->
    <div class="topbar">
        [stuff]
    </div>

    <!--Connects to the script.js file and the style.css file :3 -->
    <script src="script.js"></script>

</body>

</html>‎

script.js (I’m sorry the code here was so messy😭)

//Updates the time in the top left of the pic
function updateTime() {
    [stuff]
}

//calls the update time function every second
updateTime();
setInterval(updateTime, 1000);

//A few event listeners...
welcomeScreenClose.addEventListener("click", function() {
    closeWindow(welcomeScreen);
});
...

//Checks if a window has been clicked for zIndex stuff
function addWindowTapHandling(element) {
      element.addEventListener("mousedown", () =>
            handleWindowTap(element)
      )
}

addWindowTapHandling(welcomeScreen) 
addWindowTapHandling(manifestoWindow) 

//A few functions I don't care to explain...
[stuff]
//Makes the windows draggable
[more stuff -_-]‎

style.css

/* A lot of styling. */
[styling]

Sorry I slacked on that last one ._.
‎

Go check out the full code on GitHub + my demo!!

GitHub Repo
Github Demo
‎

Very random quote from Google:

When I give food to the poor, they call me a saint. When I ask why the poor have no food, they call me a Communist.

Comments 13

@firancly

· 18 days ago

Cool devlog! How were you able to get cool emojis like that?

@Wynle · 18 days ago

type :search_emojis_here: ^-^

@lupc65779 · 16 days ago

Its missing the gay chinese communist propaganda posters ;<

@Wynle · 16 days ago

😭🔜

@VasilyKrupenin

· 14 days ago

I am a communist born and raised in the motherland and I approve of this project. Our recommendations are to add a few songs of the ансамбль Александрова like свещенная война, интернационал, красная армия всех силней, and obviously, гимн советского союза as background music, and to sprinkle in some communist slogans around the operating system, like пролетарии всех стран, соединяйтесь! We are very intrigued by your project.

@Wynle · 14 days ago

🫡