This page looks best with JavaScript enabled

Weather Widget - tree representation and iframe code

 ·  β˜• 2 min read  ·  πŸ€– SWU

Tree representation, shell scripte are lower caps and have a “-”.
Data files have a different ending as .sh
.png und .jpg files are images.

index.html und style.css belong RSS Aggregator not being discussed here. I show the iframe code at the end, though.


β”œβ”€β”€ ...creates TEMPCURVE_PNG
β”œβ”€β”€ ...fetches J_SOURCE and calls
β”œβ”€β”€ ...creates weather-content.html and calls
β”œβ”€β”€ WeatherWidget.rc ...sourced by scripts above - you may edit this file
└── WeatherWidgetStructure.txt ...this file


β”œβ”€β”€ 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


<!-- deleted html lines -->
<!-- deleted head lines -->
      padding: 50px 20px 50px;
<!-- deleted body lines -->
        <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>
<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>
<!-- deleted body lines -->

Scripts are on the following sites!