New page for bottles; some styling

src/assets/scripts/bottles.jsx

@@ -32,7 +32,7 @@ function Bottles() {
           {versions.length} version{versions.length === 1 ? "" : "s"} bottled
         </h4>
         {expanded && (
-          <table>
+          <table className="one-box-down">
             <thead>
               <tr>
                 <th>version</th>

src/content/bottles.md

@@ -0,0 +1,5 @@
+---
+title: "Bottles"
+Description: "bottles"
+layout: "bottles"
+---

src/layouts/page/bottles.html

@@ -0,0 +1,29 @@
+{{ define "main" }}
+
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+
+        {{- partial "bottle-grid.html" -}}
+
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+
+  table{
+    color: #fff;
+  }
+
+  table, th, td {
+    border: 1px solid;
+    font-family: "sono", sans-serif;
+    padding: 20px;
+  }
+
+</style>
+
+{{ end }}