OUROS
- 2 Devlogs
- 7 Total hours
This is OUROS
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!!
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.
.png)
Hai! :3 Sooo I made a webOS… Im not sure what to say here lol. But isnt it cool? ^-^ Wellll i had a fun time making this. Also I’m making my own art soon!
If you have any tips or sugestions comment it on this post or dm me ^-^
Also making this + the idea was kinda hilarious and the execution was probably VERY exaggerated
alsoooo heres my code :3 (more specifically the index.html)
https://docs.google.com/document/d/1xAwce50SdfhfpsL4h7owi5bCY5SORQMmgKwwx9IiHwc/edit?usp=sharing
Quick code summary:
<html>
<!-- The first part is the styling. Contained in the style -->thingy:
<style>
[stuff]
</style>
<!-- The rest is just page html and stuff contained here: -->
<body>
[stuff]
<!-- Also here we have the JavaScript connection-->
<script src="script.js"></script>
</body>
</html>
Bad summary lol :3
Also sorry for no code comments.
.png)