add meta data (language, description, keywords)
[sheet.git] / index.plp
index d3c03adb4af7c1c0551cab490be631237fb00118..d0a791f369ea2a588d168838b2d2700a8a5a8b2a 100644 (file)
--- a/index.plp
+++ b/index.plp
@@ -3,20 +3,17 @@
 
 :><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
-<html>
+<html lang="en">
 
 <head>
 <meta http-equiv="content-type" content="<:= $header{content_type} :>">
 <title>cheat sheets</title>
+<meta name="description" content="Cheat sheets summarising various software programs and standards.">
+<meta name="keywords" content="sheet, cheat, reference, software, overview, summary, help, keyboard, map, unicode">
 <:= stylesheet(qw'light dark red') :>
-<style type="text/css">
-       ul {
-               margin-bottom: 1ex;
-       }
-</style>
 </head>
 
-<body id="vim">
+<body id="index">
 
 <h1>Shiar's cheat sheets</h1>
 
@@ -28,6 +25,7 @@ Originally created by Mischa <span style="font-variant:small-caps">Poslawsky</sp
 but you're free to use, print, alter, and redistribute under the AGPL license.
 </p>
 
+<div class="section">
 <h2>Keyboard maps</h2>
 <ul>
 <li><a href="/readline">readline</a>
@@ -37,13 +35,16 @@ but you're free to use, print, alter, and redistribute under the AGPL license.
 <li><a href="/nethack">nethack</a>
 <li><a href="/mplayer">mplayer</a>
 </ul>
+</div>
 
+<div class="section">
 <h2>Unicode characters</h2>
 <ul>
 <li><a href="/digraphs">digraphs</a>
 <li><a href="/charset">charsets</a>
 <li><a href="/unicode">common glyphs</a>
 </ul>
+</div>
 
 <p class="footer">
        <a href="http://sheet.shiar.nl/" rel="home">sheet.shiar.nl</a>/index.<a