Techniques editing

Suggestions for work process

These are a few suggestions to get us going. Feedback is welcome.

Roles

WG members may be involved in a number of ways in the development of content for geo. These include:

Techniques content development & submission

WG members can participate in a number of ways. The following summarises a possible process.

HTML submission format suggestion

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>