initial landing page

assets/sass/pages/_home.scss

@@ -0,0 +1,54 @@
+#home-page {
+  padding: 20px;
+  text-align: center;
+
+  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;
+  }
+
+  hr {
+    width: 100%;
+    margin: 40px 0 40px 0;
+    color: #cecece;
+  }
+
+  .content {
+    background-color: #fff;
+    border: 1px solid #cecece;
+    border-radius: 5px;
+    padding-top: 40px;
+
+    h1 {
+      width: 75%;
+      margin: 20px auto;
+    }
+
+    p {
+      font-size: 20px;
+      width: 75%;
+      margin: 0 auto;
+      padding-bottom: 20px;
+    }
+
+    .home-table {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      grid-column-gap: 1em;
+      grid-row-gap: 1em;
+      margin-bottom: 20px;
+
+      .item {
+
+      }
+    }
+  }
+
+
+}

index.html

@@ -0,0 +1,116 @@
+---
+# Feel free to add content and custom Front Matter to this file.
+# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
+
+layout: home
+---
+
+<div id="home-page">
+  <div class="content">
+    <img src="/assets/images/blinka-computer.png" srcset="/assets/images/blinka-computer.png 1x,
+                                 /assets/images/blinka-computer@2x.png 2x,
+                                 /assets/images/blinka-computer@3x.png 3x" alt="Blinka at a computer">
+    <h1>The easiest way to program microcontrollers</h1>
+    <p>
+      CircuitPython is a programming language designed to simplify experimenting
+      and learning to program on low-cost microcontroller boards. It makes getting
+      started easier than ever with no upfront desktop downloads needed. Once you
+      get your board set up, open any text editor, and get started editing code.
+      It's that simple.
+    </p>
+    <p>
+      <a href="https://learn.adafruit.com/welcome-to-circuitpython">Get started with CircuitPython &gt;</a>
+    </p>
+    <hr />
+    <img src="/assets/images/python.png" srcset="/assets/images/python.png 1x,
+                                 /assets/images/python@2x.png 2x,
+                                 /assets/images/python@3x.png 3x"  alt="Python Logo">
+    <h1>CircuitPython is based on Python</h1>
+    <p>
+      Python is the fastest growing programming language. It's taught in schools
+      and universities. It's a high-level programming language which means it's
+      designed to be easier to read, write and maintain. It supports modules and
+      packages which means it's easy to reuse your code for other projects. It has
+      a built in interpreter which means there are no extra steps, like compiling,
+      to get your code to work. And of course, Python is Open Source Software
+      which means it's free for anyone to use, modify or improve upon.
+    </p>
+    <p>
+      CircuitPython adds hardware support to all of these amazing features. If you
+      already have Python knowledge, you can easily apply that to using
+      CircuitPython. If you have no previous experience, it's really simple to
+      get started!
+    </p>
+    <hr />
+    <img src="/assets/images/microcontrollers.png" srcset="/assets/images/microcontrollers.png 1x,
+                                 /assets/images/microcontrollers@2x.png 2x,
+                                 /assets/images/microcontrollers@3x.png 3x"  alt="Image of various microcontrollers">
+    <h1>Supported by your favorite microcontroller</h1>
+    <p>
+      CircuitPython is designed to run on microcontroller boards. A
+      microcontroller board is a board with a microcontroller chip that's
+      essentially an itty-bitty all-in-one computer. CircuitPython is easy to
+      use because all you need is that little board, a USB cable, and a computer
+      with a USB connection.
+    </p>
+    <p>
+      <a href="/downloads">Search for a compatible board</a>
+    </p>
+    <hr />
+    <h1>More reasons to use CircuitPython</h1>
+    <div class="home-table">
+      <div class="item">
+        <h3>Quick and Easy</h3>
+        <p>
+          Create a file, edit your code, save the file, and it runs immediately.
+          There is no compiling, no downloading and no uploading needed.
+        </p>
+      </div>
+      <div class="item">
+        <h3>Beginner Friendly</h3>
+        <p>
+          CircuitPython is designed with education in mind. It's easy to start
+          learning how to program and you get immediate feedback from the board.
+        </p>
+      </div>
+      <div class="item">
+        <h3>Easy Code Updates</h3>
+        <p>
+          Since your code lives on the disk drive, you can edit it whenever you
+          like, you can also keep multiple files around for easy experimentation.
+        </p>
+      </div>
+      <div class="item">
+        <h3>Serial Console + REPL</h3>
+        <p>
+          These allow for live feedback from your code and interactive programming.
+        </p>
+      </div>
+      <div class="item">
+        <h3>File Storage</h3>
+        <p>
+          The internal storage for CircuitPython makes it great for data-logging,
+          playing audio clips, and otherwise interacting with files.
+        </p>
+      </div>
+      <div class="item">
+        <h3>Strong Hardware Support</h3>
+        <p>
+          There are many libraries and drivers for sensors, breakout boards 
+          and other external components.
+        </p>
+      </div>
+    </div>
+    <hr />
+    <h1>Just the beginning...</h1>
+    <p>
+      CircuitPython continues to evolve, and is constantly being updated. We
+      welcome and encourage feedback from the community, and we incorporate this
+      into how we are developing CircuitPython. That's the core of the open source
+      concept. This makes CircuitPython better for you and everyone who uses it!
+    </p>
+    <p>
+      <a href="https://learn.adafruit.com/welcome-to-circuitpython">Get started with CircuitPython &gt;</a>
+    </p>
+  </div>
+</div>

index.md

@@ -1,8 +0,0 @@
----
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: home
----
-
-Landing Page Content