Add page for Trash AI.

_includes/layouts/default-project-page.html

@@ -10,4 +10,6 @@
 <link rel="stylesheet" href="/public/css/pages/default-project-page.css">
 {% endblock %}
 
-{{ content }}
+<div class="default-project-page-container">
+    {{ content }}
+</div>

_includes/navigation-bar.html

@@ -26,6 +26,9 @@
           <li class="navbar-link">
             <a href="/learningblocks">Learning Blocks</a>
           </li>
+          <li class="navbar-link">
+            <a href="/trashai">Trash AI</a>
+          </li>
         </ul>
       </div>
       <!--

content/trashai/index.html

@@ -0,0 +1,79 @@
+---
+layout: layouts/default-project-page
+---
+
+<!--
+Learning Blocks community project page.
+-->
+
+<h1 class="page-title">TrashAI community project page</h1>
+
+<div class="project-notes">
+    Website: <a href="about:blank">www.trashai.org</a>
+</div>
+
+<div class="documentation-grid">
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/README.md"
+           title="Web-based read me">
+            <h2>Readme</h2>
+            <p>Top level overview of Learning Blocks documentation.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/aws_bootstrap.png"
+           title="AWS bootstrap documentation">
+            <h2>AWS Bootstrap</h2>
+            <img class="default-documentation-item-image" src="/public/img/trash_ai_01.png" alt=""/>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/first_run.png"
+           title="First run documentation">
+            <h2>First run</h2>
+            <img class="default-documentation-item-image" src="/public/img/trash_ai_02.png" alt=""/>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a
+                href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/functionality.md"
+                title="Description of application functionality">
+            <h2>Description of application functionality</h2>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/git-aws-account-setup.md"
+           title="Git AWS account setup">
+            <h2>New AWS Deployment Procedure</h2>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a
+                href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/github-actions-deployment-role.md"
+                title="GitHub Actions deployment role">
+            <h2>GitHub Actions deployment role</h2>
+            <p>Describes how to update role permissions.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/github-actions.md"
+           title="GitHub Actions">
+            <h2>GitHub Actions</h2>
+            <p>GitHub actions general documentation.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/localdev.md"
+           title="Local development">
+            <h2>Local development</h2>
+            <p>Getting started developing Trash AI.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/first_run.png"
+           title="Role secrets">
+            <h2>Role secrets</h2>
+            <img class="default-documentation-item-image" src="/public/img/trash_ai_03.png" alt=""/>
+        </a>
+    </div>
+</div>

styles/pages/default-project-page.scss

@@ -5,9 +5,15 @@
 Opensac.org page layout
  */
 
-.page-title {
-    padding-top: 16px;
+.default-project-page-container {
+  padding: 16px 16px;
 }
+
+.default-documentation-item-image {
+  max-width: 200px;
+  max-height: 200px;
+}
+
 .project-notes {
   padding-bottom: 16px;
 }
@@ -16,7 +22,6 @@ Opensac.org page layout
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 1rem;
-  padding-top: 16px;
 }
 
 .documentation-item {