-<:
-use utf8;
-use strict;
-use warnings;
-no warnings 'qw'; # you know what you doing
-no warnings 'uninitialized'; # save some useless checks for more legible code
-
-our $VERSION = '1.0';
-
-our $ascii = 0;
-if (exists $get{ascii}) {
- $ascii = $get{ascii} ne '0'; # manual override
-} elsif (defined $ENV{HTTP_ACCEPT_CHARSET}) {
- $ascii = 1;
- for (split q{,}, $ENV{HTTP_ACCEPT_CHARSET}) {
- $ascii = 0, last if $_ eq '*' or m{utf-?8}i;
- }
-}
-
-my $charset = $ascii ? 'us-ascii' : 'utf-8';
-my $ctype = "text/html; charset=$charset";
-$header{content_type} = $ctype;
+<(common.inc.plp)><:
+
+Html({
+ title => 'vimperator cheat sheet',
+ version => '1.2',
+ description => [
+ "Interactive cheat sheet for the Vimperator Firefox extension,",
+ "describing the function of each key.",
+ ],
+ keywords => [qw'
+ vimperator firefox vim iceweasel sheet cheat reference overview
+ commands keyboard browser
+ '],
+ stylesheet => [qw( light dark circus mono red )],
+ keys => 1,
+});
-:><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-
-<head>
-<title>vimperator cheat sheet</title>
-<meta http-equiv="content-type" content="<:= $ctype :>">
-<link rel="stylesheet" type="text/css" media="all" href="base.css">
-<!--[if lte IE 6]><style> .help dl.legend dt {margin:0 0 1px} </style><![endif]-->
-<!--[if lte IE 7]><style> .help dl.legend dd {float:none} </style><![endif]--><:
- my %styles = map {$_ => $_} qw(dark circus mono red terse);
- our $style = exists $get{style} && $styles{$get{style}} || 'light';
- printf(qq{\n<link rel="%s" type="text/css" media="all" href="%s" title="%s">},
- $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_
- ) for keys %styles;
-
- our $showkeys = exists $get{keys} && $get{keys} ne '0';
- print "\n<style> .no {visibility:hidden} </style>" unless $showkeys;
- print "\n<style> .no, .alias {opacity:.5} </style>"
- if $showkeys and $get{keys} eq 'ghost';
:>
-<link rel="vcs" type="git" href="git://dev.shiar.nl/sheet">
-
-<script><!--
-function setmode(classname) {
- // set style for each #rows>li>ul>li to display:none unless it matches classname
- var showclass = classname ? ' '+classname+'(?!\\w)' : '^$';
- var parentskip = /^keys/;
- var row = document.getElementById('rows').firstChild;
- do {
- if (row.tagName == 'LI' && row.firstChild.tagName == 'UL'
- && !row.firstChild.className.match(parentskip)) {
- var el = row.firstChild.firstChild;
- if (el) do {
- if (el.tagName == 'LI') {
- el.style.display = el.className.match(showclass) ? 'block' : 'none';
- }
- } while (el = el.nextSibling);
- }
- } while (row = row.nextSibling);
-
- // update H2 to reflect the first part of a currently active (but hidden) H3
- var h3s = document.getElementsByTagName('H3');
- for (var i = 0; i < h3s.length; i++) {
- if (h3s[i].parentNode.style.display != 'block') continue;
- document.getElementsByTagName('H2')[0].innerHTML = h3s[i].firstChild.data;
- }
-} // setmode
-//--></script>
-
-<body id="vimperator">
-
<h1>Vimperator cheat sheet</h1>
<h2>normal mode (default)</h2>
-<ul id="rows">
-
-<li class="row">
- <ul class="keys omni">
- <li class="mv" onclick="setmode()"><b>Esc</b> normal mode
- <!-- not as static anymore, but never bothered; just see ^[ -->
- </ul>
-</li>
-
<:
-our %sign = (
- arg => $ascii ? '.' : '·', # described as 'dot'
- args => $ascii ? ':' : '⁚', # described as 'two dots'
- alias => $ascii ? 'see: ' : '»',
- up => $ascii ? 'up' : '▲',
- right => $ascii ? 'right' : '▶',
- down => $ascii ? 'down' : '▼',
- left => $ascii ? 'left' : '◀',
- sep => $ascii ? '*' : '•',
- _ => exists $get{ascii} && !$ascii ? "\x{200b}" : '<wbr>',
- # use the correct ZWNJ only when unicode is forced on
- # default to use unofficial html for best support
-);
-
-use Shiar_Sheet::Keyboard;
-my $keys = Shiar_Sheet::Keyboard->new({do 'vimperator.inc.pl'});
+use Shiar_Sheet::Keyboard 2;
+my $info = do 'vimperator.eng.inc.pl' or die $@;
+$info->{def} = do 'vimperator.inc.pl';
+$_->{"\e"} = ['mv mode', "normal mode"] for values %{ $info->{def} };
+delete $info->{def}->{''}->{"\e"};
+my $keys = Shiar_Sheet::Keyboard->new($info);
$keys->map($get{map}) or undef $get{map};
-$keys->print_rows($get{static});
+$keys->print_rows($get{rows});
:>
-</ul>
<hr>
<div class="help">
<div class="left">
- <dl class="legend legend-types">
- <dt class="ci">info
- <dd>Displays something without any permanent consequences.
- <dt class="pm">motion
- <dd>Move cursor, scroll window, focus buffer element.
- <dt class="po">tab
- <dd>Tab or window navigation/selection.
- <dt class="co">buffer
- <dd>Page interaction.
- <dt class="cp">open
- <dd>Browse to a location in the current tab.
- <dt class="mi">tab open
- <dd>Browse somewhere in a new tab.
- <dt class="mo">browser
- <dd>Other browser action.
- <dt class="mv">mode
- <dd>Enter a different mode.
- <dt class="me">key cmd
- <dd>Additional key commands (click for overview).
- </dl>
+<: $keys->print_legend('legend-types', ['g1' .. 'g9']) :>
</div>
<div class="right">
- <dl class="legend legend-options">
- <dt>key<:= $sign{arg} :>
- <dd>Commands with a dot need a char argument afterwards.
- <dt>key<:= $sign{args} :>
- <dd>Commands with two dots require variable arguments afterwards.
- </dl>
+<: $keys->print_legend('legend-options', [qw( arg args )]) :>
<ul class="legend legend-set">
<li>keyboard <strong>map</strong> is
<:= $get{map} ? 'set to ' : '' :><em><:= $keys->{map} :></em>
- <li><strong>ascii</strong> mode is
- <:= exists $get{ascii} && 'forced ' :><em><:=
- $ascii ? 'on' : 'off' :></em>
<li><strong>keys</strong> are
<em><:= $showkeys ? 'always shown' : 'hidden if unassigned' :></em><:=
!exists $get{keys} && ' by default' :>
</div>
</div>
-<p class="footer">
- <a href="http://sheet.shiar.nl/vimperator">sheet.shiar.nl<strong>/vimperator</strong></a>
- <a href="git://dev.shiar.nl/sheet"><:= "v$VERSION" :></a>
- created by Shiar <:= $sign{sep} :>
- <a title="Licensed under the GNU Affero General Public License, version 3"
- href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">AGPLv3</a> <:= $sign{sep} :>
- last update <:
- use Time::Format qw(time_format);
- print time_format('yyyy-mm-dd', (stat 'vimperator.inc.pl')[9]);
- :>
-</p>
-
-</html>
git.shiar.nl / sheet.git / blobdiff