Actions

Template

Difference between revisions of "Weather"

From ThornsWiki

Line 20: Line 20:
 
           </div>
 
           </div>
 
 
           <img style="margin-bottom: -3rem; margin-top: -0.5rem;" class="weather-new img-fluid" src="http://anaxasdiaries.com/weather/{{{Cloud}}}" alt="Windy"/>
+
           <img style="margin-bottom: -3rem; margin-top: -0.5rem;" class="weather-new img-fluid" src="http://anaxasdiaries.com/weather/{{{Cloud}}}" alt="{{{Precip}}}"/>
 
  <p class="weather-text">{{{Precip}}}, {{{Feature}}}</p>
 
  <p class="weather-text">{{{Precip}}}, {{{Feature}}}</p>
 
           <div class="temp-display-1">
 
           <div class="temp-display-1">
Line 29: Line 29:
 
           <p style="temperature">{{{High}}}</p></div>
 
           <p style="temperature">{{{High}}}</p></div>
 
<div class="info">
 
<div class="info">
<span style="max-width: 25%; display: inline-block; float: left; margin: 0px 10px; line-height: 1rem;"><img src="https://anaxasdiaries.com/test/rain-drop.svg" alt="Rain Level" title="Rain Level" style="height:1.85rem; float:left; margin-right:5px;">{{{Precip}}} MM</span>
+
<p style="max-width: 25%; display: inline-block; float: left; margin: 0px 10px; line-height: 1rem;"><img src="https://anaxasdiaries.com/test/rain-drop.svg" alt="Rain Level" title="Rain Level" style="height:1.85rem; float:left; margin-right:5px;">x MM</p>
<span style="max-width: 25%; display: inline-block; margin: 0px 10px 0px 20px; line-height: 1rem;"><img src="https://anaxasdiaries.com/test/noun_Wind_1970668.svg" alt="Wind Speed" title="Wind Speed" style="height:1.85rem; float:left; margin-right:5px;">{{{MPH}}} MPH {{{Dir}}}</span>
+
<p style="max-width: 25%; display: inline-block; margin: 0px 10px 0px 20px; line-height: 1rem;"><img src="https://anaxasdiaries.com/test/noun_Wind_1970668.svg" alt="Wind Speed" title="Wind Speed" style="height:1.85rem; float:left; margin-right:5px;">{{{MPH}}} MPH {{{Dir}}}</p>
 
</div>
 
</div>
 
<div class="moon-new"><img src="http://anaxasdiaries.com/svg/{{{Benea}}}" class="benea-new img-fluid" alt="Benea"/><img src="http://anaxasdiaries.com/svg/{{{Osa}}}" class="osa-new img-fluid" alt="Osa"></div></div></div>
 
<div class="moon-new"><img src="http://anaxasdiaries.com/svg/{{{Benea}}}" class="benea-new img-fluid" alt="Benea"/><img src="http://anaxasdiaries.com/svg/{{{Osa}}}" class="osa-new img-fluid" alt="Osa"></div></div></div>

Revision as of 22:08, 31 December 2019

Usage

This template pulls from the Anaxas 2720 Weather CSV file for the month of Intas:

  1. Month
  2. Day
  3. Low (Temp °F)
  4. High (Temp °F)
  5. Precip (Precipitation)
  6. Cloud (Coverage)
  7. Wind
  8. MPH (Wind Speed)
  9. Dir (Wind Direction)
  10. Benea (Larger Moon Phase)
  11. Osa (Smaller Moon Phase)


           {{{Month}}} {{{Day}}}
         {{{Precip}}}

{{{Precip}}}, {{{Feature}}}

LOW

{{{Low}}}

HIGH

{{{High}}}

Rain Levelx MM

Wind Speed{{{MPH}}} MPH {{{Dir}}}

BeneaOsa