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.

/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>

Scripts are on the following sites!


wΓΌsti
WRITTEN BY
SWU
human