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>