index.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Septik by nurlan</title>

    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/pygment_trac.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/septik.js"></script>
    
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-39012327-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

      function get_result() {
        if(jQuery('#word').val().length > 0) {
          jQuery('#div-word').removeClass('error');
          jQuery('#div-word span').hide();

          var result = all_septe(jQuery('#word').val());
          
          jQuery('#g-cases tbody tr').each(function(index) {
            jQuery(this).find('td').eq(3).text(result[index]);
          });
        }
        else {
          jQuery('#div-word').addClass('error');
          jQuery('#div-word span').show();
        }
      }
    </script>
  </head>
  <body>
    <div class="wrapper">
      <header>
        <h1>Septik</h1>
        <p>Septik - (Kazakh grammatical cases) a lightweight javascript library targeted at developers and front-end developers. Its core is a super-fast. It's open-source and distributed under the Apache license. &quot;septik&quot; runs in any web-browsers which supports javascript.</p>

        <p class="view"><a href="https://github.com/nurlan/septik">View the Project on GitHub <small>nurlan/septik</small></a></p>


        <ul>
          <li><a href="https://github.com/nurlan/septik/zipball/master">Download <strong>ZIP File</strong></a></li>
          <li><a href="https://github.com/nurlan/septik/tarball/master">Download <strong>TAR Ball</strong></a></li>
          <li><a href="https://github.com/nurlan/septik">View On <strong>GitHub</strong></a></li>
        </ul>
      </header>
      <section>
        <h3>Септік</h3>

        <label class="control-label" for="word">Сөз:</label>
        <div class="control-group" id="div-word">
          <div class="controls">
            <input type="text" placeholder="Сөзді теріңіз…" id="word">
            <span class="help-inline" style="display: none;">Алдымен сөзді теріңіз…...</span>
          </div>
        </div>
        <span class="help-block">Мысалы: Кітап</span>

        <button class="btn" onclick="get_result()">Септе</button>

        <h3>Септіктер</h3>
        <table class="table table-striped" id="g-cases">
          <thead>
            <tr>
              <th>#</th>
              <th>Атауы</th>
              <th>Сұрағы</th>
              <th>Сөзі</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>Атау</td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>2</td>
              <td>Ілік</td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>3</td>
              <td>Барыс</td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>4</td>
              <td>Табыс</td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>5</td>
              <td>Жатыс</td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>6</td>
              <td>Шығыс</td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>7</td>
              <td>Көмектес</td>
              <td></td>
              <td></td>
            </tr>
          <tbody>
        </table>

        <h3>Welcome to GitHub Pages.</h3>

<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:</p>

<pre><code>$ cd your_repo_root/repo_name
$ git fetch origin
$ git checkout gh-pages
</code></pre>

<p>If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.</p>

<h3>Designer Templates</h3>

<p>We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.</p>

<h3>Rather Drive Stick?</h3>

<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>

<h3>Authors and Contributors</h3>

<p>You can <a href="https://github.com/blog/821" class="user-mention">@mention</a> a GitHub username to generate a link to their profile. The resulting <code>&lt;a&gt;</code> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (<a href="https://github.com/defunkt" class="user-mention">@defunkt</a>), PJ Hyett (<a href="https://github.com/pjhyett" class="user-mention">@pjhyett</a>), and Tom Preston-Werner (<a href="https://github.com/mojombo" class="user-mention">@mojombo</a>) founded GitHub.</p>

<h3>Support or Contact</h3>

<p>Having trouble with Pages? Check out the documentation at <a href="http://help.github.com/pages">http://help.github.com/pages</a> or contact <a href="mailto:support@github.com">support@github.com</a> and we’ll help you sort it out.</p>
      </section>
      <footer>
        <p>This project is maintained by <a href="https://github.com/nurlan">nurlan</a></p>
        <p><small>Thanks to <b>Dinara Omirbekova</b></small></p>
      </footer>
    </div>
    <script src="js/scale.fix.js"></script>
    
  </body>
</html>