D theme for da Web

iDrupal UI is a stripped down version of content and markup for an iPod or iPhone and works with the iDrupal module.

Download iDrupal UI fromdrupal.org/project/idrupal_ui. This theme is version 6.x-1.x-dev from 2009-Mar-25, a 47.53 KB download.

The theme is designed to work with the iDrupal module and the iDrupal module requires a special application on the iPod or iPhone.

Remember WAP? WAP was an attempt by some stupid Americans to put the Internet on mobile phones after the Japanese had already solved the problem. WAP meant major changes to Web sites to make the pages work on Web phones. The Japanese did the reverse. They kept the Internet the same and changed their phones to fit the Internet. HTC introduced the modern computer phone with a large touch screen, a normal operating system, and everyday applications, including a Web browser. A couple of years later Apple releases a clone of the HTC without all the good features of the HTC and at double the price. You would expect the Apple product to at least work with the Internet. The description of the iDrupal module suggests the purchasers of the iPhone were again shortchanged if the phone needs a special application.

This theme is simple but it still puts headings at the top. When you read a book on your phone in a train, as tens of millions of Japanese did while other countries struggled to get a single WAP phone working, you want the content at the top and the less important menus at the bottom. In fact a lot of what you need was defined a long long time ago, many years before the invention of the Web, by people developing screen readers for early home computers.

This version validates as XHTML 1.0 Strict plus WCAG A, AA, and AAA plus US 508. Cynthia Says it is US508 and WAI compliant as far as a computer can check. Wave did not detect accessibility errors.

Example HTML

Here are example HTML elements to see how they are formatted by this theme.

<a href="?x">link 1</a>: link 1 This is a test of a link you have not visited. See how links are highlighted. Hover your mouse over this link to see any hover effects that might be used then select the link to see the link displayed as visited.

<a href="?y">link 2</a>: link 2 Leave this link unselected as a comparison link you have not visited.

<abbr title="abbreviation">abbr</abbr>: abbreviation

<acronym title="Cyclic Redundancy Checksum">CRC</acronym>: CRC

<blockquote cite="http://d-theme.com/blockquote" title="Example title">blockquote</blockquote>:

blockquote

<cite>cite</cite>: cite

<code>code</code>: code

<div>div</div>:

<form> and <input>: The the comments form at the end of this page (if you are logged in).

<em>em</em>: em

<h1>h1</h1> is usually the top heading in the page. Repeating h1 in this test would break heading nesting.

<h2>h2</h2>:

h2

<h3>h3</h3>:

h3

<h4>h4</h4>:

h4

<h5>h5</h5>:

h5

<h6>h6</h6>:

h6

<hr />:

<ol><li>li</li></ol>:

1. li

<p>paragraph</p>:

paragraph

<pre>.h3
      {
      font-size: 1.17em;
      }</pre>

.h3
      {
      font-size: 1.17em;
      }

<q>quote</q>: quote

<span>span</span>: span

<strong>strong</strong>: strong

<table><thead><tr><td>th1</td><td>th2</td></tr></thead>
<tbody>
<tr><td>td1</td><td>td2</td></tr>
<tr><td>td3</td><td>td4</td></tr>
</tbody>
</table>:

<ul><li>li</li><li>li</li></ul>:

• li
• li