-
Notifications
You must be signed in to change notification settings - Fork 0
Example 1
wmadden edited this page Sep 13, 2010
·
1 revision
This document was used to generate the Proteus homepage.
Document:
title: Proteus Homepage
head:
- Stylesheets:
- yui-2.6.0/reset-fonts-grids
- base
- formatting
hd:
- H1: Welcome to the Proteus Homepage
bd:
- H2: What is Proteus?
- Text:
- Proteus is an abstraction layer above document markup (aimed at HTML/CSS, but
implementation independent).
- For example, <a href="index.pro">this code</a> produced this document.
- H2: Proteus Goals
- NumberedList:
- > Content-orientation: we should be describing content, not the
structure used to display it
- > Human-readability: it should be easy for a human to write documents,
and hence easy to maintain them
- > Implementation independence: since we're content-oriented, it should
be possible to output HAML, or XML, or plain-text instead of hardwired XHTML
- > Extensibility: it should be possible to easily extend the solution to
handle new behaviour, as it is required
- H2: How can I find out more?
- Text: Visit <a href="http://rubyforge.org/projects/proteus">RubyForge</a>
- Text: or visit <a href="http://projects.willmadden.com/projects/show/bob">Proteus Redmine</a>
Which appears as follows (more or less – I fixed up the indentation so the example would be readable).
<!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 http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>
Proteus Homepage
</title>
<link rel="stylesheet" type="text/css" href="css/yui-2.6.0/reset-fonts-grids.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/base.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/formatting.css" media="screen" />
</head>
<body>
<div id="doc">
<div id="hd" class="content">
<h1>Welcome to the Proteus Homepage</h1>
</div>
<div id="bd" class="content">
<h2>What is Proteus?</h2>
<p>
Proteus is an abstraction layer above document markup (aimed at HTML/CSS, but implementation independent).
</p>
<p>
For example, <a href="index.pro">this code</a> produced this document.
</p>
<h2>Proteus Goals</h2>
<ol>
<li>
Content-orientation: we should be describing content, not the structure used to display it
</li>
<li>
Human-readability: it should be easy for a human to write documents, and hence easy to maintain them
</li>
<li>
Implementation independence: since we're content-oriented, it should be possible to output HAML, or XML, or plain-text instead of hardwired XHTML
</li>
<li>
Extensibility: it should be possible to easily extend the solution to handle new behaviour, as it is required
</li>
</ol>
<h2>How can I find out more?</h2>
<p>
Visit <a href="http://rubyforge.org/projects/proteus">RubyForge</a>
</p>
<p>
or visit <a href="http://projects.willmadden.com/projects/show/bob">Proteus Redmine</a>
</p>
</div>
<div id="ft" class="content">
</div>
</div>
</body>
</html>