These are a few suggestions to get us going. Feedback is welcome.
WG members may be involved in a number of ways in the development of content for geo. These include:
[We need to scope out how to handle resource information still]
WG members can participate in a number of ways. The following summarises a possible process.
I would suggest we keep the HTML as simple as possible, presentationally-speaking, and use XHTML and utf-8 if possible. The key thing is to carefully use the appropriate divs, spans and class attributes to clarify the structure.
Below is a sample technique you can use as a template (copy and rework the source). Here is some CSS you can copy into the top of your HTML document to make it easier to read.
body { background: white; font-family: arial, sans-serif; } div.technique { padding-left: 2em; } div.short-name { margin-top: 3em; text-align: left; color: #005a9c; background: white; font: 120% sans-serif; } div.rule { margin-top: 1em; background-color: #ddeeff; color: black padding: .5em; } div.small-head { font-style: italic; font-weight: bold; margin-bottom: 0em; } span.ua-type { font-style: italic; font-weight: normal; } div.example { border-style: solid; border-width: 1px ; padding: .5em; color: #5d0091; background: #f9f5de; border-color: #5d0091; width: 75%; margin-top: .25em; margin-bottom: .25em; } div.example { width: 95%; } li p { margin-top: 0.3em; margin-bottom: 0.3em; } .editor-note { font-style: italic; color: red; } div.resources { border-style: solid; border-width: 1px ; padding: .5em; border-color: #5d0091; margin-top: .25em; margin-bottom: .25em; } div.ua-issues{ border-style: solid; border-width: 1px ; padding: .5em; border-color: #5d0091; margin-top: .25em; margin-bottom: .25em; } span.resource-label, span.ua-type { font-style: italic; }
<div class="technique"> <div class="short-name">Short title goes here</div> <div class="rule">The rule goes here</div> <div class="description"> <p>Add paragraphs or other block elements here</p> <div class="example"> <p>Include what you like in an example, but incorporate all examples in the div shown.</p> </div> <p>You can mix any number of examples with an number of other block elements in the description</p> </div> <div class="ua-issues"> <div class="small-head">User agent issues</div> <div class="ua-issue"> <p><span class="ua-type">Browser name and version: </span>Any block elements you need here, but try to keep it simple, and start with the span.</p> </div> <div class="ua-issue"> <p><span class="ua-type">Browser name and version: </span> You can have as many ua issues as you want.</p> </div> </div> <div class="resources"> <div class="small-head">Resources</div> <ul class="resource-item"> <li><span class="resource-label">Resource type:</span> A description and link.</li> <li><span class="resource-label">Resource type:</span> As many more as you want.</li> </ul> </div> </div>