vim.plp

   1 <:
   2 use utf8;
   3 use strict;
   4 use warnings;
   5 no  warnings 'qw';  # you know what you doing
   6 no  warnings 'uninitialized';  # save some useless checks for more legible code
   7
   8 our $VERSION = '1.2';
   9
  10 our $ascii = 0;
  11 if (exists $get{ascii}) {
  12         $ascii = $get{ascii} ne '0';  # manual override
  13 } elsif (defined $ENV{HTTP_ACCEPT_CHARSET}) {
  14         $ascii = 1;
  15         for (split q{,}, $ENV{HTTP_ACCEPT_CHARSET}) {
  16                 $ascii = 0, last if $_ eq '*' or m{utf-?8}i;
  17         }
  18 }
  19
  20 my $charset = $ascii ? 'us-ascii' : 'utf-8';
  21 my $ctype = "text/html; charset=$charset";
  22 $header{content_type} = $ctype;
  23
  24 :><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  25  "http://www.w3.org/TR/html4/loose.dtd">
  26 <html>
  27
  28 <head>
  29 <title>vi cheat sheet</title>
  30 <meta http-equiv="content-type" content="<:= $ctype :>">
  31 <link rel="stylesheet" type="text/css" media="all" href="base.css">
  32 <!--[if lte IE 6]><style> .help dl.legend dt {margin:0 0 1px} </style><![endif]-->
  33 <!--[if lte IE 7]><style> .help dl.legend dd {float:none} </style><![endif]--><:
  34         my %styles = map {$_ => $_} qw(dark circus mono terse);
  35         our $style = exists $get{style} && $styles{$get{style}} || 'light';
  36         printf(qq{\n<link rel="%s" type="text/css" media="all" href="%s" title="%s">},
  37                 $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_
  38         ) for keys %styles;
  39
  40         our $showkeys = exists $get{keys} && $get{keys} ne '0';
  41         print "\n<style> .no {visibility:hidden} </style>" unless $showkeys;
  42         print "\n<style> .no, .alias {opacity:.5} </style>"
  43                 if $showkeys and $get{keys} eq 'ghost';
  44 :>
  45 <link rel="vcs" type="git" href="git://dev.shiar.nl/sheet">
  46
  47 <script><!--
  48 function setmode(classname) {
  49         // set style for each #rows>li>ul>li to display:none unless it matches classname
  50         var showclass = classname ? ' '+classname+'(?!\\w)' : '^$';
  51         var parentskip = /^keys/;
  52         var row = document.getElementById('rows').firstChild;
  53         do {
  54                 if (row.tagName == 'LI' && row.firstChild.tagName == 'UL'
  55                 && !row.firstChild.className.match(parentskip)) {
  56                         var el = row.firstChild.firstChild;
  57                         if (el) do {
  58                                 if (el.tagName == 'LI') {
  59                                         el.style.display = el.className.match(showclass) ? 'block' : 'none';
  60                                 }
  61                         } while (el = el.nextSibling);
  62                 }
  63         } while (row = row.nextSibling);
  64
  65         // update H2 to reflect the first part of a currently active (but hidden) H3
  66         var h3s = document.getElementsByTagName('H3');
  67         for (var i = 0; i < h3s.length; i++) {
  68                 if (h3s[i].parentNode.style.display != 'block') continue;
  69                 document.getElementsByTagName('H2')[0].innerHTML = h3s[i].firstChild.data;
  70         }
  71 } // setmode
  72 //--></script>
  73
  74 <body>
  75
  76 <h1>vi/vim cheat sheet</h1>
  77
  78 <h2>normal mode (default)</h2>
  79
  80 <ul id="rows">
  81
  82 <li class="row">
  83         <ul class="keys omni">
  84         <li class="mo" onclick="setmode()"><b>Esc</b> normal mode
  85                 <!-- not as static anymore, but never bothered; just see ^[ -->
  86         </ul>
  87 </li>
  88
  89 <:
  90 our %sign = (
  91         arg    => $ascii ? '.' : '·',  # described as 'dot'
  92         motion => $ascii ? '|' : '↕',
  93         alias  => $ascii ? 'see: ' : '»',
  94         up     => $ascii ? 'up'    : '▲',
  95         right  => $ascii ? 'right' : '▶',
  96         down   => $ascii ? 'down'  : '▼',
  97         left   => $ascii ? 'left'  : '◀',
  98         sep    => $ascii ? '*'     : '•',
  99         _      => exists $get{ascii} && !$ascii ? "\x{200b}" : '<wbr>',
 100                 # use the correct ZWNJ only when unicode is forced on
 101                 # default to use unofficial html for best support
 102 );
 103
 104 use Shiar_Sheet::Keyboard;
 105 my $keys = Shiar_Sheet::Keyboard->new({do 'vim.inc.pl'});
 106 $keys->map($get{map}) or undef $get{map};
 107 $keys->print_rows($get{static});
 108 :>
 109 </ul>
 110
 111 <hr>
 112
 113 <div class="help">
 114         <div class="left">
 115                 <dl class="legend legend-types">
 116                 <dt class="ci">info
 117                         <dd>Info command: shows/does something without altering anything.
 118                 <dt class="pm">motion
 119                         <dd>Moves the cursor, or defines the range for an operator (<:= $sign{motion} :>).
 120                 <dt class="po">positioning
 121                         <dd>Other movement (jumps, window (re)positioning).
 122                 <dt class="co">command
 123                         <dd>Direct action command.
 124                 <dt class="mi">ins mode
 125                         <dd>Enters Insert or Replace mode.
 126                 <dt class="mo">mode
 127                         <dd>Enters a different mode.
 128                 <dt class="mv">vis mode
 129                         <dd>Enters Visual or Select mode.
 130                 <dt class="me">key cmd
 131                         <dd>Additional key commands (click for overview).
 132                 </dl>
 133         </div>
 134
 135         <div class="right">
 136                 <dl class="legend legend-options">
 137                 <dt>key<:= $sign{arg} :>
 138                         <dd>Commands with a dot need a char argument afterwards.
 139                 <dt>key<:= $sign{motion} :>
 140                         <dd>Requires a motion afterwards, operates between cursor and destination.
 141                 <dt class="vim">vim
 142                         <dd>Not in original Vi (assessment incomplete).
 143                 <dt class="vim7">vim7
 144                         <dd>New in vim version 7.x.
 145                 </dl>
 146
 147                 <ul class="legend legend-set">
 148                 <li>keyboard <strong>map</strong> is
 149                         <:= $get{map} ? 'set to ' : '' :><em><:= $keys->{map} :></em>
 150                 <li><strong>ascii</strong> mode is
 151                         <:= exists $get{ascii} && 'forced ' :><em><:=
 152                                 $ascii ? 'on' : 'off' :></em>
 153                 <li><strong>keys</strong> are
 154                         <em><:= $showkeys ? 'always shown' : 'hidden if unassigned' :></em><:=
 155                                 !exists $get{keys} && ' by default' :>
 156                 <li>default <strong>style</strong> is
 157                         <:= defined $get{style} && 'set to ' :><em><:= $style :></em>
 158                 </ul>
 159         </div>
 160 </div>
 161
 162 <p class="footer">
 163         <a href="http://sheet.shiar.nl/vim">sheet.shiar.nl<strong>/vim</strong></a>
 164         <a href="git://dev.shiar.nl/sheet"><:= "v$VERSION" :></a>
 165         created by Shiar <:= $sign{sep} :>
 166         <a title="Licensed under the GNU Affero General Public License, version 3"
 167            href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">AGPLv3</a> <:= $sign{sep} :>
 168         last update <:
 169                 use Time::Format qw(time_format);
 170                 print time_format('yyyy-mm-dd', (stat 'vim.inc.pl')[9]);
 171         :>
 172 </p>
 173
 174 </html>