stardance has been extended another month! the new deadline is october 31 :)

You are browsing as a guest. Sign up (or log in) to start making projects!

GothOS

  • 11 Devlogs
  • 31 Total hours

A web-based operating system interface built with HTML, CSS, and JavaScript on Gothic/Alt Themes.

This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.

Shipwright walkthrough

Ship #1

I’ve made a Goth/Alt themed WebOS. I’ve made this because I’m fond of Rock Music and I really resonate with Goth Subculture.
It has the following features:-

  1. Notes/Journal App
  2. Vinyl themed music player.
  3. A basic calculator
  4. “Now Playing” flyer.
  5. Music visualiser which reacts to the vinyl player.
  6. Google Search Bar with typewriting animation.
Try project → See source code →
Open comments for this post

3h 4m 4s logged

Added a calculator to the OS but its really buggy rn. All the buttons are concentrated in the bottom right lol. I’ll fix this soon.
I added a music visualiser aswell which reacts the the music from the media player in the OS.

0
0
57
Open comments for this post

4h 11m 57s logged

I just gave the search-bar a typewriter animation, made the header for music-window transparent, customized the taskbar and made it sleeker, changed all png logos to svgs, bug fixes related to screen initialisation.
I also gave it a new feature of a “Now Playing” popup/flyer upon changing/starting the tracks.

0
0
82
Open comments for this post

4h 29m 9s logged

Ok so I’m pivoting the whole idea into a Goth/Alt theme and hence changed the named to GothOS. I’ve updated the homepage. The vinyl player works better and is more scalable now. I’ll be adding more songs to it. I’m thinking of adding a “Music Playing” flyout on the top left of the OS screen the music is changed.

0
0
23
Open comments for this post

1h 22m 48s logged

Made this Vinyl player which plays My Own Summer (for now) for my webOS. I made this on css mainly and used js to make this functional. The disk rotates aswell as the tone-arm when a song is played. The slider is to adjust the volume.

0
0
54
Open comments for this post

3h 35m 53s logged

I’ve been looking for a better wallpaper but couldn’t find much :(
Added those two “see this Angel?” images for I-don’t-know-why but I thought that maybe we can make them clickable and they change their position to a random location on the screen lol. Google searchbar works and Css patches.

0
0
21
Open comments for this post

3h 19m 1s logged

So the notes application’s functionality is nearly complete! (The design part is not). I also implemented a way to make change the index of windows upon click to bring them to the foreground. Icons on the taskbar become smaller when selected and comes back to their original size when exiting the window or selecting another window/icon.

0
0
70
Open comments for this post

4h 22m 8s logged

Started working on the first app- Notes
1.Implemented a draggable notes window with open/close functionality (guitar logo for now).
2.Updated taskbar logo with an ID for click animation.
3.Improved CSS styles and alignments for taskbar, logos, and notes window. [removed the space bw the logos and the taskbar boundary which was bothering me]

0
0
35
Open comments for this post

1h 43m 33s logged

I made another page for the OS and connected it with the welcome screen. I decided to keep the tab on the bottom where I’ll find better icons to put thing. Can someone suggest me a better wallpaper? It needs alotta work. I made my nametag on the initial welcome screen movable while I was trying it out lol.

0
0
25
Open comments for this post

2h 26m 17s logged

Checked off quite a few things off my To-Do list. Hosted the pages, corrected allignments, dragable elements, added a README. Looked dope on my phone.

0
0
22
Open comments for this post

1h 55m 10s logged

I’ve just started to work on “RockOS” for all the music nerds out there! Lets see where this project takes me.

0
0
50

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…