initial awesome page from submodule

_includes/header.html

@@ -19,6 +19,7 @@
         <a href="https://circuitpython.readthedocs.io/projects/bundle/en/latest/drivers.html">LIBRARIES</a>
         <a href="https://blog.adafruit.com/category/circuitpython">NEWS</a>
         <a href="https://adafru.it/discord">DISCORD</a>
+        <a href="{{ "/awesome" | relative_url  }}">AWESOME</a>
         <a href="https://learn.adafruit.com/welcome-to-circuitpython">HELP</a>
       </div>
     </div>

assets/css/main.scss

@@ -14,3 +14,4 @@
 @import 'pages/home';
 @import 'pages/downloads';
 @import 'pages/download';
+@import 'pages/awesome';

assets/sass/pages/_awesome.scss

@@ -0,0 +1,39 @@
+#awesome-page {
+  padding: 20px 0 200px 0;
+
+  display: grid;
+  grid-template-columns:
+      [full-start] minmax(1em, 1fr)
+      [main-start] minmax(0, 80em) [main-end]
+      minmax(1em, 1fr) [full-end];
+  grid-row-gap: 1em;
+
+  &> * {
+    grid-column: main;
+  }
+
+  .content {
+    background-color: #fff;
+    border: 1px solid #cecece;
+    border-radius: 5px;
+    padding: 40px;
+
+    p {
+      margin-bottom: 16px;
+    }
+
+    h2 {
+      border-bottom: 1px solid $gray-border;
+      padding-bottom: .3em;
+      margin-bottom: 16px;
+      margin-top: 24px;
+    }
+
+    ul {
+      margin-bottom: 16px;
+      li {
+        margin-top: .25em;
+      }
+    }
+  }
+}

awesome.html

@@ -0,0 +1,12 @@
+---
+layout: home
+title: Awesome
+permalink: /awesome
+---
+
+<div id="awesome-page">
+  <div class="content">
+    {% capture awesome_include %}{% include_relative awesome-circuitpython/README.md %}{% endcapture %}
+    {{ awesome_include | markdownify }}
+  <div>
+</div>