index.html

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="UTF-8">
    <title>Zodiac by rcjsuen</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
  </head>
  <body>
    <section class="page-header">
      <h1 class="project-name"><image class="mobileHide" src="images/logo.png"></image><span class="mobileShow">Zodiac</span></h1>
      <h2 class="project-tagline">Zodiac is an application backed by HTML5 and JavaScript for studying English.</h2>
      <a href="https://github.com/rcjsuen/zodiac" class="btn">View on GitHub</a>
      <a href="https://github.com/rcjsuen/zodiac/zipball/master" class="btn">Download .zip</a>
      <a href="https://github.com/rcjsuen/zodiac/tarball/master" class="btn">Download .tar.gz</a>
    </section>

    <section class="main-content">
      <h3>
<a id="about" class="anchor" href="#about" aria-hidden="true"><span class="octicon octicon-link"></span></a>About</h3>

<p>Zodiac was born when I realized just how hard it was for some of my students to spell out English words. Flashcards are portable but they cannot be easily shared. Zodiac provides a way for people to easily create and share flashcards due to the simple format of the input files.</p>

<h3>
<a id="try" class="anchor" href="#try" aria-hidden="true"><span class="octicon octicon-link"></span></a>Try</h3>

<p>Interested in giving Zodiac a whirl? Click <a href="flashcard.html">here</a> to begin! Please note that Zodiac is currently only localized in Japanese.</p>

<h3>
<a id="support-and-contact" class="anchor" href="#support-and-contact" aria-hidden="true"><span class="octicon octicon-link"></span></a>Support and Contact</h3>

<p>If you have any feedback, suggestions, or bugs to report about Zodiac, please contact <a href="https://github.com/rcjsuen" class="user-mention">@rcjsuen</a> or visit <a href="https://github.com/rcjsuen/zodiac">Zodiac's GitHub page</a>.</p>

      <footer class="site-footer">
        <span class="site-footer-owner"><a href="https://github.com/rcjsuen/zodiac">Zodiac</a> is maintained by <a href="https://github.com/rcjsuen">rcjsuen</a>.</span>

        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
      </footer>

    </section>

            <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
          </script>
          <script type="text/javascript">
            try {
              var pageTracker = _gat._getTracker("UA-57159875-2");
            pageTracker._trackPageview();
            } catch(err) {}
          </script>

  </body>
</html>