Basic homepage and footer

chriskuehl · chriskuehl · commit 5b766337ea7e · 2022-09-15T18:50:40.000-05:00
diff --git a/pypi_browser/static/favicon.png b/pypi_browser/static/favicon.png
diff --git a/pypi_browser/templates/_base.html b/pypi_browser/templates/_base.html
@@ -3,6 +3,7 @@
     <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" href="{{url_for('static', path='/favicon.png')}}" />
         <link rel="stylesheet" href="{{url_for('static', path='/bootstrap-5.2.1.min.css')}}" />
         <link rel="stylesheet" href="{{url_for('static', path='/site.css')}}" />
         <title>{% block title %}{% endblock %}</title>
@@ -30,6 +31,18 @@
             {% block content %}{% endblock %}
         </div>
 
+        <div class="container mt-5 mb-3">
+            <footer class="border-top py-3 px-3">
+                <p class="text-muted small">
+                    PyPI Browser is an open source project.
+                    <br />
+                    <a href="{{url_for('package', package='pypibrowser')}}">View its files with PyPI Browser</a>
+                    <br />
+                    <a href="https://github.com/chriskuehl/pypi-browser">View it on GitHub</a>
+                </p>
+            </footer>
+        </div>
+
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
         <script src="{{url_for('static', path='/bootstrap-5.2.1.min.js')}}"></script>
         <script src="{{url_for('static', path='/site.js')}}"></script>
diff --git a/pypi_browser/templates/home.html b/pypi_browser/templates/home.html
@@ -3,5 +3,34 @@
 
 {% block title %}PyPI Browser{% endblock %}
 
+{% block content %}
+    <div class="px-4 py-4 my-4 mx-5">
+        <div class="card">
+            <div class="card-body text-center py-5 px-5">
+                <h4 class="mb-4">Enter a Python project name to browse its files:</h4>
+                <form method="GET" action="{{url_for('search')}}">
+                    <div class="row px-5 mb-4">
+                        <div class="col">
+                            <input type="text" name="package" class="form-control form-control-lg" />
+                        </div>
+                        <div class="col-auto">
+                            <button type="submit" class="btn btn-lg btn-primary">Browse Package</button>
+                        </div>
+                    </div>
+                </form>
+
+                <h6>Or try it out with one of these popular packages:</h6>
+                <p class="mb-0">
+                    <a href="{{url_for('package', package='django')}}">django</a>
+                    &bull;
+                    <a href="{{url_for('package', package='numpy')}}">numpy</a>
+                    &bull;
+                    <a href="{{url_for('package', package='requests')}}">requests</a>
+                </p>
+            </div>
+        </div>
+    </div>
+{% endblock %}
+
 {# vim: ft=jinja
 #}
diff --git a/pyproject.toml b/pyproject.toml
@@ -1,5 +1,5 @@
 [tool.poetry]
-name = "pypi-browser"
+name = "pypibrowser"
 version = "0.0.0"
 description = "PyPI package browsing web application"
 authors = ["Chris Kuehl <ckuehl@ckuehl.me>"]
