Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

Python programming: Use flask to make a simple, web 1.0 style website — Put some

ID: 672902 • Letter: P

Question

Python programming: Use flask to make a simple, web 1.0 style website

— Put some Header text (h1 tag) with your choice of

— "Personal website"

— Name

— AIM name

— IRC handle

— nickname...

Homework (cont.)

— Routes required

— Home: '/'

— list of links to with at least one item to a blog article

— About: '/about/'

— Displays information about you like:

— Your name "….."

— Your email "….."

— Your ID "….."

— Post: '/post//'

— Allows you to read an post with a post name

— One of the "posts" has your blurb about python

Homework (cont.)

— Some ideas of how to approach this:

— Use a jinja template for the basics of your HTML page

— Store your posts in your python code "somehow"

— Hint: Remember how to do multi-line strings in python

— DO NOT USE A DATABASE (looking for a VERY simple website)

Explanation / Answer

<!DOCTYPE html>

<html lang="en">

<head>

    <title>Python Flask Bucket List App</title>

    <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">

    <link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css" rel="stylesheet">

</head>

<body>

    <div class="Personal website">

        <div class="header">

            <nav>                      

                                               

                <ul class="nav nav-pills pull-right">

                                               

                    <li role="personal website" class="active"><a href="#">name</a>

                                    <h1> name </h1>

                    </li>

                                               

                    <li role="personal website"><a href="#">AIM name</a>

                                    <h1> AIM name </h1>             

                    </li>

                    <li role="personal website"><a href="#">RC handle</a>

                                    <h1> IRC handle </h1>

                    </li>

                                     <li role="personal website"><a href="#">nicname</a>

                                     <h1> nicname </h1>

                    </li>

                </ul>

            </nav>

            <h3 class="text-muted">Python Flask App</h3>

        </div>

        <div class="home ">

            <h1>Bucket List App</h1>

            <p class="lead"></p>

            <p><a class="btn btn-lg btn-success" href="#" role="button"> Your name "….." </a>

            </p>

        </div>

        <div class="row marketing">

            <div class="col-lg-6">

                <h4>Bucket List</h4>

                <p> Allows you to read an post with a post name </p>

                <h4>Bucket List</h4>

                <p> One of the "posts" has your blurb about python

Homework (cont.)

</p>

                <h4>Bucket List</h4>

                <p> Store your posts in your python code "somehow" </p>

            </div>

            <div class="col-lg-6">

                <h4>Bucket List</h4>

                <p> Displays information about you like: </p>

                <h4>Bucket List</h4>

            </div>

        </div>

        <footer class="footer">

            <p>&copy; Company 2015</p>

        </footer>

    </div>

</body>

</html>