GPS 2.1

by Laurie Skelly

HTML

<header>
      <h1>GitHub: Git Cheat Sheet</h1>
      <p>Git is the open source distributed version control system that
        facilitates GitHub activities on your laptop or desktop.
        This cheat sheet summarizes commonly used Git command line
        instructions for quick reference.</p>
    </header>

    <section class="column-1">
      <article>
        <h2>INSTALL GIT</h2>
        <p>GitHub provides desktop clients that include a graphical user
        interface for the most common repository actions and an automatically
        updating command line edition of Git for advanced scenarios.</p>
        <ul>
          <li><a href="https://windows.github.com">GitHub for Windows</a></li>
          <li><a href="https://mac.github.com">GitHub for Mac</a></li>
          <li><a href="http://git-scm.com">Git for All Platforms</a></li>
        </ul>

        Git distributions for Linux and POSIX systems are available on the
        official Git SCM web site.
      </article>

      <article>
        <h2>CONFIGURE TOOLING</h2>
        <p>Configure user information for all local repositories</p>
        <p> To see a summary of each command, click it.</p>

        <details>
          <summary><code>$ git config --global user.name "[name]"</code></summary>
          <p>Sets the name you want attached to your commit transactions</p>
        </details>

        <details>
          <summary><code>$ git config --global user.email "[email address]"</code></summary>
          <p>Sets the email you want atached to your commit transactions</p>
        </details>

        <details>
          <summary><code>$ git config --global color.ui auto</code></summary>
          <p>Enables helpful colorization of command line output</p>
        </details>
      </article>

      <article>
        <h2>CREATE REPOSITORIES</h2>
        <p>Start a new repository or obtain one from an existing URL</p>

        <details>
          <summary><code>$ git init [project-name]</code></summary>
  ...

CSS

header{
  background-color: lightsteelblue;
}
.column-1{
  float:left;
  width:50%;
  background-color: darkslategray;
}
.column-2{
  float:left;
  width:50%;
  background-color: darkgreen;
}
footer{
  clear:both;
  background-color: gold;
}

JavaScript

// http://kininarunet.com/wp-content/uploads/2012/10/HTML-Color-Names-1.jpg