---
layout: layout.liquid
---

<div>
  <div class="container flex-adaptive">
    <div class="flex-1 home-text">
      <div>
        <h1 class="color-teal">Cyper's Blog</h1>
        <p>Where you can experience stories <span class="">side-by-side</span> with <span class="">Cyper</span></p>
      </div>
    </div>
    <div class="flex-1 home-grid-container">
      <div class="home-grid">
        <div class="fill-background fill-teal border-round-1 border-round-tl border-round-bl"></div>
        <div class="fill-black diamond"></div>
        <div class="fill-background fill-brown border-round-2 border-round-tr"></div>

        <div class="fill fill-tan">
          <div>
            {% squareSvg 10 %}
          </div>
        </div>
        <div class="fill-background fill-lightblue border-round border-round-2"></div>
        <div class="fill-background fill-brown border-round-2 border-round-br"></div>

        <div class="fill-background fill-tan border-round-1 border-round-tl border-round-tr border-round-bl"></div>
        <div class="fill fill-lightblue">
          {% triangleSvg 12 %}
        </div>
        <div class="fill-background fill-tan border-round-2 border-round-tr"></div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="container featured">
    <h1>Featured Posts</h1>
    <div>
      <div>
        <img src="https://dummyimage.com/1280x720/fff/aaa" alt="Featured Post Image" />
      </div>
      <div>
        <h2>Latest Post Title Goes Here</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias nisi dolorem velit facere ea? Fugit dolor libero dolorem laborum sapiente labore quidem eos, ratione deleniti. Hic sunt ea aspernatur iusto!</p>
        <a href="#">Read more...</a>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="container about">
    <h1>The Skinny</h1>
    <div>
      <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut dolore, architecto voluptates eaque minima doloremque aperiam quaerat quidem veniam animi earum debitis suscipit cum quod sint laudantium, dolores tempore aut. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut dolore, architecto voluptates eaque minima doloremque aperiam quaerat quidem veniam animi earum debitis suscipit cum quod sint laudantium, dolores tempore aut.</p>
      <br>
      <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut dolore, architecto voluptates eaque minima doloremque aperiam quaerat quidem veniam animi earum debitis suscipit cum quod sint laudantium, dolores tempore aut.</p>
    </div>
  </div>
</div>