aboutsummaryrefslogtreecommitdiffstats
path: root/Web/Server/templates/base.html
blob: c54340e3336dd7fb9ebc0bfbf14ab46c44953edb (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
    <head>
        <link rel="stylesheet" href="/static/Server.css">
        <script type="text/javascript" src="/static/Server.js"></script>
    </head>
    <body>
		<title>ANDI'S PIE</title>
		<nav class = "container">
            <h1 id="title">Remotely Accessible Inverted Pendulum</h1>
            <h2 id="subtitle">
                By Alin Butoi, Paul D’Amico, Dat Nguyen, Ross Olson, Rachel Schow <br>
                Advisor: Professor Andrew Lamperski <br>
                Sponsored by the University of Minnesota - Twin Cities <br>
            </h2>

            <button class="button" onclick="toggleAbout()">About</button>

            <br>
            <br>

            <div id="about">
                <h1>Team ANDI'S PIE</h1>
                <div>
                    Andy’s Nifty Dynamic Inverted Swinging Pendulum in Equilibrium
                </div>
            
                <h1>Background</h1>
                <p>
                    Our team developed an inverted pendulum system that could be accessed over a computer network for use by students. The inverted pendulum is a common controls problem used in academia. This problem teaches students concepts of control loops, data filtering, and machine learning.
                </p>
            
                <h1> What is an Inverted Pendulum? </h1>
                <p>
                    A vertical pendulum that is balanced via the base moving. <br>
                    Controlled movements are determined by measuring the position and speed of the pendulum and base.
                </p>
            </div>
        </nav>

        <div class = "container">
            {% block content %}
                default content
            {% endblock %}
        </div>
    </body>
</html>