add about endpoint and template

This adds a second endpoint for an about page which illustrates how to add another endpoint while suggesting an about page. Also add a template for about.
thewchan · Dec 28, 2017 · f22ab1f · f22ab1f
1 parent 99a7e11
commit f22ab1f
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 0 deletions.
diff --git a/app.py b/app.py
@@ -6,5 +6,9 @@
 def index():
   return render_template('index.html')
 
+@app.route('/about')
+def about():
+  return render_template('about.html')
+
 if __name__ == '__main__':
   app.run(port=33507)
diff --git a/templates/about.html b/templates/about.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="Skeleton application demoing Heroku and Flask integration.">
+    <meta name="author" content="@gotoariel">
+    <!-- <link rel="icon" href="favicon.ico"> -->
+
+    <title>Wilkommen, bienvenue, and welcome to Heroku!</title>
+
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  </head>
+  <body>
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12 text-left">
+          <h2>About</h2>
+          <p><a href="/">Home</a></p>
+        </div>
+      </div>
+    </div>
+    <!-- Bootstrap core JavaScript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/templates/index.html b/templates/index.html
@@ -18,6 +18,7 @@
         <div class="col-lg-12 text-left">
           <h2>Hello, World!</h2>
           <ul>
+            <li><a href="/about">About</a></li>
             <li><a target="_blank" href="https://www.heroku.com/">Heroku</a></li>
             <li><a target="_blank" href="http://flask.pocoo.org/">Flask</a></li>
             <li><a target="_blank" href="http://jinja.pocoo.org/docs/2.9/">Jinja2</a></li>