added weather templates for blackhole

20 files changed, 609 insertions, 1 deletions

diff --git a/skins/blackhole/themes/default/globals.xml b/skins/blackhole/themes/default/globals.xml
index 2d34794..6eed95f 100644
--- a/skins/blackhole/themes/default/globals.xml
+++ b/skins/blackhole/themes/default/globals.xml
@@ -180,6 +180,86 @@
             <trans lang="en_EN">Pause</trans>
             <trans lang="de_DE">Pause</trans>
         </token>
+        <token name="tr(temp)">
+            <trans lang="en_EN">Temperature</trans>
+            <trans lang="de_DE">Temperatur</trans>
+        </token>
+        <token name="tr(apparenttemp)">
+            <trans lang="en_EN">Felt Temperature</trans>
+            <trans lang="de_DE">Gefühlte Temperatur</trans>
+        </token>
+        <token name="tr(todaymin)">
+            <trans lang="en_EN">minimum today</trans>
+            <trans lang="de_DE">heutiges Minimum</trans>
+        </token>
+        <token name="tr(todaymax)">
+            <trans lang="en_EN">maximum today</trans>
+            <trans lang="de_DE">heutiges Maximum</trans>
+        </token>
+        <token name="tr(precipitationprobability)">
+            <trans lang="en_EN">Precipitation Prob.</trans>
+            <trans lang="de_DE">Regenwahrsch.</trans>
+        </token>
+        <token name="tr(precipitationintensity)">
+            <trans lang="en_EN">Precipitation Intensity</trans>
+            <trans lang="de_DE">Regenmenge</trans>
+        </token>
+        <token name="tr(humidity)">
+            <trans lang="en_EN">Humidity</trans>
+            <trans lang="de_DE">Luftfeuchtigkeit</trans>
+        </token>
+        <token name="tr(apparenttemp)">
+            <trans lang="en_EN">Felt Temperature</trans>
+            <trans lang="de_DE">Gefühlte Temperatur</trans>
+        </token>
+        <token name="tr(windbearing)">
+            <trans lang="en_EN">Wind Bearing</trans>
+            <trans lang="de_DE">Windrichtung</trans>
+        </token>
+        <token name="tr(windspeed)">
+            <trans lang="en_EN">Wind Speed</trans>
+            <trans lang="de_DE">Windgeschwindigkeit</trans>
+        </token>
+        <token name="tr(cloudcover)">
+            <trans lang="en_EN">Cloud Cover</trans>
+            <trans lang="de_DE">Bewölkung</trans>
+        </token>
+        <token name="tr(pressure)">
+            <trans lang="en_EN">Pressure</trans>
+            <trans lang="de_DE">Luftdruck</trans>
+        </token>
+        <token name="tr(ozone)">
+            <trans lang="en_EN">Ozone</trans>
+            <trans lang="de_DE">Ozon</trans>
+        </token>
+        <token name="tr(visibility)">
+            <trans lang="en_EN">visibility</trans>
+            <trans lang="de_DE">Sicht</trans>
+        </token>
+        <token name="tr(conditions)">
+            <trans lang="en_EN">Weather Conditions</trans>
+            <trans lang="de_DE">Wetterlage</trans>
+        </token>
+        <token name="tr(from)">
+            <trans lang="en_EN">from</trans>
+            <trans lang="de_DE">aus</trans>
+        </token>
+        <token name="tr(felt)">
+            <trans lang="en_EN">felt</trans>
+            <trans lang="de_DE">gefühlt</trans>
+        </token>
+        <token name="tr(min)">
+            <trans lang="en_EN">min</trans>
+            <trans lang="de_DE">min</trans>
+        </token>
+        <token name="tr(max)">
+            <trans lang="en_EN">max</trans>
+            <trans lang="de_DE">max</trans>
+        </token>
+       <token name="tr(for)">
+            <trans lang="en_EN">for</trans>
+            <trans lang="de_DE">für</trans>
+        </token>
     </translations>
     <!--
     The three Fonts FontOSD, FontFix and FontSml configured in VDR
diff --git a/skins/blackhole/themes/default/icons/clear-day.png b/skins/blackhole/themes/default/icons/clear-day.png
new file mode 100644
index 0000000..2b06a14
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/clear-day.png
diff --git a/skins/blackhole/themes/default/icons/clear-night.png b/skins/blackhole/themes/default/icons/clear-night.png
new file mode 100644
index 0000000..9bbe49f
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/clear-night.png
diff --git a/skins/blackhole/themes/default/icons/cloudy.png b/skins/blackhole/themes/default/icons/cloudy.png
new file mode 100644
index 0000000..9870c7f
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/cloudy.png
diff --git a/skins/blackhole/themes/default/icons/fog.png b/skins/blackhole/themes/default/icons/fog.png
new file mode 100644
index 0000000..9bc88d2
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/fog.png
diff --git a/skins/blackhole/themes/default/icons/partly-cloudy-day.png b/skins/blackhole/themes/default/icons/partly-cloudy-day.png
new file mode 100644
index 0000000..b6df179
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/partly-cloudy-day.png
diff --git a/skins/blackhole/themes/default/icons/partly-cloudy-night.png b/skins/blackhole/themes/default/icons/partly-cloudy-night.png
new file mode 100644
index 0000000..aa358fb
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/partly-cloudy-night.png
diff --git a/skins/blackhole/themes/default/icons/rain.png b/skins/blackhole/themes/default/icons/rain.png
new file mode 100644
index 0000000..8275003
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/rain.png
diff --git a/skins/blackhole/themes/default/icons/sleet.png b/skins/blackhole/themes/default/icons/sleet.png
new file mode 100644
index 0000000..1d99ae0
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/sleet.png
diff --git a/skins/blackhole/themes/default/icons/snow.png b/skins/blackhole/themes/default/icons/snow.png
new file mode 100644
index 0000000..939e22f
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/snow.png
diff --git a/skins/blackhole/themes/default/icons/wind.png b/skins/blackhole/themes/default/icons/wind.png
new file mode 100644
index 0000000..d92ec15
--- /dev/null
+++ b/skins/blackhole/themes/default/icons/wind.png
diff --git a/skins/blackhole/themes/default/skinparts/line_horizontal.svg b/skins/blackhole/themes/default/skinparts/line_horizontal.svg
new file mode 100644
index 0000000..ba9a692
--- /dev/null
+++ b/skins/blackhole/themes/default/skinparts/line_horizontal.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="2"
+   id="svg4149"
+   version="1.1"
+   inkscape:version="0.91pre2 r13516"
+   viewBox="0 0 1000 2"
+   sodipodi:docname="line_horizontal.svg">
+  <defs
+     id="defs4151">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4699">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4701" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4703" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4699"
+       id="radialGradient4705"
+       cx="500.00001"
+       cy="1051.3621"
+       fx="500.00001"
+       fy="1051.3621"
+       r="500"
+       gradientTransform="matrix(1,0,0,0.00200001,0,1049.2593)"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.9895833"
+     inkscape:cx="480"
+     inkscape:cy="-2.8421709e-014"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1846"
+     inkscape:window-height="1058"
+     inkscape:window-x="66"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4154">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1050.3622)">
+    <rect
+       style="fill:url(#radialGradient4705);fill-opacity:1;stroke:#ececec;stroke-width:0;stroke-miterlimit:5.69999981;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4697"
+       width="1000"
+       height="1.9999974"
+       x="9.7061184e-006"
+       y="1050.3621"
+       ry="0" />
+  </g>
+</svg>
diff --git a/skins/blackhole/themes/default/skinparts/line_vertical.svg b/skins/blackhole/themes/default/skinparts/line_vertical.svg
new file mode 100644
index 0000000..1d049e3
--- /dev/null
+++ b/skins/blackhole/themes/default/skinparts/line_vertical.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="2"
+   height="600"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91pre2 r13516"
+   viewBox="0 0 2 600.00001"
+   sodipodi:docname="line_vertical.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4139">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4141" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4143" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4139"
+       id="radialGradient4145"
+       cx="1"
+       cy="752.36218"
+       fx="1"
+       fy="752.36218"
+       r="0.99999159"
+       gradientTransform="matrix(1,0,0,300.00253,0,-224958.19)"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32.464618"
+     inkscape:cx="4.2628169"
+     inkscape:cy="426.0172"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1846"
+     inkscape:window-height="1058"
+     inkscape:window-x="66"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-452.36219)">
+    <rect
+       style="fill:url(#radialGradient4145);fill-opacity:1;stroke:#ececec;stroke-width:0;stroke-miterlimit:5.69999981;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4137"
+       width="1.9999732"
+       height="600"
+       x="1.3416932e-005"
+       y="452.36218"
+       ry="0" />
+  </g>
+</svg>
diff --git a/skins/blackhole/xmlfiles/displaychannel.xml b/skins/blackhole/xmlfiles/displaychannel.xml
index ac901b9..545b756 100644
--- a/skins/blackhole/xmlfiles/displaychannel.xml
+++ b/skins/blackhole/xmlfiles/displaychannel.xml
@@ -239,6 +239,13 @@
         </area>
     </time>
 
+    <currentweather>
+        <area x="0" y="0" width="11%" height="16%" layer="3">
+            <drawimage name="weathericon" imagetype="icon" path="{icon}" x="{areawidth}/2 + {width(temperature)}/2 - {width(weathericon)}/2 + 5" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
+            <drawtext name="temperature" x="{areawidth}/2 - {width(temperature)}/2 - {width(weathericon)}/2" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{temperature}°C" />
+        </area>
+    </currentweather>
+
     <!-- Available Variables message:
     {text}                     message text
     {status}                   true if message is a status message
diff --git a/skins/blackhole/xmlfiles/displaymenu.xml b/skins/blackhole/xmlfiles/displaymenu.xml
index 712f870..abdcb78 100644
--- a/skins/blackhole/xmlfiles/displaymenu.xml
+++ b/skins/blackhole/xmlfiles/displaymenu.xml
@@ -64,7 +64,7 @@
         <area x="81%" y="0" width="7%" height="5%" layer="5">
             <drawtext x="0" valign="center" font="{digital}" fontsize="90%" color="{clrWhite}" text="{time}" />
         </area>
-        <area x="40%" y="0" width="37%" height="8%" layer="3">
+        <area x="50%" y="0" width="27%" height="8%" layer="3">
             <drawtext align="right" valign="center" font="{semibold}" fontsize="90%" color="{clrWhite}" text="{daynameshort} {day}.{month}" />
         </area>
     </datetime>
diff --git a/skins/blackhole/xmlfiles/displaymenumain.xml b/skins/blackhole/xmlfiles/displaymenumain.xml
index e1e8a3b..e573113 100644
--- a/skins/blackhole/xmlfiles/displaymenumain.xml
+++ b/skins/blackhole/xmlfiles/displaymenumain.xml
@@ -52,6 +52,13 @@
         </area>
     </scrollbar>
 
+    <currentweather>
+        <area x="40%" y="0" width="15%" height="8%" layer="3">
+            <drawimage name="weathericon" imagetype="icon" path="{icon}" align="right" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
+            <drawtext name="temperature" x="{areawidth} - {width(weathericon)} - {width(temperature)} - 10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{temperature}°C" />
+        </area>
+    </currentweather>
+
     <!-- Available Variables timers:
     {numtimers}                  number of active timers (max. 15 timers will be displayed)
     {numtimerconflicts}          number of current timer conflicts
diff --git a/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecast.xml b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecast.xml
new file mode 100644
index 0000000..66f3fce
--- /dev/null
+++ b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecast.xml
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE menuplugin SYSTEM "../../../dtd/displaymenuplugin.dtd">
+
+<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="55%" scaletvy="10%" scaletvwidth="40%" scaletvheight="40%" >
+    
+    <menuitems x="1%" y="10%" orientation="vertical" width="98%" height="80%" align="center" numlistelements="8">
+        <!-- Available Variables:
+        {current}
+        {menuitemtext}                      "Current Weather", "Next 48 hours" or "Next 7 days"
+        {iscurrent}                         true if item is "Current Weather"
+        {ishourly}                          true if item is "Next 48 hours"
+        {isdaily}                           true if item is "Next 7 days"
+        {city}                              configured city to display weather for
+        {latitude}                          latitude
+        {longitude}                         longitude
+        
+        If {iscurrent} is true, the following tokens are set:
+        {timestamp}                         timestamp in hh:mm dd.mm of current forecast
+        {temperature}                       current temperature in °C
+        {apparenttemperature}               apparent (felt) temperature in °C
+        {summary}                           short summary of current weather
+        {icon}                              path to use in <drawimage> to display appropriate weather icon
+        {precipitationintensity}            precipitation intensity in l/qm    
+        {precipitationprobability}          precipitation probability in %
+        {precipitationtype}                 precipitation type (snow, ...)
+        {humidity}                          humidity in %
+        {windspeed}                         wind speed in km/h
+        {windbearing}                       wind bearing in degrees
+        {windbearingstring}                 wind bearing as human readable string (e.g NE, NNE, ...)
+        {visibility}                        visibility in km
+        {cloudcover}                        cloud cover in %
+        {pressure}                          pressure in HPa
+        {ozone}                             Ozone in DU (Dobson Unit)
+
+        If {ishourly} is true, the following tokens are set:
+        {summary}                           short summary of weather
+        {icon}                              path to use in <drawimage> to display appropriate weather icon
+
+        {hourly[]}                          array with up to 48 hourly forecasts
+        {hourly[num]}                       number of forecast, starting at 1
+        {hourly[timestamp]}                 timestamp in hh:mm
+        {hourly[temperature]}               temperature in °C
+        {hourly[apparenttemperature]}       apparent (felt) temperature in °C
+        {hourly[summary]}                   short summary
+        {hourly[icon]}                      path to use in <drawimage> to display appropriate weather icon
+        {hourly[precipitationintensity]}    precipitation intensity in l/qm    
+        {hourly[precipitationprobability]}  precipitation probability in %
+        {hourly[precipitationtype]}         precipitation type (snow, ...)
+        {hourly[humidity]}                  humidity in %
+        {hourly[windspeed]}                 wind speed in km/h
+        {hourly[windbearing]}               wind bearing in degrees
+        {hourly[windbearingstring]}         wind bearing as human readable string (e.g NE, NNE, ...)
+        {hourly[visibility]}                visibility in km
+        {hourly[cloudcover]}                cloud cover in %
+        {hourly[pressure]}                  pressure in HPa
+        {hourly[ozone]}                     Ozone in DU (Dobson Unit)
+
+        If {isdaily} is true, the following tokens are set:
+        {summary}                           short summary of weather
+        {icon}                              path to use in <drawimage> to display appropriate weather icon
+
+        {daily[day]}                        day of forecast in dd.mm
+        {daily[dayname]}                    three letter abbrivated day name
+        {daily[temperaturemin]}             minimum temperature at this day in °C
+        {daily[temperaturemintime]}         time of minimum temperature
+        {daily[temperaturemax]}             maximum temperature at this day in °C
+        {daily[temperaturemaxtime]}         time of maximum temperature
+        {daily[summary]}                    short summary
+        {daily[icon]}                       path to use in <drawimage> to display appropriate weather icon
+        {daily[precipitationintensity]}     precipitation intensity in l/qm    
+        {daily[precipitationprobability]}   precipitation probability in %
+        {daily[precipitationtype]}          precipitation type (snow, ...)
+        {daily[humidity]}                   humidity in %
+        {daily[windspeed]}                  wind speed in km/h
+        {daily[windbearing]}                wind bearing in degrees
+        {daily[windbearingstring]}          wind bearing as human readable string (e.g NE, NNE, ...)
+        {daily[visibility]}                 visibility in km
+        {daily[cloudcover]}                 cloud cover in %
+        {daily[pressure]}                   pressure in HPa
+        {daily[ozone]}                      Ozone in DU (Dobson Unit)
+        -->
+        <listelement>
+            <!-- Background -->
+            <area x="0" width="51%" layer="2">
+                <drawimage condition="not{current}" imagetype="skinpart" path="menubutton" x="0" y="0" width="100%" height="100%"/>
+                <drawimage condition="{current}" imagetype="skinpart" path="menubuttonactive" x="0" y="0" width="100%" height="100%"/>
+            </area>   
+            <area x="0" width="51%" layer="3">
+                <drawtext x="10" valign="center" font="{regular}" fontsize="80%" color="{clrWhite}" text="{menuitemtext}" />
+            </area>
+        </listelement>
+        <!-- additional element which is drawn for current element -->
+        <!-- All Tokens from listelement are available -->
+        <currentelement delay="100" fadetime="0">
+            <area x="0" y="52%" width="100%" height="48%" layer="2">
+                <drawimage imagetype="skinpart" path="displaymenucurrentback" x="0" y="0" width="100%" height="100%"/>
+            </area>
+           <area condition="{iscurrent}" x="1%" y="53%" width="98%" height="46%" layer="3">
+                <drawtext x="0" y="0" font="{semibold}" fontsize="20%" color="{clrWhite}" text="{city} {timestamp}" />
+                <drawtext x="0" y="20%" font="{semibold}" fontsize="15%" color="{clrWhite}" text="{summary}" />
+                <drawimage name="weathericon" imagetype="icon" path="{icon}" align="right" y="0" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
+                <drawtext name="temperature" x="{areawidth} - {width(weathericon)} - {width(temperature)} - 15" y="0" font="{regular}" fontsize="40%" color="{clrWhite}" text="{temperature}°C" />
+                <drawtext x="0" y="40%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{tr(apparenttemp)}: {apparenttemperature} °C" />
+                <drawtext x="0" y="55%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{tr(precipitationprobability)}: {precipitationprobability} %, {tr(precipitationintensity)}: {precipitationintensity} l/qm" />
+                <drawtext x="0" y="70%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{tr(humidity)}: {humidity} %, {tr(cloudcover)}: {cloudcover} %" />
+                <drawtext x="0" y="85%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{tr(windspeed)}: {windspeed} km/h, {tr(windbearing)}: {windbearingstring} ({windbearing} °)" />
+            </area>
+            <area condition="{ishourly}" x="1%" y="53%" width="98%" height="46%" layer="3">
+                <loop name="hourly" x="0" y="0" orientation="horizontal" columnwidth="{areawidth}/8" rowheight="{areaheight}" overflow="cut">
+                    <drawtext align="center" y="0" font="{semibold}" fontsize="15%"  color="{clrWhite}" text="{hourly[timestamp]}" />
+                    <drawimage imagetype="icon" path="{hourly[icon]}" align="center" y="15%" width="{columnwidth}*0.8" height="{columnwidth}*0.8"/>
+                    <drawtext align="center" y="{columnwidth}*0.8 + {rowheight}*0.2" font="{regular}" fontsize="15%" color="{clrWhite}" text="{hourly[temperature]}°C" />
+                    <drawtextbox x="0" y="{columnwidth}*0.8 + {rowheight}*0.4" width="{columnwidth}" maxlines="2" align="center" font="{regular}" fontsize="10%" color="{clrWhite}" text="{hourly[summary]}" />
+                    <drawimage imagetype="skinpart" path="line_vertical" x="{columnwidth}" y="0" width="2" height="{rowheight}"/>
+                </loop>
+            </area>
+            <area condition="{isdaily}" x="1%" y="53%" width="98%" height="46%" layer="3">
+                <loop name="daily" x="0" y="0" orientation="horizontal" columnwidth="{areawidth}/7" rowheight="{areaheight}" overflow="cut">
+                    <drawtext align="center" y="0" font="{semibold}" fontsize="14%"  color="{clrWhite}" text="{daily[dayname]}" />
+                    <drawtext align="center" y="10%" font="{semibold}" fontsize="14%"  color="{clrWhite}" text="{daily[day]}" />
+                    <drawimage imagetype="icon" path="{daily[icon]}" align="center" y="25%" width="{columnwidth}*0.8" height="{columnwidth}*0.8"/>
+                    <drawtext align="center" y="{rowheight}*0.65" font="{regular}" fontsize="11%" color="{clrWhite}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C" />
+                    <drawtextbox x="{columnwidth}*0.02" y="{rowheight}*0.80" width="{columnwidth}*0.96" maxlines="2" align="center" font="{regular}" fontsize="8%" color="{clrWhite}" text="{daily[summary]}" />
+                    <drawimage imagetype="skinpart" path="line_vertical" x="{columnwidth}" y="0" width="2" height="{rowheight}"/>
+                </loop>
+            </area>
+        </currentelement>
+    </menuitems>
+</menuplugin>
\ No newline at end of file
diff --git a/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
new file mode 100644
index 0000000..8b73e9c
--- /dev/null
+++ b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE menuplugin SYSTEM "../../../dtd/displaymenuplugin.dtd">
+
+<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="55%" scaletvy="10%" scaletvwidth="40%" scaletvheight="40%">
+    <scrollbar>
+        <area x="52%" y="10%" width="2%" height="80%" layer="2">
+            <drawimage imagetype="skinpart" path="scrollbarback" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="52%" y="10%" width="2%" height="80%" layer="3">
+            <drawimage imagetype="skinpart" path="scrollbar" x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000"/>
+        </area>
+    </scrollbar>
+    <!-- Available Variables in detailheader and tab:
+    {menuheader}                        "Current Weather"
+    {city}                              configured city to display weather for
+    {latitude}                          latitude
+    {longitude}                         longitude
+    {timestamp}                         timestamp in hh:mm dd.mm of current forecast
+    {temperature}                       current temperature in °C
+    {apparenttemperature}               apparent (felt) temperature in °C
+    {temperaturemin}                    minimum temperature the day in °C
+    {temperaturemax}                    maximum temperature the day in °C
+    {summary}                           short summary of current weather
+    {icon}                              path to use in <drawimage> to display appropriate weather icon
+    {precipitationintensity}            precipitation intensity in l/qm    
+    {precipitationprobability}          precipitation probability in %
+    {precipitationtype}                 precipitation type (snow, ...)
+    {humidity}                          humidity in %
+    {windspeed}                         wind speed in km/h
+    {windbearing}                       wind bearing in degrees
+    {windbearingstring}                 wind bearing as human readable string (e.g NE, NNE, ...)
+    {visibility}                        visibility in km
+    {cloudcover}                        cloud cover in %
+    {pressure}                          pressure in HPa
+    {ozone}                             Ozone in DU (Dobson Unit)
+    -->
+    <detailheader>
+        <area x="1%" y="10%" width="50%" height="80%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymendetailback" x="0" y="0" width="100%" height="100%" />
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymenucurrentback" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="3">
+            <drawimage imagetype="icon" path="{icon}" x="5%" y="5%" width="{areaheight}/2" height="{areaheight}/2"/>
+        </area>
+        <area x="55%" y="52%" width="42%" height="37%" layer="4">
+            <drawtext align="right" valign="bottom" font="{regular}" fontsize="50%" color="{clrWhite}" text="{temperature}°C" />
+        </area>
+    </detailheader>
+
+    <tab name="current" x="2%" y="11%" width="48%" height="78%" layer="3" scrollheight="{areaheight}/4">
+        <drawtext x="0" y="0" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{tr(conditions)} {tr(for)} {city}" />
+        <drawtext x="0" y="8%" font="{semibold}" fontsize="8%" color="{clrWhite}" text="({latitude}, {longitude})" />
+        <drawtext x="0" y="16%" font="{regular}" fontsize="8%" color="{clrWhite}" text="{summary}" />
+
+        <drawtext x="0" y="28%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(temp)}: {temperature}°C" />
+        <drawtext x="0" y="34%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(apparenttemp)}: {apparenttemperature}°C" />
+        <drawtext x="0" y="40%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(todaymin)}: {mintemperature}°C" />
+        <drawtext x="0" y="46%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(todaymax)}: {maxtemperature}°C" />
+        <drawtext x="0" y="52%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
+        <drawtext x="0" y="58%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
+        <drawtext x="0" y="64%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(humidity)}: {humidity} %" />
+        <drawtext x="0" y="70%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(windspeed)}: {windspeed} km/h aus {windbearingstring}" />
+        <drawtext x="0" y="76%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(visibility)}: {visibility} km" />
+        <drawtext x="0" y="82%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(cloudcover)}: {cloudcover} %" />
+        <drawtext x="0" y="88%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(pressure)}: {pressure} HPa" />
+        <drawtext x="0" y="94%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(ozone)}: {ozone} DU" />
+    </tab>
+</menuplugin>
diff --git a/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
new file mode 100644
index 0000000..e6b3d8c
--- /dev/null
+++ b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE menuplugin SYSTEM "../../../dtd/displaymenuplugin.dtd">
+
+<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="55%" scaletvy="10%" scaletvwidth="40%" scaletvheight="40%">
+    <scrollbar>
+        <area x="52%" y="10%" width="2%" height="80%" layer="2">
+            <drawimage imagetype="skinpart" path="scrollbarback" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="52%" y="10%" width="2%" height="80%" layer="3">
+            <drawimage imagetype="skinpart" path="scrollbar" x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000"/>
+        </area>
+    </scrollbar>
+
+    <!-- Available Variables in detailheader and tab:
+    {summary}                           short summary of weather
+    {icon}                              path to use in <drawimage> to display appropriate weather icon
+    {city}                              configured city to display weather for
+    {latitude}                          latitude
+    {longitude}                         longitude
+
+    {daily[day]}                        day of forecast in dd.mm
+    {daily[dayname]}                    three letter abbrivated day name
+    {daily[temperaturemin]}             minimum temperature at this day in °C
+    {daily[temperaturemintime]}         time of minimum temperature
+    {daily[temperaturemax]}             maximum temperature at this day in °C
+    {daily[temperaturemaxtime]}         time of maximum temperature
+    {daily[summary]}                    short summary
+    {daily[icon]}                       path to use in <drawimage> to display appropriate weather icon
+    {daily[precipitationintensity]}     precipitation intensity in l/qm    
+    {daily[precipitationprobability]}   precipitation probability in %
+    {daily[precipitationtype]}          precipitation type (snow, ...)
+    {daily[humidity]}                   humidity in %
+    {daily[windspeed]}                  wind speed in km/h
+    {daily[windbearing]}                wind bearing in degrees
+    {daily[windbearingstring]}          wind bearing as human readable string (e.g NE, NNE, ...)
+    {daily[visibility]}                 visibility in km
+    {daily[cloudcover]}                 cloud cover in %
+    {daily[pressure]}                   pressure in HPa
+    {daily[ozone]}                      Ozone in DU (Dobson Unit)
+    -->
+
+    <detailheader>
+        <area x="1%" y="10%" width="50%" height="80%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymendetailback" x="0" y="0" width="100%" height="100%" />
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymenucurrentback" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="3">
+            <drawimage imagetype="icon" path="{icon}" align="center" y="10" width="{areaheight}/2" height="{areaheight}/2"/>
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="4">
+            <drawtextbox name="summary" x="5" y="55%" width="{areawidth}-10" align="center" height="50%" font="{regular}" fontsize="12%" color="{clrWhite}" text="{summary}" />
+        </area>
+    </detailheader>
+
+    <tab name="current" x="2%" y="11%" width="48%" height="78%" layer="3" scrollheight="{areaheight}/4">
+       <loop name="daily" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/4">
+            <drawtext x="0" y="{rowheight}*0.15" font="{semibold}" fontsize="{rowheight}/3" color="{clrWhite}" text="{daily[dayname]} {daily[day]}" />
+            <drawimage imagetype="icon" path="{daily[icon]}" align="center" y="5" width="{rowheight}*0.5" height="{rowheight}*0.5"/>
+            <drawtext name="tempmin" x="0.7*{columnwidth} + 0.15*{columnwidth} - {width(tempmin)}/2" font="{light}" y="0" fontsize="{rowheight}*0.25" color="{clrWhite}" text="{tr(min)}. {daily[temperaturemin]}°C" />
+            <drawtext name="felt" x="0.7*{columnwidth} + 0.15*{columnwidth} - {width(felt)}/2" font="{light}" y="{rowheight}*0.25" fontsize="{rowheight}*0.25" color="{clrWhite}" text="{tr(max)}. {daily[temperaturemax]}°C" />
+            <drawtext x="0" y="{rowheight}*0.54" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{daily[summary]}" />
+            <drawtext x="0" y="{rowheight}*0.68" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{tr(precipitationprobability)} {daily[precipitationprobability]}%, {daily[precipitationintensity]} l/qm, {tr(windspeed)} {daily[windspeed]} km/h {tr(from)} {daily[windbearingstring]}" />
+            <drawtext x="0" y="{rowheight}*0.82" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{tr(cloudcover)} {daily[cloudcover]}%, {tr(visibility)} {daily[visibility]} km, {tr(pressure)} {daily[pressure]} HPa, {tr(ozone)} {daily[ozone]} DU" />
+            <drawimage imagetype="skinpart" path="line_horizontal" x="0" y="{rowheight} - 1" width="{columnwidth}" height="2"/>
+        </loop>
+    </tab>
+</menuplugin>
diff --git a/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
new file mode 100644
index 0000000..ac68b82
--- /dev/null
+++ b/skins/blackhole/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE menuplugin SYSTEM "../../../dtd/displaymenuplugin.dtd">
+
+<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="55%" scaletvy="10%" scaletvwidth="40%" scaletvheight="40%">
+    <scrollbar>
+        <area x="52%" y="10%" width="2%" height="80%" layer="2">
+            <drawimage imagetype="skinpart" path="scrollbarback" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="52%" y="10%" width="2%" height="80%" layer="3">
+            <drawimage imagetype="skinpart" path="scrollbar" x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000"/>
+        </area>
+    </scrollbar>
+    <!-- Available Variables in detailheader and tab:
+    {summary}                           short summary of weather
+    {icon}                              path to use in <drawimage> to display appropriate weather icon
+    {city}                              configured city to display weather for
+    {latitude}                          latitude
+    {longitude}                         longitude
+
+    {hourly[]}                          array with up to 48 hourly forecasts
+    {hourly[num]}                       number of forecast, starting at 1
+    {hourly[timestamp]}                 timestamp in hh:mm
+    {hourly[temperature]}               temperature in °C
+    {hourly[apparenttemperature]}       apparent (felt) temperature in °C
+    {hourly[summary]}                   short summary
+    {hourly[icon]}                      path to use in <drawimage> to display appropriate weather icon
+    {hourly[precipitationintensity]}    precipitation intensity in l/qm    
+    {hourly[precipitationprobability]}  precipitation probability in %
+    {hourly[precipitationtype]}         precipitation type (snow, ...)
+    {hourly[humidity]}                  humidity in %
+    {hourly[windspeed]}                 wind speed in km/h
+    {hourly[windbearing]}               wind bearing in degrees
+    {hourly[windbearingstring]}         wind bearing as human readable string (e.g NE, NNE, ...)
+    {hourly[visibility]}                visibility in km
+    {hourly[cloudcover]}                cloud cover in %
+    {hourly[pressure]}                  pressure in HPa
+    {hourly[ozone]}                     Ozone in DU (Dobson Unit)
+    -->
+    <detailheader>
+        <area x="1%" y="10%" width="50%" height="80%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymendetailback" x="0" y="0" width="100%" height="100%" />
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymenucurrentback" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="3">
+            <drawimage imagetype="icon" path="{icon}" align="center" y="10" width="{areaheight}/2" height="{areaheight}/2"/>
+        </area>
+        <area x="55%" y="52%" width="43%" height="38%" layer="4">
+            <drawtextbox name="summary" x="5" y="55%" width="{areawidth}-10" align="center" height="50%" font="{regular}" fontsize="12%" color="{clrWhite}" text="{summary}" />
+        </area>
+    </detailheader>
+
+    <tab name="current" x="2%" y="11%" width="48%" height="78%" layer="3" scrollheight="{areaheight}/4">
+        <loop name="hourly" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/4">
+            <drawtext x="0" y="0" font="{semibold}" fontsize="{rowheight}/2.5" color="{clrWhite}" text="{hourly[timestamp]}" />
+            <drawimage imagetype="icon" path="{hourly[icon]}" align="center" y="5" width="{rowheight}*0.5" height="{rowheight}*0.5"/>
+            <drawtext name="temp" x="0.7*{columnwidth} + 0.15*{columnwidth} - {width(temp)}/2" font="{light}" y="0" fontsize="{rowheight}*0.4" color="{clrWhite}" text="{hourly[temperature]}°C" />
+            <drawtext name="felt" x="0.7*{columnwidth} + 0.15*{columnwidth} - {width(felt)}/2" font="{light}" y="{rowheight}*0.35" fontsize="{rowheight}*0.15" color="{clrWhite}" text="{tr(felt)} {hourly[apparenttemperature]}°C" />
+            <drawtext x="0" y="{rowheight}*0.5" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{hourly[summary]}" />
+            <drawtext x="0" y="{rowheight}*0.64" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{tr(precipitationprobability)} {hourly[precipitationprobability]}%, {hourly[precipitationintensity]} l/qm" />
+            <drawtext x="0" y="{rowheight}*0.78" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{tr(windspeed)} {hourly[windspeed]} km/h {tr(from)} {hourly[windbearingstring]}" />
+            <drawimage imagetype="skinpart" path="line_horizontal" x="0" y="{rowheight} - 1" width="{columnwidth}" height="2"/>
+        </loop>
+    </tab>
+</menuplugin>