LIPT demonstration page

A demonstration of the List Injection for Pre Tags proposal.

The two sections below show parts of this page. The first is a pure <pre> section. Choan's script parses the page (see his explanation), and injects an ol-list for any <pre><code> ... </code></pre> section.

The CSS used to style this ol.code is in the head of this page.

Created:
Feb. 19th, 2006
Author:
Ingo Chao
Scripting:
Choan C. Gálvez

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta name="generator" content="HTML Tidy for Mac OS X (vers 1 September 2005), see www.w3.org" />

    <title>LIPT test</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content="Ingo Chao" />
    <script src="js/lipt.js" type="text/javascript"></script>

<style type="text/css">
/*<![CDATA[*/

html {
    margin: 0;
    padding: 0;
    border: none;
    }

    /*...*/

/*]]>*/
</style>
</head>

<body>
    <div class="wrapper">
        <h1>LIPT demonstration page</h1>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta name="generator" content="HTML Tidy for Mac OS X (vers 1 September 2005), see www.w3.org" />

    <title>LIPT test</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content="Ingo Chao" />
    <script src="js/lipt.js" type="text/javascript"></script>

<style type="text/css">
/*<![CDATA[*/

html {
    margin: 0;
    padding: 0;
    border: none;
    }

    /*...*/

/*]]>*/
</style>
</head>

<body>
    <div class="wrapper">
        <h1>LIPT demonstration page</h1>