X3NOS – Day 1

https://github.com/xentzenith/x3nos

X3NOS is a web application designed to mimic the aesthetic and functionality of an old-school operating system with a modern twist. The project features a dynamic loading screen, digital clock, and login interface, …


This content originally appeared on DEV Community and was authored by Ilker Ozturk

https://github.com/xentzenith/x3nos

X3NOS is a web application designed to mimic the aesthetic and functionality of an old-school operating system with a modern twist. The project features a dynamic loading screen, digital clock, and login interface, and includes interactive elements such as power-off dialogs and glitch effects.

Features

  • Loading Screen: Displays a customizable loading bar and a placeholder message.
  • Digital Clock: Shows current time and date with a retro look.
  • Login Screen: Simulates a login interface with form validation.
  • Power-Off Dialog: Offers a simulated power-off sequence with glitch effects.
  • Error Handling: Displays error messages for incorrect login attempts.

Technologies Used

  • HTML5: Structure of the pages.
  • CSS3: Styling with animations and effects.
  • JavaScript: Interactivity and dynamic updates.
  • Font Awesome: Icons for UI elements.

Installation

  1. Clone the repository: 
   git clone https://github.com/xentzenith/x3nos.git
   cd x3nos
  1. Open index.html to visit the page

Usage

  • Loading Screen: Initially, a loading screen will appear with a progress bar and an image. After a few seconds, the loading screen will transition to the login screen.
  • Login Screen: Use the credentials admin / demo to log in. Incorrect credentials will trigger an error message.
  • Power Off: Use the power-off button to bring up a dialog asking if you want to turn off the system. Confirming will simulate a power-off sequence with a glitch effect.

LICENCE

This project is licensed under the MIT License - visit the LICENSE file for details.

Contact

For any questions or feedback, you can reach out via GitHub Issues or email (contact@theilker.com)

Image description

Image description


This content originally appeared on DEV Community and was authored by Ilker Ozturk


Print Share Comment Cite Upload Translate Updates
APA

Ilker Ozturk | Sciencx (2024-08-05T16:56:30+00:00) X3NOS – Day 1. Retrieved from https://www.scien.cx/2024/08/05/x3nos-day-1/

MLA
" » X3NOS – Day 1." Ilker Ozturk | Sciencx - Monday August 5, 2024, https://www.scien.cx/2024/08/05/x3nos-day-1/
HARVARD
Ilker Ozturk | Sciencx Monday August 5, 2024 » X3NOS – Day 1., viewed ,<https://www.scien.cx/2024/08/05/x3nos-day-1/>
VANCOUVER
Ilker Ozturk | Sciencx - » X3NOS – Day 1. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/08/05/x3nos-day-1/
CHICAGO
" » X3NOS – Day 1." Ilker Ozturk | Sciencx - Accessed . https://www.scien.cx/2024/08/05/x3nos-day-1/
IEEE
" » X3NOS – Day 1." Ilker Ozturk | Sciencx [Online]. Available: https://www.scien.cx/2024/08/05/x3nos-day-1/. [Accessed: ]
rf:citation
» X3NOS – Day 1 | Ilker Ozturk | Sciencx | https://www.scien.cx/2024/08/05/x3nos-day-1/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts