4 files changed, 55 insertions, 0 deletions
diff --git a/src/views/pages/about.ejs b/src/views/pages/about.ejs
new file mode 100644
index 0000000..3b376d5
--- /dev/null
+++ b/src/views/pages/about.ejs
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <!-- HTML headers information -->
+  <%- include('../partials/head.ejs') %>
+</head>
+
+<body>
+  <!-- Get the navbar -->
+  <%- include('../partials/nav.ejs') %>
+  <title>About the Remotely Accessible Inverted Pendulum</title>
+  <div class="header">
+    <img src="public/img/site_logo.png" alt="Pendulum logo" width="160" height="130" />
+    <h1 id="title1">Remotely Accessible Inverted Pendulum</h1>
+  </div>
+
+  <div id="main">
+    <div id="about">
+      <h2 id="subtitle">
+        Created by <br />
+        Abrar Nair Islam, Brendan Lake, Cory Ohnsted, Matt Strapp, Kiflu Woldegiorgis (2022) <br />
+        Sam Hansen, Rezkath Awal, Donovan Peterson, Joseph Jewett (2021) <br />
+        Alin Butoi, Paul D’Amico, Dat Nguyen, Ross Olson, Rachel Schow (2019) <br /> <br />
+        Advisor: Professor Andrew Lamperski <br />
+        Sponsored by the University of Minnesota -Twin Cities <br />
+      </h2>
+      <br />
+      <h1 id="Background">Background</h1>
+      <p>
+        Our teams 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, and web development.
+      </p>
+      <br />
+      <h1 id="Pendulum_info"> 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>
+  </div>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/views/pages/login.ejs b/src/views/pages/login.ejs
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/pages/login.ejs
diff --git a/src/views/partials/head.ejs b/src/views/partials/head.ejs
new file mode 100644
index 0000000..02786be
--- /dev/null
+++ b/src/views/partials/head.ejs
@@ -0,0 +1,6 @@
+<meta charset="utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+<link rel="stylesheet" href="public/css/style.css" type="text/css">
+<link rel="icon" href="public/img/site_logo.png" type="image/x-icon">
+\ No newline at end of file
diff --git a/src/views/partials/nav.ejs b/src/views/partials/nav.ejs
new file mode 100644
index 0000000..2b83518
--- /dev/null
+++ b/src/views/partials/nav.ejs
@@ -0,0 +1,6 @@
+<nav>
+  <ul class="navbar">
+    <li><a href="/">Home</a></li>
+    <li><a href="/about">About the Inverted Pendulum</a></li>
+  </ul>
+</nav>
+\ No newline at end of file