Weather Widget - tree Darstellung und iframe code

Tree Darstellungen, Shell Skripte sind klein geschrieben und haben ein “-”.
Datendateien haben eine Dateiendung anders als .sh
.png und .jpg Dateine sind Bilder.

index.html und style.css gehören zu meinem RSS Aggregator, der hier nicht besprochen wird. Ich zeige aber unten den HTML Code für den iframe.

/root/bin/WeatherWidget/

├── temp-curve.sh ...creates TEMPCURVE_PNG
├── weather-api.sh ...fetches J_SOURCE and calls weather-content.sh
├── weather-content.sh ...creates weather-content.html and calls temp_curve.sh
├── weatherpix-act.sh
├── weatherpix-sat.sh
├── WeatherWidget.rc ...sourced by scripts above - you may edit this file
└── WeatherWidgetStructure.txt ...this file

/var/www/html/

├── DATA
│   ├── curve.data ...dynamical created data file for gnuplot
│   ├── gnuplot.rc ...gnuplot commands file
│   └── wolfenbuettel.json ...occasional fetched OpenweatherMap api json file
├── IMG
│   ├── curve.png ...dynamical created temperature curve
│   ├── njob_satrad.png ...occasional fetched satellite map picture
│   ├── rad_nib_akt.jpg ...occasional fetched radar map picture
│   └── wx_brd_akt.jpg ...occasional fetched weather map picture
├── index.html ...loads weather-content.html via iframe
├── style.css ...used by index.html
├── w3.css ...used by weather-content.html, collected from w3c-school
└── weather-content.html ...occasional created Weather-Widget HTML file

iframe-htmlcode

<html>
<!-- deleted html lines -->
<head>
<!-- deleted head lines -->
<style>
    img
    {
      padding: 50px 20px 50px;
    }
</style>
</head>
<body>
<!-- deleted body lines -->
<h3>
        <a href="IMG/wx_brd_akt.jpg">
                <img src="IMG/wx_brd_akt.jpg" width=300 height=278 class="padding" title="Aktuelles Wetter Deutschland"></a>
        <a href="IMG/njob_satrad.png">
                <img src="IMG/njob_satrad.png" width=300 height=300 class="padding" title="Niederschlag-Radar Deutschland"></a>
        <a href="IMG/rad_nib_akt.jpg"><img src="IMG/rad_nib_akt.jpg" width=300 height=278 class="padding" title="Infrared Niedersachsen"></a>
</h3>
<iframe src="weather-content.html" name="WEATHER_in_a_box" style="width: 100%; height: 480px; border: 0px;">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
  Sie k&#246;nnen die eingebettete Seite &#252;ber den folgenden Verweis aufrufen:
  <a href="http://localhost/weather-content.html">Wetter Wolfenb&#252;ttel</a>
  </p>
</iframe>
<!-- deleted body lines -->
</body>
</html>

Es folgen die Skripte auf den nächsten Seiten

Weather Widget - tree Darstellung und iframe code

/root/bin/WeatherWidget/

/var/www/html/

iframe-htmlcode

Ausserdem