modified: data/plot.gp

modified:   html/style.css
	modified:   index.sh
This commit is contained in:
root
2026-03-05 22:36:26 +01:00
parent b2338f3d60
commit 2242f21cf5
3 changed files with 55 additions and 9 deletions

View File

@ -13,12 +13,17 @@ set margins 0,0,0,0
set border 0
set size ratio 0.2
# Find minimum value
stats datafile using 2 nooutput
min_y = STATS_min
set xdata time
set timefmt "%Y%m%d%H%M"
#set xrange reverse
set samples 500
set style fill transparent solid 0.5 border -1
set output outfile
plot datafile using 1:2 smooth csplines with filledcurves y1=0 linecolor rgb "#248BCC" notitle
plot datafile using 1:2 smooth bezier with filledcurves y1=min_y linecolor rgb "#248BCC" notitle

View File

@ -38,10 +38,14 @@ body {
position: relative;
padding-left: 7px;
padding-right: 7px;
box-shadow: 0 0 4px rgba(36,139,204,0.4), 0 0 8px rgba(36,139,204,0.3), 0 0 16px rgba(36,139,204,0.2);
text-shadow: 0 0 2px #888, 0 0 4px #888, 0 0 8px #888;
}
.popup h5:hover {
background-color: #248bcc;
box-shadow: 0 0 4px rgba(36,139,204,0.7), 0 0 8px rgba(36,139,204,0.6), 0 0 16px rgba(36,139,204,0.5);
text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 8px #fff;
}
.popup {
@ -114,6 +118,7 @@ body {
border-radius: 25px 0 0 25px;
float: left;
width: 100%;
box-shadow: 0 0 4px rgba(36,139,204,0.4), 0 0 8px rgba(36,139,204,0.3), 0 0 16px rgba(36,139,204,0.2);
}
.header {
@ -146,6 +151,7 @@ body {
border-radius: 15px;
background-color: #101010;
background: linear-gradient(to top, rgba(10,10,10,0), rgba(36,139,204,1));
box-shadow: 0 0 4px rgba(36,139,204,0.4), 0 0 8px rgba(36,139,204,0.3), 0 0 16px rgba(36,139,204,0.2);
}
.current .update {
@ -154,13 +160,15 @@ body {
font-weight: normal;
color: white;
font-size: 15px;
text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 8px #000;
}
.current .wttr {
margin: 0;
color: #101010;
color: #fff;
font-size: 25px;
font-weight: bold;
text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 8px #000;
}
.current .danger {
@ -168,6 +176,7 @@ body {
text-align: center;
color: white;
font-size: 15px;
text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 8px #000;
}
.current .level {
@ -202,6 +211,23 @@ body {
border-radius: 25px 0px 25px 25px;
}
.data.plot {
text-shadow: 0 0 2px #248bcc, 0 0 4px #248bcc, 0 0 8px #248bcc;
}
.data::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
border-bottom: 1px solid #248bcc;
border-radius: 25px 0 25px 25px;
filter: drop-shadow(0 0 2px #248bcc)
drop-shadow(0 0 4px #248bcc)
drop-shadow(0 0 8px #248bcc);
pointer-events: none;
z-index: -1;
}
.plot {
background-repeat: no-repeat;
background-size: 102% 100%;
@ -222,6 +248,7 @@ body {
padding-left: 10px;
margin-top: 30px;
margin-bottom: 0;
text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 8px #888;
}
@ -392,7 +419,20 @@ body {
padding-top: 0;
padding-bottom: 0px;
font-size: 13px;
position: relative;
}
.data::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
border-bottom: 1px solid #248bcc;
border-radius: 25px 0 25px 25px;
filter: drop-shadow(0 0 2px #248bcc)
drop-shadow(0 0 4px #248bcc)
drop-shadow(0 0 8px #248bcc);
pointer-events: none;
z-index: -1;
}
.datapoint {
margin: 0;
padding-bottom: 0px;

View File

@ -65,7 +65,7 @@ wtemp_new="$(cat $data/wtemp.data)"
# Write plot data
echo "$(date +%Y%m%d%H%M) $atemp_new" >> "$data"/atemp.plot
echo "$(date +%Y%m%d%H%M) $depth_new" >> "$data"/depth.plot
echo "$(date +%Y%m%d%H%M) ${disch_new}" >> "$data"/disch.plot
echo "$(date +%Y%m%d%H%M) $disch_new" >> "$data"/disch.plot
echo "$(date +%Y%m%d%H%M) $wtemp_new" >> "$data"/wtemp.plot
# Clean plot data and create plot images
@ -131,21 +131,22 @@ disch_dng="$(cat $data/disch.data)"
if [ $disch_dng -le 350000 ]
then
dangr="color:#00FF00\">1"
dangr="color:#00FF00; text-shadow: 0 0 1px #000, 0 0 2px #00FF00, 0 0 4px #00FF00;\">1"
elif [ $disch_dng -gt 350000 ] && [ $disch_dng -le 450000 ]
then
dangr="color:#FFFF00\">2"
dangr="color:#FFFF00; text-shadow: 0 0 1px #000, 0 0 2px #FFFF00, 0 0 4px #FFFF00;\">2"
elif [ $disch_dng -gt 450000 ] && [ $disch_dng -le 530000 ]
then
dangr="color:#FFA500\">3"
dangr="color:#FFA500; text-shadow: 0 0 1px #000, 0 0 2px #FFA500, 0 0 4px #FFA500;\">3"
elif [ $disch_dng -gt 530000 ] && [ $disch_dng -le 600000 ]
then
dangr="color:#FF0000\">4"
dangr="color:#FF0000; text-shadow: 0 0 1px #000, 0 0 2px #FF0000, 0 0 4px #FF0000;\">4"
else
dangr="color:#9A0000\">5"
dangr="color:#9A0000; text-shadow: 0 0 1px #000, 0 0 2px #9A0000, 0 0 4px #9A0000;\">5"
fi
# Read current data