Create gh-pages branch via GitHub

9 years ago · 153b091436
--- a/index.html
+++ b/index.html
@ -0,0 +1,138 @@
 <!doctype html>
 <html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Vim-makecols by leothelocust</title>

    <link rel="stylesheet" href="stylesheets/styles.css">
    <link rel="stylesheet" href="stylesheets/github-light.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="wrapper">
      <header>
        <h1>Vim-makecols</h1>
        <p>makecols.vim: converting lists to columns made simple</p>

        <p class="view"><a href="https://github.com/leothelocust/vim-makecols">View the Project on GitHub <small>leothelocust/vim-makecols</small></a></p>


        <ul>
          <li><a href="https://github.com/leothelocust/vim-makecols/zipball/master">Download <strong>ZIP File</strong></a></li>
          <li><a href="https://github.com/leothelocust/vim-makecols/tarball/master">Download <strong>TAR Ball</strong></a></li>
          <li><a href="https://github.com/leothelocust/vim-makecols">View On <strong>GitHub</strong></a></li>
        </ul>
      </header>
      <section>
        <h1>
 <a id="makecols" class="anchor" href="#makecols" aria-hidden="true"><span class="octicon octicon-link"></span></a>makecols</h1>

 <p>Makecols.vim is intended to easily convert lists into column based
 layouts.</p>

 <p>The easiest way to explain is with examples.</p>

 <p>Say you have a list of things (in this case numbers)</p>

 <pre><code>1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 </code></pre>

 <p>and you’d like it to look neater</p>

 <pre><code>1       2
 3       4
 5       6
 7       8
 9       10
 </code></pre>

 <p><a href="https://www.youtube.com/watch?v=Hm3JodBR-vs&amp;feature=youtu.be&amp;t=25s">That’s pretty neat</a></p>

 <h2>
 <a id="usage" class="anchor" href="#usage" aria-hidden="true"><span class="octicon octicon-link"></span></a>Usage</h2>

 <p>Here’s how you do it.</p>

 <p>Start with a list like above.</p>

 <pre><code>1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 </code></pre>

 <p>Then visual select the rows you’d like to make neat.</p>

 <p>Then type <code>mc</code> and viola! The data has automagically been reconstructed
 into a satisfactory arrangement.</p>

 <pre><code>1       2
 3       4
 5       6
 7       8
 9       10
 </code></pre>

 <p>You are now free of the worry caused by inadequate single column list layouts. Carry on.</p>

 <p>Additionally, you can do things like <code>3mcv</code> which would make 3 columns, and arrange to a vertical sorting like so:</p>

 <pre><code>1       5      9
 2       6      10
 3       7
 4       8
 </code></pre>

 <h2>
 <a id="installation" class="anchor" href="#installation" aria-hidden="true"><span class="octicon octicon-link"></span></a>Installation</h2>

 <p>If you don't have a preferred installation method, I recommend
 installing <a href="https://github.com/tpope/vim-pathogen">pathogen.vim</a>, and
 then simply copy and paste:</p>

 <pre><code>cd ~/.vim/bundle
 git clone git://github.com/leothelocust/vim-makecols.git
 </code></pre>

 <p>Once help tags have been generated, you can view the manual with
 <code>:help makecols</code>.</p>

 <h2>
 <a id="contributing" class="anchor" href="#contributing" aria-hidden="true"><span class="octicon octicon-link"></span></a>Contributing</h2>

 <p>Just pull, make some changes, and create a merge request.</p>

 <h2>
 <a id="license" class="anchor" href="#license" aria-hidden="true"><span class="octicon octicon-link"></span></a>License</h2>

 <p>Copyright (c) Levi Olson. Distribution under the same terms as Vim itself.
 See <code>:help license</code>.</p>
      </section>
      <footer>
        <p>This project is maintained by <a href="https://github.com/leothelocust">leothelocust</a></p>
        <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
      </footer>
    </div>
    <script src="javascripts/scale.fix.js"></script>
    
  </body>
 </html>
--- a/javascripts/scale.fix.js
+++ b/javascripts/scale.fix.js
@ -0,0 +1,17 @@
 var metas = document.getElementsByTagName('meta');
 var i;
 if (navigator.userAgent.match(/iPhone/i)) {
  for (i=0; i<metas.length; i++) {
    if (metas[i].name == "viewport") {
      metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
    }
  }
  document.addEventListener("gesturestart", gestureStart, false);
 }
 function gestureStart() {
  for (i=0; i<metas.length; i++) {
    if (metas[i].name == "viewport") {
      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
    }
  }
 }
--- a/params.json
+++ b/params.json
@ -0,0 +1 @@
 {"name":"Vim-makecols","tagline":"makecols.vim: converting lists to columns made simple","body":"makecols\r\n========\r\n\r\nMakecols.vim is intended to easily convert lists into column based\r\nlayouts.\r\n\r\nThe easiest way to explain is with examples.\r\n\r\nSay you have a list of things (in this case numbers)\r\n\r\n    1\r\n    2\r\n    3\r\n    4\r\n    5\r\n    6\r\n    7\r\n    8\r\n    9\r\n    10\r\n\r\nand you’d like it to look neater\r\n\r\n    1       2\r\n    3       4\r\n    5       6\r\n    7       8\r\n    9       10\r\n\r\n[That’s pretty neat](https://www.youtube.com/watch?v=Hm3JodBR-vs&feature=youtu.be&t=25s)\r\n\r\n\r\nUsage\r\n-----\r\nHere’s how you do it.\r\n\r\nStart with a list like above.\r\n    \r\n    1\r\n    2\r\n    3\r\n    4\r\n    5\r\n    6\r\n    7\r\n    8\r\n    9\r\n    10\r\n\r\nThen visual select the rows you’d like to make neat.\r\n\r\nThen type ```mc``` and viola! The data has automagically been reconstructed\r\ninto a satisfactory arrangement.\r\n\r\n\r\n    1       2\r\n    3       4\r\n    5       6\r\n    7       8\r\n    9       10\r\n\r\nYou are now free of the worry caused by inadequate single column list layouts. Carry on.\r\n\r\nAdditionally, you can do things like ```3mcv``` which would make 3 columns, and arrange to a vertical sorting like so:\r\n\r\n    1       5      9\r\n    2       6      10\r\n    3       7\r\n    4       8\r\n\r\nInstallation\r\n------------\r\n\r\nIf you don't have a preferred installation method, I recommend\r\ninstalling [pathogen.vim](https://github.com/tpope/vim-pathogen), and\r\nthen simply copy and paste:\r\n\r\n    cd ~/.vim/bundle\r\n    git clone git://github.com/leothelocust/vim-makecols.git\r\n\r\nOnce help tags have been generated, you can view the manual with\r\n`:help makecols`.\r\n\r\nContributing\r\n------------\r\n\r\nJust pull, make some changes, and create a merge request.\r\n\r\nLicense\r\n-------\r\n\r\nCopyright (c) Levi Olson. Distribution under the same terms as Vim itself.\r\nSee `:help license`.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
--- a/stylesheets/github-light.css
+++ b/stylesheets/github-light.css
@ -0,0 +1,116 @@
 /*
   Copyright 2014 GitHub Inc.

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

 */

 .pl-c /* comment */ {
  color: #969896;
 }

 .pl-c1      /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
 .pl-s .pl-v /* string variable */ {
  color: #0086b3;
 }

 .pl-e  /* entity */,
 .pl-en /* entity.name */ {
  color: #795da3;
 }

 .pl-s .pl-s1 /* string source */,
 .pl-smi      /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
  color: #333;
 }

 .pl-ent /* entity.name.tag */ {
  color: #63a35c;
 }

 .pl-k /* keyword, storage, storage.type */ {
  color: #a71d5d;
 }

 .pl-pds              /* punctuation.definition.string, string.regexp.character-class */,
 .pl-s                /* string */,
 .pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
 .pl-sr               /* string.regexp */,
 .pl-sr .pl-cce       /* string.regexp constant.character.escape */,
 .pl-sr .pl-sra       /* string.regexp string.regexp.arbitrary-repitition */,
 .pl-sr .pl-sre       /* string.regexp source.ruby.embedded */ {
  color: #183691;
 }

 .pl-v /* variable */ {
  color: #ed6a43;
 }

 .pl-id /* invalid.deprecated */ {
  color: #b52a1d;
 }

 .pl-ii /* invalid.illegal */ {
  background-color: #b52a1d;
  color: #f8f8f8;
 }

 .pl-sr .pl-cce /* string.regexp constant.character.escape */ {
  color: #63a35c;
  font-weight: bold;
 }

 .pl-ml /* markup.list */ {
  color: #693a17;
 }

 .pl-mh        /* markup.heading */,
 .pl-mh .pl-en /* markup.heading entity.name */,
 .pl-ms        /* meta.separator */ {
  color: #1d3e81;
  font-weight: bold;
 }

 .pl-mq /* markup.quote */ {
  color: #008080;
 }

 .pl-mi /* markup.italic */ {
  color: #333;
  font-style: italic;
 }

 .pl-mb /* markup.bold */ {
  color: #333;
  font-weight: bold;
 }

 .pl-md /* markup.deleted, meta.diff.header.from-file */ {
  background-color: #ffecec;
  color: #bd2c00;
 }

 .pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
  background-color: #eaffea;
  color: #55a532;
 }

 .pl-mdr /* meta.diff.range */ {
  color: #795da3;
  font-weight: bold;
 }

 .pl-mo /* meta.output */ {
  color: #1d3e81;
 }

--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@ -0,0 +1,255 @@
@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);

 body {
  padding:50px;
  font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#777;
  font-weight:300;
 }

 h1, h2, h3, h4, h5, h6 {
  color:#222;
  margin:0 0 20px;
 }

 p, ul, ol, table, pre, dl {
  margin:0 0 20px;
 }

 h1, h2, h3 {
  line-height:1.1;
 }

 h1 {
  font-size:28px;
 }

 h2 {
  color:#393939;
 }

 h3, h4, h5, h6 {
  color:#494949;
 }

 a {
  color:#39c;
  font-weight:400;
  text-decoration:none;
 }

 a small {
  font-size:11px;
  color:#777;
  margin-top:-0.6em;
  display:block;
 }

 .wrapper {
  width:860px;
  margin:0 auto;
 }

 blockquote {
  border-left:1px solid #e5e5e5;
  margin:0;
  padding:0 0 0 20px;
  font-style:italic;
 }

 code, pre {
  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
  color:#333;
  font-size:12px;
 }

 pre {
  padding:8px 15px;
  background: #f8f8f8;
  border-radius:5px;
  border:1px solid #e5e5e5;
  overflow-x: auto;
 }

 table {
  width:100%;
  border-collapse:collapse;
 }

 th, td {
  text-align:left;
  padding:5px 10px;
  border-bottom:1px solid #e5e5e5;
 }

 dt {
  color:#444;
  font-weight:700;
 }

 th {
  color:#444;
 }

 img {
  max-width:100%;
 }

 header {
  width:270px;
  float:left;
  position:fixed;
 }

 header ul {
  list-style:none;
  height:40px;

  padding:0;

  background: #eee;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
  background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
  background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);

  border-radius:5px;
  border:1px solid #d2d2d2;
  box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
  width:270px;
 }

 header li {
  width:89px;
  float:left;
  border-right:1px solid #d2d2d2;
  height:40px;
 }

 header ul a {
  line-height:1;
  font-size:11px;
  color:#999;
  display:block;
  text-align:center;
  padding-top:6px;
  height:40px;
 }

 strong {
  color:#222;
  font-weight:700;
 }

 header ul li + li {
  width:88px;
  border-left:1px solid #fff;
 }

 header ul li + li + li {
  border-right:none;
  width:89px;
 }

 header ul a strong {
  font-size:14px;
  display:block;
  color:#222;
 }

 section {
  width:500px;
  float:right;
  padding-bottom:50px;
 }

 small {
  font-size:11px;
 }

 hr {
  border:0;
  background:#e5e5e5;
  height:1px;
  margin:0 0 20px;
 }

 footer {
  width:270px;
  float:left;
  position:fixed;
  bottom:50px;
 }

@media print, screen and (max-width: 960px) {

  div.wrapper {
    width:auto;
    margin:0;
  }

  header, section, footer {
    float:none;
    position:static;
    width:auto;
  }

  header {
    padding-right:320px;
  }

  section {
    border:1px solid #e5e5e5;
    border-width:1px 0;
    padding:20px 0;
    margin:0 0 20px;
  }

  header a small {
    display:inline;
  }

  header ul {
    position:absolute;
    right:50px;
    top:52px;
  }
 }

@media print, screen and (max-width: 720px) {
  body {
    word-wrap:break-word;
  }

  header {
    padding:0;
  }

  header ul, header p.view {
    position:static;
  }

  pre, code {
    word-wrap:normal;
  }
 }

@media print, screen and (max-width: 480px) {
  body {
    padding:15px;
  }

  header ul {
    display:none;
  }
 }

@media print {
  body {
    padding:0.4in;
    font-size:12pt;
    color:#444;
  }
 }