{% extends "base.html" %}

{% block page_specific_head %}
<link rel="stylesheet" href="/css/pong_settings.css">
<script defer="true" type="text/javascript" src="/assets/js/library.js"></script>
{% endblock page_specific_head %}

{% block page_aside %}
	{% include "tech_demos/demos/svg_pong/about_pong.html" %}
{% endblock page_aside %}

{% block page_content %}
	{% include "tech_demos/demos/svg_pong/about_svg_pong.html" %}

	<p>fps: <span id="fps"></span></p>

	{% include "tech_demos/demos/svg_pong/pong.svg" %}

	{% include "tech_demos/demos/svg_pong/pong_controlls.html" %}

	<!--
	{% include "tech_demos/demos/svg_pong/pong_settings.html" %}
	{% include "tech_demos/demos/svg_pong/pong_game_summary_table.html" %}
	{% include "tech_demos/demos/svg_pong/pong_latest_games_table.html" %}
	-->
{% endblock page_content %}
