added animation page

templates/base.html

@@ -16,6 +16,7 @@
             <a href="{{ url_for('add_item') }}">Add Item</a>
             <a href="{{ url_for('get_weather') }}">Weather</a>
             <a href="{{ url_for('rank') }}">Relative Rank</a>
+            <a href="{{ url_for('motion') }}">Motion Graphics</a>
             <a href="{{ url_for('about') }}">About</a>
         </nav>
     </header>

templates/motion.html

@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+{% block content %}
+<link rel="stylesheet" href="{{ url_for('static', filename='css/motion.css') }}">
+<div id="motion" class="motion-test-1"></div>
+<div style="height: 300px;"></div>
+<div id="linear" class="motion-test-2">linear</div>
+<div id="ease" class="motion-test-2">ease</div>
+<div id="ease-in" class="motion-test-2">ease-in</div>
+<div id="ease-out" class="motion-test-2">ease-out</div>
+<div id="ease-in-out" class="motion-test-2">ease-in-out</div>
+{% endblock %}