web: fetch with js to avoid flickering

1 files changed, 4 insertions, 4 deletions

diff --git a/src/templates/index.html b/src/templates/index.html
index 85fe385..f076d32 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -3,13 +3,13 @@
 {% block content %}
 
 	<pre class="content grey" id="top">{{parts.top}}</pre>
-	
+
 	<img src="title_headline.png">
 
-	<pre class="content" id="program">{% for event in parts.program %}{% if loop.previtem and loop.previtem.day != event.day %}<br>{{ event.day }}<hr style="margin-bottom: 1em">{% endif %}<div style="position: relative"><div style="display: inline-block; background: #006688; height: 1.2em; width: {{event.progress}}%; position: absolute; left: 0"></div><div style="position: absolute; top: 0px; left: 0px;">{{event.title}}  {{ event.time}}  {{ event.icon }}</div></div><br style="margin-bottom: 0.25em">{% endfor %}</pre>
+  {% include 'program.html' %}
 {#
 	<img src="news_headline.png">
-	
+
 	<pre class="content" id="news">{{parts.news}}</pre>
 	-->
 	<br>
@@ -18,7 +18,7 @@
 		<label id="news_input_label" for="news_input">Post your own news, or anything you'd like here:</label><br>
 		<input type="text" id="news_input" name="news_input" maxlength="{{ news_max_length }}" placeholder="Type text here">
 		<input type="submit" value="Post" />
-	</form> 
+	</form>
 #}
 
 <div style="position: relative">