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

my INIT System landing page

By @timon

  • 2 Devlogs
  • 3 Total hours

I build a ladning page names init system. Why init system? Cause its the first programm that launches after the kernel and because the new landing page is the first thing you see i tohught of that. I hope that makes sense... I didnt want it to have a completely different usecase and it just should have some additional features. Thats why i kept the search bar (which also automatically focuses on open) and just added some quality features such as weather indicator, quick notes and date / time!

Source
Ship #1 Pending review

@timon on my INIT System landing page

So i built a browser landing / new tab page. I didnt want it to be completely different because its still there to look something up. I added quick notes (whoch store in local data), weather widget and a simple clock. I chose the name Init system as its the first process that starts after the kernel and i think it matches to a new tab page as its also the first thing yk. i hope that makes sense. Feel free to use any of the code and maybe even learn from it :)

Try project → See source code →
Open comments for this post

@timon on my INIT System landing page

1h 12m 24s logged

I added the weather widget. I had never worked with browser location data (navigator.geolocation) before, so getting the coordinates took a bit. Also it was pretty annoying to type all that cause the API sends back numbers like 67 (im so funny) instead of just saying “Rain”.
The docs helped me alot: https://open-meteo.com/en/docs

0

Loading discussion…
0
3
Open comments for this post

@timon on my INIT System landing page

1h 57m 45s logged

The general design is done, just the javascript isnt done yet. I wanted the website to be a tab website that still can be used as the normal browser one so i added a search bar. You can also see the date and time really easy in the center and if you need the seconds its in the top right. I am now working on the notes thing down there.

The Clock was pretty easy as i just did a website where i did kinda the same. The notes thing is a bit more difficult but i also just did something in this way with my Homeserver dashboard 😅

0

Loading discussion…
0
1

Followers

Loading…