My Local Weather App :)

My Local Weather App :)
0

#1

I have finished this app now for the purposes of the course but I’ll probably keep updating it as the course goes on. It’s quite a fun little project :slight_smile: It looks better on a mobile sized screen I think.

Weather App


#2

How does it work buddy? I only see radio buttons for fahrenheit and celsius, the rest is black.


#3

Ah bahah it works on geolocation I forgot to back that up


#4

Was that supposed to mean something? :smiley: I haven’t got that far in the curriculum so I have no idea what that means.


#5

It returns your latitude and longitude :slight_smile: what browser are you using?


#6

Chromium on Linux. Chrome is based on Chromium so it should work here if it works in Chrome.


#7

I’m on chrome so i’m not sure why :confused: are you trying to view it over HTTPS?


#8

Should work now hopefully :slight_smile:


#9

That was the issue. Chromium doesn’t display for some reason whether it’s https or http. I entered https and allowed location. Now it works. :smiley:

Can’t wait to make something like this on my own. Looks awesome. I would put some black background on location name aswell. Can’t see it right when it’s completely white.


#10

Is the text shadow not working?


#11

and cheers it is pretty fun as well as infuriating baha :slight_smile:


#12

Yes it is working but it’s still hard to see. Giving it rgba background like on temperature number should be better.


#13

How about now? or a bit more? Don’t want it to be too dark :stuck_out_tongue:


#14

Add this to your CSS, you’ll see what i’m talking about

#location, ``#dateTime { width: max-content; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.5); }

See