vi.plp

   1 <(common.inc.plp)><:
   2
   3 Html({
   4         title => 'vi cheat sheet',
   5         version => 'v1.3',
   6         description => [
   7                 "Interactive cheat sheet for vi text editors, notably Vim,",
   8                 "describing each key in various modes.",
   9         ],
  10         keywords => [qw'
  11                 vi vim nvi sheet cheat reference overview commands keyboard
  12         '],
  13         charset => $sign{charset},
  14         stylesheet => [qw'light dark circus mono red terse'],
  15         keys => 1,
  16 });
  17
  18 :>
  19 <h1>vi/vim cheat sheet</h1>
  20
  21 <h2>normal mode (default)</h2>
  22
  23 <ul id="rows">
  24
  25 <li class="row">
  26         <ul class="keys omni">
  27         <li class="mo chr27" onclick="setmode()"><b>Esc</b> normal mode
  28                 <!-- not as static anymore, but never bothered; just see ^[ -->
  29         </ul>
  30 </li>
  31
  32 <:
  33 use Shiar_Sheet::Keyboard 2;
  34 my $info = do 'vi.eng.inc.pl' or die $@;
  35 $info->{def} = do 'vi.inc.pl';
  36 my $keys = Shiar_Sheet::Keyboard->new($info);
  37 $keys->map($get{map}) or undef $get{map};
  38 $keys->print_rows($get{rows});
  39 :>
  40 </ul>
  41
  42 <hr>
  43
  44 <div class="help">
  45         <div class="left">
  46 <:
  47                 $keys->print_legend('legend-types', [qw'ci pm po co mi mo mv me']);
  48 :>
  49         </div>
  50
  51         <div class="right">
  52 <:
  53                 $keys->print_legend('legend-options', [qw'arg motion', 'ext vim6', 'ext new vim7']);
  54 :>
  55
  56                 <ul class="legend legend-set">
  57                 <li>keyboard <strong>map</strong> is
  58                         <:= $get{map} ? 'set to ' : '' :><em><:= $keys->{map} :></em>
  59                 <li><strong>ascii</strong> mode is
  60                         <:= defined $sign{-ascii} && 'forced ' :><em><:=
  61                                 $sign{-ascii} ? 'on' : 'off' :></em>
  62                 <li><strong>keys</strong> are
  63                         <em><:= $showkeys ? 'always shown' : 'hidden if unassigned' :></em><:=
  64                                 !defined $showkeys && ' by default' :>
  65                 <li>default <strong>style</strong> is
  66                         <:= defined $get{style} && 'set to ' :><em><:= $style :></em>
  67                 </ul>
  68         </div>
  69 </div>
  70