{% block head %}
<style>
	#help{
		display: none;
		margin-left: auto;
		margin-right: auto;
	}
	.argumentURL{
		font-weight: bold;
	}
	.bold{
		font-weight: bold;
	}
</style>
{% endblock %}
{% block help %}
<div id="help">
	<p>By default, will display the weather at Paris for the next 7 days, including today.</p>
	<p>Empty cells results from the lack of data for a specific hour/date. <span class="bold">Valid hours are: {{validHours}}</span>. May be susceptible to change due to daylight saving time.</p>
	<p>Use <a class="helpLink" href="[currentUrl]/latitude;longitude"><span class="currentUrl">[currentUrl]</span>/latitude;longitude</a> to obtain the weather data for a specific location.
	<p>The display can be altered using one or multiple of the following arguments:
		<ul>
			<li><span class="argumentURL">day=X</span> Number of days (X) to display.</li>
			<li><span class="argumentURL">hour=X,Y</span> Hours to display, multiple values separated by comma possible.</li>
			<li><span class="argumentURL">today=0</span> Don't display today's weather.</li>
			<li><span class="argumentURL">title=X</span> Change the HTML title by X.</li>
			<li><span class="argumentURL">ui=0</span> Hide the UI icons.</li>
			<li><span class="argumentURL">night=1</span> Display the dark theme.</li>
		</ul>
	</p>
	<p>Example: <a class="helpLink" href="[currentUrl]/48.51296;2.17402?day=2&today=0&title=Weather%20at%20the%20Eiffel%20Tower"><span class="currentUrl">[currentUrl]</span>/48.51296;2.17402?day=2&today=0&title=Weather%20at%20the%20Eiffel%20Tower</p></a>
</div>
{% endblock %}