Orbital - NewTab

Orbital is a project that shows how a newTab window in a browser is actually works, I decided to make these all over using HTML, CSS and JavaScript. In this project will have a real time information and weather information also and as well as the google search bar that opening in newTab (another tab in browser) and many other features

Devlog 1
First off all i created a basic files need for this project. And then i selected a colour palate for the whole project. Then i created a logo which is a text ‘orbital’ with a background colour as well as semi-circled border with hovering animation that will increase the scale of the text.

Then i decided to create digital clock which are showing the real information about date, day and time basically everything about time and date.

First i tried my own way that i used in my other projects which is very simple and easy to implement, but there is a problem it will shows the date and time all together in the formate of digits. For this project it gives a boring layout, that for i selected another method which had classified into three different text formate first one is date (at top) below that time in 12 hour with AM and PM notation then dayname at last. Now the clock layout is perfect. Btw at the first i center the clock and placed the logo text at the top-left corner of the page!