From f97b776d7d26d89ff7798462cc7aa62e560d7f51 Mon Sep 17 00:00:00 2001
From: tsb1995 <47466105+tsb1995@users.noreply.github.com>
Date: Fri, 13 Dec 2019 20:15:44 -0800
Subject: [PATCH] add css

---
 __pycache__/app.cpython-37.pyc | Bin 4557 -> 4557 bytes
 app.py                         |   6 +++++
 static/styles.css              |  47 +++++++++++++++++++++++++++++++++
 templates/layout.html          |   2 +-
 4 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 static/styles.css

diff --git a/__pycache__/app.cpython-37.pyc b/__pycache__/app.cpython-37.pyc
index bbd4c09974e64244a0d21d1399ff2a327840793c..5382b4606cbfeff6d76b25d51869c81503b213fc 100644
GIT binary patch
delta 76
zcmX@Bd{&vyiI<m)0SH1gzQiiXZsf~lW@O)7!(771sI>VbOEe3k@n&DnS<H-Cn_uv#
fFf-1X%q#GT@yH~>1H9r=f>P#EMp7Ca92|@Q0JRe+

delta 76
zcmX@Bd{&vyiI<m)0SF4Dzr<F_Y~;&jW@Ox4!(771D6{z^OEe3k?q*-kS<H+nn_uv#
fFf&e@%q#GTao;4t1H6J#f>P#EMp7Ca92|@Q6Uh^1

diff --git a/app.py b/app.py
index 31de38d..a0cfe9e 100644
--- a/app.py
+++ b/app.py
@@ -15,6 +15,12 @@ def differentiation():
         if not request.form.get("function"):
             return apology("must provide a function", 400)
         f = request.form.get("function")
+        """
+        TODO:
+        take Function
+        analyse to find most common letter (our variable)
+        set that as the basis for symbols
+        """
         x = symbols('x')
         f = sympify(f)
 
diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..67e42e8
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,47 @@
+nav .navbar-brand
+{
+    /* size for brand */
+    font-size: xx-large;
+}
+
+/* colors for brand */
+nav .navbar-brand .blue
+{
+    color: #537fbe;
+}
+nav .navbar-brand .red
+{
+    color: #ea433b;
+}
+nav .navbar-brand .yellow
+{
+    color: #f5b82e;
+}
+nav .navbar-brand .green
+{
+    color: #2e944b;
+}
+
+main .form-control
+{
+    /* center form controls */
+    display: inline-block;
+
+    /* override Bootstrap's 100% width for form controls */
+    width: auto;
+}
+
+main
+{
+    /* scroll horizontally as needed */
+    overflow-x: auto;
+
+    /* center contents */
+    text-align: center;
+}
+
+main img
+{
+    /* constrain images on small screens */
+    max-width: 100%;
+}
diff --git a/templates/layout.html b/templates/layout.html
index 0603222..388f7ec 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -13,7 +13,7 @@
 
         <!-- https://favicon.io/emoji-favicons/money-mouth-face/ -->
         <link href="/static/favicon.ico" rel="icon">
-        <link href="/static/styles.css" rel="stylesheet">
+        <link href="{{ url_for('static', filename='styles.css')}}" rel="stylesheet">
 
         <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>