info.html.tmpl 11.2 KB
Newer Older
1 2
#errorCatcher Echo
#encoding UTF-8
3
<!DOCTYPE html><html lang="de-DE"><head><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="width=device-width,initial-scale=1" name="viewport"><title>$Extras.site_title</title><meta content="$Extras.site_description" name="description"><meta content="$Extras.site_owner" name="author"><meta content="$Extras.site_title" property="og:title"><meta content="website" property="og:type"><meta content="$station.station_url" property="og:url"><meta content="$Extras.webcam1_img" property="og:image"><meta content="$Extras.site_title" property="og:site_name"><meta content="$Extras.site_description" property="og:description"><meta content="$station.latitude[0].$station.latitude[1].replace('.', '')" property="og:latitude"><meta content="$station.longitude[0].$station.longitude[1].replace('.', '')" property="og:longitude"><meta content="$station.location" property="og:locality"><link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"><link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"><link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"><link href="/site.webmanifest" rel="manifest"><link href="/safari-pinned-tab.svg" rel="mask-icon" color="#f7931e"><meta content="#2b5797" name="msapplication-TileColor"><meta content="#00738c" name="theme-color"><link href="assets/css/incomplete.min.css" rel="stylesheet"><style>.nav-tabs li a:hover,.nav-tabs li.active a,.nav-tabs li.active a:hover,.we_current .whitebg h4,.whitebg h3,body.info .whitebg .whitebg h4{background:$Extras.theme_color_summer_light}.nav-tabs li a{background:$Extras.theme_color_summer_dark}body.month01 .nav-tabs li a:hover,body.month01 .nav-tabs li.active a,body.month01 .we_current .whitebg h4,body.month01 .whitebg h3,body.month01.info .whitebg .whitebg h4,body.month02 .nav-tabs li a:hover,body.month02 .nav-tabs li.active a,body.month02 .we_current .whitebg h4,body.month02 .whitebg h3,body.month02.info .whitebg .whitebg h4,body.month11 .nav-tabs li a:hover,body.month11 .nav-tabs li.active a,body.month11 .we_current .whitebg h4,body.month11 .whitebg h3,body.month11.info .whitebg .whitebg h4,body.month12 .nav-tabs li a:hover,body.month12 .nav-tabs li.active a,body.month12 .we_current .whitebg h4,body.month12 .whitebg h3,body.month12.info .whitebg .whitebg h4{background:$Extras.theme_color_winter_light}body.month01 .nav-tabs li a,body.month02 .nav-tabs li a,body.month11 .nav-tabs li a,body.month12 .nav-tabs li a{background:$Extras.theme_color_winter_dark}</style></head><body class="dx-viewport info month$current.dateTime.format('%m')"><div class="fade modal" id="NOAAmodal" role="dialog" tabindex="-1" aria-labelledby="archiveModalLabel"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="NOAAmodalLabel"></h4></div><div class="modal-body"><pre></pre></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div><nav class="navbar navbar-fixed-top navbar-inverse"><div class="container"><div class="navbar-header"><button aria-controls="navbar" aria-expanded="false" class="collapsed navbar-toggle" data-target="#navbar" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a href="index.html" class="navbar-brand">$Extras.site_title</a></div><div class="collapse navbar-collapse navbar-right" id="navbar"><ul class="nav navbar-main navbar-nav"><li><a href="index.html">Actueel</a></li><li><a href="archive.html">Archief</a></li><li class="active"><a href="#">Info</a></li><li><a href="contact.html">Contact</a></li></ul></div></div></nav><div class="container"><div class="col-md-9"><div class="whitebg">
4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75

<!-- This is the main content of your info page. Edit at will: -->

          <h3>Information</h3>
          <h4>Congratulations!</h4>
          <p>
            You have successfully installed the <a href="https://rabenwetter.de" target="_blank">Rabenwetter</a>
            skin for <a href="http://weewx.com" target="_blank">weewx</a>.
          </p>
          <p>
            This is a modern and interactive template with optional support for 
            up to two webcams making heavy use of javascript and ajax.
          </p>
          <h4>Edit this page</h4>
          <p>
            Now, you should edit this page and fill it with something more 
            interesting like what visitors are seeing, when watching your 
            webcam or what hardware you are using.
          </p>
          <p>
            To do so, open the file "<strong>info.html.tmpl</strong>" in your 
            skin folder with an editor of your choice and modify its contents. 
            Then wait up to 5 minutes for weewx to update the website.
          </p>
          <h4>Example</h4>
          <p>
            You can also have a look at the file 
            "<strong><a href="https://gitlab.ambhost.net/stimpy/template_rabenwetter/blob/master/src/info.own.html" target="_blank">info.own.html</a></strong>"
            or <a href="https://rabenwetter.de/info" target="_blank">have a look at my site</a> 
            for some examples on how to fill this page.
          </p>
          <h4>You don't have to, but...</h4>
          <p>
            ...leaving some info about the software used and where to find it 
            would be nice, though... ;)
          </p>
          <p>
            Here's a snipped, you could leave here:
          </p>
          
          <h5>Software:</h5>
          <p>
            Following software &amp; libraries were used to create this website:
          </p>
          <ul>
            <li>
              <a href="http://www.weewx.com/" target="_blank">weeWX v$station.version</a><br />
              Software for reading and processing the weather data
            </li>
            <li>
              <a href="https://js.devexpress.com/" target="_blank">DevExtreme</a><br />
              Library for creating the live instruments and graphs.
            </li>
            <li>
              Also: <a href="http://jquery.com/" target="_blank">jQuery</a>, 
              <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a>, 
              <a href="https://github.com/eternicode/bootstrap-datepicker" target="_blank">Bootstrap DatePicker</a>, 
              <a href="http://www.bootstraptoggle.com/" target="_blank">Bootstrap Toggle</a>, 
              <a href="http://jacklmoore.com/zoom/" target="_blank">jQuery Zoom</a>
            </li>
          </ul>
          <h5>Template:</h5>
          <p>
            The template used is called "<a href="https://rabenwetter.de" target="_blank">Rabenwetter</a>" 
            and can be found here:
          </p>
          <pre><a href="https://gitlab.ambhost.net/stimpy/template_rabenwetter" target="_blank">https://gitlab.ambhost.net/stimpy/template_rabenwetter</a></pre>
          
<!-- Main content ends here. Stop editing. -->

</div></div><div class="col-md-3">
#if $varExists('Extras.webcam1_img')
76 77 78 79
<div class="whitebg"><h3>$Extras.webcam1_title</h3><p><a href="index.html" class="imglink"><img src="$Extras.webcam1_img" id="we_campic2" class="img-responsive"></a></p></div>
#end if
#if $varExists('Extras.webcam2_img')
<div class="whitebg"><h3>$Extras.webcam2_title</h3><p><a href="index.html" class="imglink"><img src="$Extras.webcam2_img" id="we_campic3" class="img-responsive"></a></p></div>
80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145
#end if
<div class="whitebg cams"><h3>Meer stations</h3><div class="whitebg"><h4>$Extras.extracam1_title</h4><p><a href="$Extras.extracam1_link" target="_blank" class="imglink"><img src="$Extras.extracam1_img" id="we_campic4" class="img-responsive"></a></p></div><div class="whitebg"><h4>$Extras.extracam2_title</h4><p><a href="$Extras.extracam2_link" target="_blank" class="imglink"><img src="$Extras.extracam2_img" id="we_campic5" class="img-responsive"></a></p></div><div class="whitebg"><h4>$Extras.extracam3_title</h4><p><a href="$Extras.extracam3_link" target="_blank" class="imglink"><img src="$Extras.extracam3_img" id="we_campic6" class="img-responsive"></a></p></div></div>

<!-- This is the sidebar of your info page. Each "whitebg" block results in a visible box on your website. Copy, delete and modify at will: -->

        <div class="whitebg links">
          <h3>Links</h3>
          <p>
            <a href="https://www.rabenwetter.de" target="_blank">
              <img src="assets/img/rabenwetter.svg" alt="Rabenwetter" />
            </a>
          </p>
          <p>
            <a href="http://www.wunderground.com/weatherstation/WXDailyHistory.asp?ID=IHESSENR2" target="_blank">
              <img src="assets/img/wunderground.gif" alt="Weather Underground" />
            </a>
          </p>
          <p>
            <a href="http://deutschland.maps.luftdaten.info/#11/50.4016/8.8717" target="_blank">
              <img src="assets/img/luftdaten.jpg" alt="luftdaten.info" />
            </a>
          </p>
          <p>
            <a href="http://www.earthcam.com/topten_archive.php?month=05&year=2012" target="_blank">
              <img src="assets/img/earthcam.png" alt="EarthCam" />
            </a>
          </p>
          <p>
            <a href="http://www.wetteronline.de/webcam/ranstadt" target="_blank">
              <img src="assets/img/wetteronline.png" alt="Wetter Online" />
            </a>
          </p>
          <p>
            <a href="https://www.lookr.com/de/lookout/1262229573-Ranstadt" target="_blank">
              <img src="assets/img/lookr.jpg" alt="Lookr" />
            </a>
          </p>
          <p>
            <a href="http://de.webcams.travel/webcam/1262229573" target="_blank">
              <img src="assets/img/wctravel.jpg" alt="webcams.travel" />
            </a>
          </p>
          <p>
            <a href="https://www.pwsweather.com/obs/RABENWTTR.html" target="_blank">
              <img src="assets/img/pws.jpg" alt="PWS" />
            </a>
          </p>
          <p>
            <a href="https://www.awekas.at/de/instrument.php?id=14471" target="_blank">
              <img src="assets/img/awekas.jpg" alt="awekas" />
            </a>
          </p>
          <p>
            <a href="https://opensensemap.org/explore/5abd54e0850005001b223316" target="_blank">
              <img src="assets/img/sensemap.jpg" alt="OpenSenseMap" />
            </a>
          </p>
          <p>
            <a href="http://wow.metoffice.gov.uk/observations/details?site_id=74ea0cdd-7812-e811-90cf-0003ff597480" target="_blank">
              <img src="assets/img/metoffice.jpg" alt="MetOffice" />
            </a>
          </p>
        </div>

<!-- Sidebar ends here. Stop editing. -->

146
</div></div><footer class="footer"><div class="container">&copy; $current.dateTime.format("%Y") <a href="$Extras.site_link" target="_blank">$Extras.site_owner</a> (<a href="contact.html">Afdruk</a>)<br>Powered by <a href="http://weewx.com/" target="_blank">weeWX</a> with <a href="https://www.rabenwetter.de" target="_blank">Rabenwetter Template</a></div></footer><script src="assets/js/incomplete.min.js"></script></body></html>