Real time weather app (DIY)

rasat · April 6, 2023, 3:24pm

I have been searching for a nice weather desktop app but found it either too heavy, requiring API key, or the scripts are outdated. The latter was more in my line to be adding to Yad buttons. In my search, find something much better. Two bash commands that take a screenshot directly of a weather website. Instead of text extract, takes a screenshot without opening a web browser. Then crop the screenshot of a selected area. (It requires cutycapt and ImageMagick).

cutycapt --url=timeanddate.com/weather/finland/espoo --out=timeDate.png
convert timeDate.png -crop 540x480+0+840 timeDataCONVER.png

Here are screenshots of how the weather app will look in FVWM and XFCE (any DE or WM). This is the test script with the crop, append, and text addon that needs improvement, hopefully, someone could help. The script works but does not look “professional”.

When ready, I will upload a zip file with full content.

weatherIMG.sh

#! /bin/bash
## By Rasat 5 April 2023
## Weather website image and cropping.

## Check connection
ping -q -c1 timeanddate.com &>/dev/null && echo online || test="offline"
  
	if [ $test = offline ]; then
	yad --width=300 --height=30 --title="Alert" --text-align=center  \
	--text="<b>You are offline, check timeanddate.com or your device connection.</b>" --button=Close:0
	  exit
fi

cd ~/.fvwm/extraEXT/MODULES/WeatherB/
echo "loading..." > load.tmp

## Location
PLACE=$(awk '{ print $1 }' location/country-city.txt | sed 's/|/,/g;s/.$//' location/country-city.txt)

echo $PLACE > location.txt

## Link
URL=$(sed 's/,/\//' location.txt) 

## Screenshot
cutycapt --url=timeanddate.com/weather/$URL --out=cache/timeDateWEB.png # 803x2990

## Crop, (width x height + left + top), resize and button icon
convert cache/timeDateWEB.png -crop 392x335+0+840 cache/timeDateCRP.png
convert cache/timeDateWEB.png -crop 130x200+10+345 -resize 124x image/timeDateCRP-tmb.png # 124x191
convert cache/timeDateWEB.png -crop 76x76+27+668 image/timeDateICON.png

## Append vertical (-append) and horisontal (+append) and add location lable.
convert image/timeDateCRP-tmb.png image/blue124x135.png -pointsize 13 \
-annotate +10+18 $PLACE -append cache/blueNOW.png # image/blue124x335.png

convert cache/timeDateCRP.png cache/blueNOW.png +append image/timeDateNOW.png

yad --title="TDWeather" --image=image/timeDateNOW.png --fontname="DejaVu Sans Mono Book 10" \
    --button='Setting:bash -c "./location/countryCity.sh"' \
    --button='Restart:bash -c "killall -SIGUSR1 fvwm3"' \
    --button=gtk-close:0 --undecorated

countryCity.sh

#! /bin/bash
cp location/country-city.txt location/country-city.bkp

LOC=$(awk '{ print $1 }' location/country-city.txt | sed 's/|/ /g' location/country-city.txt)
echo $LOC > location.txt
CONT=$(awk '{ print $1 }' location.txt)
CITY=$(awk '{ print $2 }' location.txt)

URL=$(sed 's/,/\//' location.txt) 

yad --width=400 --title="WSettting" --text="<big><b>Enter location:</b></big>" --form --field="Country":TEXT "$CONT" > location/country-city.txt --field="City":TEXT "$CITY" > location/country-city.txt --button=Cancel:1 --button=Ok:0

if [ $? -ne 0 ]; then
cp location/country-city.bkp location/country-city.txt
  exit
fi

XFCE

FVWM

altman · April 6, 2023, 3:30pm

Cool @rasat , odly enough @Sector11 & I were checking them out in the weather thread a little while ago.

Dobbie03 · April 7, 2023, 3:49am

Most excellent, thanks for the share.

KoO · April 7, 2023, 8:23am

@rasat

Nice work thanks.
I would like a live weather wallpaper?

rasat · April 7, 2023, 9:38am

Great, also on MX Linux a few were asking. Been a long winter, want to know when the summer is coming.

Needs a major improvement, from MX comments, takes a long time to connect the website and get the screenshot. Needs a background load that also updates the icon and thumbnail on the desktop. I am now checking on how to run bash script as a daemon in the background.

altman · April 7, 2023, 10:22am

Oh, I wasn t aware of that since it s been years that I haven t looked at their forum, thx for sharing, we might find ideas here & there with those threads.

Sector11 · April 7, 2023, 3:04pm

I’ll be following and playing with this. :))

unklar · April 8, 2023, 10:13am

I see that timeanddata uses the ICAO code of nearby airfields. In my case I have two (7602423; 2878037). However, these are so far away from me that I cannot use them. I have already noticed this in the conky again and again, because the data does not match the location.

#!/bin/sh
exec 2>/dev/null
cutycapt --url=timeanddate.com/weather/@7602423 --out=timeDate.png
convert timeDate.png -crop 540x480+0+480 timeDataCONVER.png > /home/unklarer/Wallpaper

rasat · April 8, 2023, 1:35pm

Works fine as wallpaper, actually quite cool. I did a test on one of my favorite wallpapers. First with one crop image and another by splitting the image into four thumbnails.

NOTE: It took time to find the ImageMagic options, here I included also the details in the headers.

One crop image on wallpaper size 1920x1080

### timeanddate.com size: 1000px2686, take screenshot 1053x1080 ###

cutycapt --url=timeanddate.com/weather/finland/espoo --out=testSHOT.png --min-width=1050 --min-height=1080
convert testSHOT.png -crop 1000x460+0+365 testCRP.png

### Favorit wallpaper (1920x1080) add testCRP.png (-gravity <option> +left+top) ###

convert wallpaperFAV.png testCRP.png -gravity center -geometry -190-55 -composite wallTESTcenter.png

Four thumbnails on wallpaper size 1920x1080

### timeanddate.com size: 1000px2686, take screenshot 1053x1080 ###

cutycapt --url=timeanddate.com/weather/finland/espoo --out=testSHOT.png --min-width=1050 --min-height=1080

### Crop (width x height + left + top) ###

convert testSHOT.png -crop 1000x460+0+365 testCRP.png

### Crop, colorize, resize and thumbnails of info boxes. ###

convert testSHOT.png -crop 260x190+3+375 -fill blue -colorize 6 testBOXnow.png
convert testSHOT.png -crop 262x190+265+375 testBOXinfo.png
convert testSHOT.png -crop 1095x160+0+660 -fill blue -colorize 6 -resize 700x testBOX5hour.png

### Crop and convert the white area to purple-grey ###

convert testSHOT.png -crop 266x140+753+384 -fuzz 5% -fill 'rgb(222,214,225)' -opaque white testBOXmap.png

### Favorit wallpaper (1920x1080) add boximages (-gravity <option> +left+top) ###

convert wallpaperFAV.png testBOXnow.png -gravity west -geometry +294-69 -composite wallTEST.png
convert wallTEST.png testBOXinfo.png -gravity north -geometry -54+106 -composite wallTEST.png
convert wallTEST.png testBOX5hour.png -gravity center -geometry -164+284 -composite wallTEST.png
convert wallTEST.png testBOXmap.png -gravity east -geometry +399-94 -composite wallTEST.png

Sector11 · April 8, 2023, 3:14pm

Tried this:

#!/bin/sh
exec 2>/dev/null
cutycapt --url=timeanddate.com/weather/@7602423 --out=timeDate.png
convert timeDate.png -crop 540x480+0+480 timeDataCONVER.png > /home/sector11/weatherwall

Does not work at all … /home/sector11/weatherwall remains empty.

HELP Please… Installed:

   $ ser imagemagick cutycapt
i   cutycapt                                                      - utility to capture WebKit's rendering of a web page                    
i   imagemagick                                                   - image manipulation programs -- binaries                                
i A imagemagick-6-common                                          - image manipulation programs -- infrastructure                          
i   imagemagick-6-doc                                             - document files of ImageMagick                                          
i A imagemagick-6.q16                                             - image manipulation programs -- quantum depth Q16                       
 
 08 Apr 23 @ 12:12:20 ~
   $

unklar · April 8, 2023, 3:51pm

executable?

Sector11 · April 8, 2023, 4:13pm

Yes…

 08 Apr 23 @ 13:06:18 ~/weatherwall
   $ unklar.sh
 
 08 Apr 23 @ 13:12:29 ~/weatherwall
   $

takes 6 seconds to do something but does nothing

Sector11 · April 8, 2023, 4:22pm

As seen above I cd to ~/weatherwall and from my script unklar.sh i use this line:

cutycapt --url=timeanddate.com/weather/@7602423 --out=timeDate.png

works perfect:
/home/sector11/weatherwall/timeDate.png

The second line has an OOPS!
convert timeDate.png -crop 540x480+0+480 timeDataCONVER.png > /home/sector11/weatherwall

 08 Apr 23 @ 13:18:08 ~/weatherwall
   $ convert timeDate.png -crop 540x480+0+480 timeDataCONVER.png > /home/sector11/weatherwall
bash: /home/sector11/weatherwall: Is a directory
 
 08 Apr 23 @ 13:20:23 ~/weatherwall

so I take out the ‘redirect’ - looks good until I look at it:

/home/sector11/weatherwall/timeDataCONVER.png
/home/sector11/weatherwall/timeDate.png

timeDataCONVER

But /home/sector11/bin/unklar.sh does not work.

unklar · April 8, 2023, 4:49pm

08 Apr 23 @ 13:06:18 ~/weatherwall
   $ ./unklar.sh
 
 08 Apr 23 @ 13:12:29 ~/weatherwall
   $

or

cd /home/sector11/bin/
./unklar.sh

Sector11 · April 8, 2023, 5:20pm

I added:
cd ~/weatherwall in the script and it still failed on the convert line:

convert timeDate.png -crop 540x480+0+480 timeDataCONVER.png > /home/sector11/weatherwall

removing the redirect in that line gave me both images.

But now to figure out the -crop because your geometry isn’t working for me:
timeDataCONVER

Sector11 · April 8, 2023, 7:09pm

Code still a bit messy - still playing with it.
I call it: fwall (Feh + WALLpaper)

#!/bin/sh
<< weather
https://forum.archlabslinux.com/t/real-time-weather-app/7251/1
timeanddate.com - one on my 'goto sites'
Thanks: rasat & unklar

more reading, more tweaking ahead.
https://www.timeanddate.com/weather/argentina/buenos-aires

for now:
terminal $ fwall
[alt]+[F] [fwall]
OB Menu?  in time
weather

cd /home/sector11/weatherwall
rm *.png
exec 2>/dev/null
cutycapt --url=https://www.timeanddate.com/weather/argentina/buenos-aires --out=timeDate.png
convert timeDate.png -crop 777x400+0+380 CABA.png
feh CABA.png &

Thanks guys…

Try this:
https://www·timeanddate·com/weather/country_name
replace · with . and a “country name”

rasat · April 8, 2023, 7:49pm

Remove command “>”. And the default cutycapt screenshot is 803x3047. To screenshot the full width of timeanddate.com website (1000px) add min-width=1050.

cutycapt --url=timeanddate.com/weather/@7602423 --min-width=1050 --out=timeDate.png

To crop, specify the geometry (width x height + left + top) and output is dir/name.png

convert timeDate.png -crop 1000x460+0+365 /home/sector11/weatherwall/timeDataCONVER.png

Sector11 · April 8, 2023, 8:09pm

convert timeDate.png -crop 1000x460+0+365 /home/sector11/weatherwall/timeDataCONVER.png
or

cd  /home/sector11/weatherwall
convert timeDate.png -crop 777x400+0+380 CABA.png

What’s this: @7602423 for?

KoO · April 9, 2023, 1:33am

@unklar @rasat @Sector11

Thanks to all for your input this looks like a lot of fun, be home soon can’t wait to try your work.

By the way Happy Easter

Sector11 · April 9, 2023, 1:40am

Happy Easter everyone.