gentux-style-guide/dev-intro.html

<http://gentuxdesign.com>

---
layout: default
title: Developer Guide
permalink: /dev-intro/
---

<div class="bordered-bottom bordered-light
  pt-5 pt-md-5
  pb-4 pb-md-5 
  mb-5 mb-md-5
">
<div class="container">
  <div class="row">
    <div class="
      col-sm-7 col-sm-offset-1
      col-lg-6 col-lg-offset-1
    ">
      <h1 class="domd mb-3">
        <div class="h5">Developer</div>
        <div class="h1 domd">Introduction</div>
      </h1>

      <p>
        The complete Generation Tux style guide &amp; pattern library will eventually live here. It's going to be built up piece by piece following <a href="http://bradfrost.com/blog/post/atomic-web-design/">atomic design principles</a>. It's going to be a slow, messy process but we gotta start&nbsp;somewhere.
      </p>
    </div><!-- /col -->
  </div><!-- /row -->
</div><!-- /container -->
</div>


<div class="container">
  <div class="row">
    <div class="
      col-sm-10 col-sm-offset-1
    ">
      <h2 class="domd
        mt-5 mt-md-5
        mb-4
      ">Next Steps
      </h2>
    </div><!-- /col -->
  </div><!-- /row -->

  <div class="row">
    <div class="
      col-sm-10 col-sm-offset-1
    ">
      <a href="{{ site.baseurl }}/atoms/" class="
        panel-link
        link-style-clear d-block 
        p-4
        mb-4
      ">
        <h3 class="h4">Atoms</h3>
        <p>The core building blocks. Think typography, colors, buttons, etc.</p>
        <div class="text-right"><span class="glyphicon glyphicon-arrow-right"></span></div>
      </a>
      <a href="{{ site.baseurl }}/modules/" class="
        panel-link
        link-style-clear d-block 
        p-4
        mb-4
      ">
        <h3 class="h4">Modules</h3>
        <p>Componenets built up of atoms. Think navigation, hero and content sections, etc.</p>
        <div class="text-right"><span class="glyphicon glyphicon-arrow-right"></span></div>
      </a>
    </div>
  </div>
</div><!-- /container -->