{"content": "\n
\n \n

Template source: base.html

\n
\n
\n
\n 
<!DOCTYPE html>\n<html lang="en">\n<head>\n    <title>Cloud Runner Django App</title>\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">\n    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>\n    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>\n\n    {% block css %}\n    {% endblock %}\n</head>\n\n\n<body>\n    {% block header %}\n        <header>\n            <div class="collapse bg-dark" id="navbarHeader">\n                <div class="container">\n{#                    <div class="row">#}\n{#                        <div class="col-sm-8 col-md-7 py-4">#}\n{#                            <h4 class="text-white">About</h4>#}\n{#                            <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>#}\n{#                        </div>#}\n{#                        <div class="col-sm-4 offset-md-1 py-4">#}\n{#                            <h4 class="text-white">Contact</h4>#}\n{#                            <ul class="list-unstyled">#}\n{#                                <li>#}\n{#                                    <a href="#" class="text-white">Follow on Twitter</a>#}\n{#                                </li>#}\n{#                                <li>#}\n{#                                    <a href="#" class="text-white">Like on Facebook</a>#}\n{#                                </li>#}\n{#                                <li>#}\n{#                                    <a href="#" class="text-white">Email me</a>#}\n{#                                </li>#}\n{#                            </ul>#}\n{#                        </div>#}\n{#                    </div>#}\n                </div>\n            </div>\n            <div class="navbar navbar-dark box-shadow" style="background-color: #73c09e">\n                <div class="container d-flex justify-content-between">\n                    <a href="#" class="navbar-brand d-flex align-items-center">\n                        <img src="/django/media/puretechnology1_logo.jpg" width="40px" alt="logo">\n                    </a>\n                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">\n                        <span class="navbar-toggler-icon"></span>\n                    </button>\n                </div>\n            </div>\n        </header>\n    {% endblock %}\n    {% block content %}\n        <main role="main">\n            <section class="jumbotron text-center">\n                <div class="container">\n                    <h1 class="jumbotron-heading">Album example</h1>\n                    <p class="lead text-muted">Something short and leading about the collection below\u2014its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.</p>\n                    <p>\n                        <a href="#" class="btn btn-primary my-2">Main call to action</a>\n                        <a href="#" class="btn btn-secondary my-2">Secondary action</a>\n                    </p>\n                </div>\n            </section>\n            <div class="album py-5 bg-light">\n                <div class="container">\n                    <div class="row">\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c4453525e%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c4453525e%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c4453525f%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c4453525f%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c44535260%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c44535260%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c44535260%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c44535260%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c44535261%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c44535261%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c44535261%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c44535261%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c44535262%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c44535262%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c44535263%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c44535263%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-4">\n                        <div class="card mb-4 box-shadow">\n                            <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18c44535263%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18c44535263%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.71875%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">\n                            <div class="card-body">\n                                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>\n                                <div class="d-flex justify-content-between align-items-center">\n                                    <div class="btn-group">\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">View</button>\n                                        <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>\n                                    </div>\n                                    <small class="text-muted">9 mins</small>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                </div>\n            </div>\n        </main>\n    {% endblock %}\n    {% block footer %}\n        <footer class="text-muted">\n            <div class="container">\n                <p class="float-right">\n                    <a href="#">Back to top</a>\n                </p>\n                <p>Album example is \u00a9 Bootstrap, but please download and customize it for yourself!</p>\n                <p>New to Bootstrap? <a href="../../">Visit the homepage</a> or read our <a href="../../getting-started/">getting started guide</a>. </p>\n            </div>\n        </footer>\n    {% endblock %}\n\n    {% block js %}\n    {% endblock %}\n</body>\n
\n\n
\n
\n"}