Adds software links to home page, adds copyright

Co-authored-by: Fito von Zastrow <[email protected]>

Author: Alan Ridlehoover and Fito von Zastrow

_data/software.yml

@@ -0,0 +1,32 @@
+- name: Manufacturable
+  slug: manufacturable
+  type: Ruby Gem
+  download: https://rubygems.org/gems/manufacturable
+  download_name: Ruby Gems
+  source: https://github.com/first-try-software/manufacturable
+  source_name: GitHub
+
+- name: Navigable
+  slug: navigable
+  type: Ruby Gem
+  download: https://rubygems.org/gems/navigable
+  download_name: Ruby Gems
+  source: https://github.com/first-try-software/navigable
+  source_name: GitHub
+
+- name: Ruby Flog
+  slug: ruby-flog
+  type: VS Code Extension
+  download: https://marketplace.visualstudio.com/items?itemName=first-try-software.ruby-flog
+  download_name: VS Code Marketplace
+  source: https://github.com/first-try-software/vs-code-ruby-flog
+  source_name: GitHub
+
+- name: Coverage Status
+  slug: coverage-status
+  type: VS Code Extension
+  download: https://marketplace.visualstudio.com/items?itemName=first-try-software.coverage-status
+  download_name: VS Code Marketplace
+  source: https://github.com/first-try-software/vs-code-coverage-status
+  source_name: GitHub
+

_sass/about.scss

@@ -20,6 +20,12 @@
     }
   }
 
+  .copyright {
+    color: $color-blue-light;
+    padding-top: $padding;
+    text-align: center;
+  }
+
   a {
     margin: 0 auto;
   }

_sass/intro.scss

@@ -0,0 +1,25 @@
+.software {
+  font-family: "MonoHand", sans-serif;
+  font-size: 20px;
+  margin-top: 3em;
+  text-align: center;
+
+  ul {
+    list-style-type: none;
+
+    li {
+      display: inline-block;
+      padding: $padding;
+      text-align: center;
+      text-transform: uppercase;
+
+      .lilbang {
+        width: 20px;
+      }
+
+      .subtext {
+        font-size: 12px;
+      }
+    }
+  }
+}

_sass/layout.scss

@@ -33,8 +33,6 @@ section {
 }
 
 footer {
-  background-color: $background-color-primary;
-  border: $padding solid $background-color-primary;
   display: flex;
-  justify-content: center;
+  flex-direction: column;
 }

_sass/variables.scss

@@ -15,7 +15,7 @@ $color-drop-shadow: $color-black;
 
 $margin: 16px;
 $padding: 16px;
-$margin-home-header: 20vh;
+$margin-home-header: 15vh;
 
 $page-margin: $margin;
 $page-margins: $page-margin * 2;

css/firsttry.scss

@@ -12,4 +12,5 @@
   "arrows",
   "media",
   "about",
+  "intro",
   "post"

index.html

@@ -7,6 +7,20 @@
     <div class="oval">
       <div class="title">{{ site.name }}</div>
       <div class="tagline">{{ site.tagline }}</div>
+      <div class="software">
+        <ul>
+          {% for pkg in site.data.software %}
+            <li>
+              <img class="lilbang" src="images/bang.png">
+              {{ pkg.name }}<br>
+              <span class="subtext">
+                <a href="{{ pkg.source }}" target="top">{{ pkg.source_name }}</a> |
+                <a href="{{ pkg.download }}" target="top">{{ pkg.download_name }}</a>
+              </span>
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
     </div>
     <a class="arrow down bounce-5s" href="#{{ site.posts.first.slug }}"></a>
   </scroll-page>
@@ -49,7 +63,10 @@ <h2>The {{ hero.title }}.</h2>
         {% endfor %}
       </section>
     </div>
-    <a href="/"><img src="/images/bang.png" width="48" height="48" alt="First Try! Software"></a>
+    <footer>
+      <a href="/"><img src="/images/bang.png" width="48" height="48" alt="First Try! Software"></a>
+      <div class="copyright">Copyright &copy; 2020 Alan Ridlehoover and Fito von Zastrow</div>
+    </footer>
   </scroll-page>
 </scroll-container>