Time Zone

It took so long, I tried to use the SVG map but it was so hard, I couldn’t find anywhere how to use it, so I got rid of it. In future updates I will add it back and learn how to use it but for now it is not there. I added a map from britanica which is basically like the key for the drop down menu.

I want to say im going somewhere with this project, but I can’t. I have been working so hard and all I have gotten so far is that when you click only some countries turn orange (the color it turns when clicked) and shows time. I still need to manually put 150 countries in my list that can be selected, yeah I will get alot of time for that, but it is so repetitive and I know how to do it. Well if you guys have any suggestions that I can use for my svg map and timezones like the different pages or what ever I will do it, I just want a break from this right now.

So after doing some practice on VS code, I think im good with html and css. So I started, it wasen’t that bad, I needed the occasional help but im fine. I tried some javascript and that is how I made my time zone, javascript has built in time so it can do +14 or -3 from GMT time. I spent some time doing that, of course im not done with this site, I just started it today, but my next goals are to try to make the top text “Time Zone” gradient, and make a map in the background, that wherever the user clicks, it gives the timezone there and the time there. I also added a sbg map and now I need to code so that when one is clicked the time changes.

I am just starting to learn HTML, I am using VS Code as a host, it is very hard learning a new language I used to make Godot games, but I just felt like I had to learn how to make a website, so hear I am. I just want to make a functional website first, then I with multiple pages, then I will be good to start my time tracker because I already know alot. HTML seems fun and not too hard, so I am going to do it because it is fun and I like it. So my goals after I finish up with my basic tutorial kind of, I will make like the homepage then try to incorporate the global time.

So I did a few changes, I learned how to add gradient with background: linear-gradient(to right, #000000, #acaaaa, #000000);, and if I wanted to put the gradient on the text like I did for “Time Zone” I would clip it using -webkit-background-clip: text background-clip: text;. Then I can put from 2 to up to how many colors I want, for now for the text I want 3 colors, the first and the last will be the same, but the middle one will be lighter. I am thinking next I make like a map where people click on for their timezone in godot, but I need to research because I don’t know how to connect the buttons from godot to html in vs code. That is my next steps then I will polish it up. If you guys have any suggestions I would appreciate it!