Info pages #13xan #13xak (#36)

* Info pages and templates

* Info pages and templates

* Info pages and templates

* Update navigation and fix up HTML

* Navigation HTML spacing for readability

* Fix error views not using `self.render()`

* `render()` method should accept Any for context values

* Change header linking CSS to a dedicated class

* Rules page

* Basic resources page setup

* Fix headers for new CSS class

* Resource categories and initial resource data

* Add link to JSON file on GH - won't work until the branch is merged

* Remove info overview page and redirect info root url to resources

* Flake8

* Add some tests

* Line lengths

2 files changed, 51 insertions, 2 deletions

diff --git a/static/resources.json b/static/resources.json
new file mode 100644
index 00000000..1e6bc503
--- /dev/null
+++ b/static/resources.json
@@ -0,0 +1,45 @@
+{
+  "Learning Resources": {
+    "description": "Tutorials and references for those that are just getting started with python",
+    "resources": {
+      "Automate the Boring Stuff with Python": {
+        "description": "One of the best books out there for Python beginners. You can buy a copy, but there's also a free online version.",
+        "url": "https://automatetheboringstuff.com/"
+      },
+      "Getting Started for Non-Programmers": {
+        "description": "The list of resources for non-programmers from Python's official beginners' guide",
+        "url": "https://wiki.python.org/moin/BeginnersGuide/NonProgrammers"
+      },
+      "Getting Started for Programmers": {
+        "description": "The list of resources for programmers from Python's official beginners' guide",
+        "url": "https://wiki.python.org/moin/BeginnersGuide/Programmers"
+      }
+    }
+  },
+  "Editors": {
+    "description": "Lightweight code editors supporting Python",
+    "resources": {
+      "Visual Studio Code (Free)": {
+        "description": "A fully-featured editor based on Electron, extendable with plugins.",
+        "url": "https://code.visualstudio.com/"
+      },
+      "Sublime Text (Paid, with shareware-style \"trial\")": {
+        "description": "A powerful Python-backed editor with great community support and a wealth of extensions.",
+        "url": "https://www.sublimetext.com/"
+      }
+    }
+  },
+  "IDEs": {
+    "description": "Fully-integrated development environments for serious Python work",
+    "resources": {
+      "PyCharm (Community and Professional editions available)": {
+        "description": "The very best Python IDE, with a wealth of advanced features and convenience functions.",
+        "url": "https://www.jetbrains.com/pycharm/"
+      },
+      "Spyder (Free)": {
+        "description": "The Scientific PYthon Development EnviRonment. Simpler and lighter than PyCharm, but still packs a punch.",
+        "url": "https://pythonhosted.org/spyder/"
+      }
+    }
+  }
+}
diff --git a/static/style.css b/static/style.css
index fbbec5c1..2b14c8ce 100644
--- a/static/style.css
+++ b/static/style.css
@@ -25,7 +25,7 @@
     top: 45px !important;
 }
 
-.uk-article-title a {
+.hover-title a {
     visibility: hidden;
     opacity: 0;
 
@@ -34,7 +34,7 @@
     -webkit-transition: opacity 200ms ease-in-out;
 }
 
-.uk-article-title:hover a {
+.hover-title:hover a {
     visibility: visible;
     opacity: 1;
 
@@ -54,4 +54,8 @@
 .uk-section {
     padding-top: 20px;
     padding-bottom: 30px;
+}
+
+.uk-heading-divider .uk-article-meta {
+    margin-bottom: 0;
 }
\ No newline at end of file