Project

General

Profile

« Previous | Next » 

Revision 3640

initial commit of skin for SAEON look and feel. looks pretty good, but there are still a few things that need tweaking (colors).
also want to add a standalone login page to match with the header line (perhaps).
tracked in bugzilla #3007

View differences:

lib/style/skins/saeon/upload.jsp
1
<%@ page    language="java" %>
2
<%
3
/*
4
*  '$RCSfile$'
5
*    Copyright: 2006 Regents of the University of California and the
6
*               National Center for Ecological Analysis and Synthesis
7
*
8
*   '$Author$'
9
*     '$Date$'
10
* '$Revision$'
11
*
12
* This program is free software; you can redistribute it and/or modify
13
* it under the terms of the GNU General Public License as published by
14
* the Free Software Foundation; either version 2 of the License, or
15
* (at your option) any later version.
16
*
17
* This program is distributed in the hope that it will be useful,
18
* but WITHOUT ANY WARRANTY; without even the implied warranty of
19
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
20
* GNU General Public License for more details.
21
*
22
* You should have received a copy of the GNU General Public License
23
* along with this program; if not, write to the Free Software
24
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
25
*/
26
%>
27
<%@ include file="../../common/common-settings.jsp"%>
28

  
29
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
30
<html>
31
    <head>
32
        <title>SAEON - South African Environmental Observation Network Repository</title>
33
        <link rel="stylesheet" href="../default/default.css" type="text/css"/>
34
        <link rel="stylesheet" type="text/css" href="saeon.css"/>
35
        <script language="JavaScript" type="text/JavaScript" src="saeon.js"></script>
36
        <script language="JavaScript" type="text/JavaScript" src="../../common/branding.js"></script>
37
    </head>
38
    <body>
39
        <script language="JavaScript">
40
            function getMapFrame() {
41
                return document.getElementById('mapFrame');
42
            }
43
            insertTemplateOpening();
44
        </script>
45
        
46
        <jsp:include page="SaeonUpload.jspx" />
47
        
48
        <script language="JavaScript">
49
            //insertLoginBox();
50
            //insertSearchBox();
51
            insertTemplateClosing();
52
        </script>
53
    </body>
54
</html>
0 55

  
lib/style/skins/saeon/saeon.js
1
 /*
2
  *   '$RCSfile$'
3
  *     Purpose: Default style sheet for KNP project web pages 
4
  *              Using this stylesheet rather than placing styles directly in 
5
  *              the KNP web documents allows us to globally change the 
6
  *              formatting styles of the entire site in one easy place.
7
  *   Copyright: 2000 Regents of the University of California and the
8
  *               National Center for Ecological Analysis and Synthesis
9
  *     Authors: Matt Jones
10
  *
11
  *    '$Author$'
12
  *      '$Date$'
13
  *  '$Revision$'
14
  *
15
  * This program is free software; you can redistribute it and/or modify
16
  * it under the terms of the GNU General Public License as published by
17
  * the Free Software Foundation; either version 2 of the License, or
18
  * (at your option) any later version.
19
  *
20
  * This program is distributed in the hope that it will be useful,
21
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
22
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
23
  * GNU General Public License for more details.
24
  *
25
  * You should have received a copy of the GNU General Public License
26
  * along with this program; if not, write to the Free Software
27
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
28
  */
29

  
30
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
31
 * * * * * *  CONFIGURATION SETTINGS - EDIT THESE FOR YOUR ENVIRONMENT * * * * 
32
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
33

  
34
 
35
//  These settings allow you to include and display common content (eg a common 
36
//  header) on all your pages, in much the same way as a frameset allows you to 
37
//  do, but through the use of iframes and a table instead. You can include up 
38
//  to 4 external pages, each one within the header, footer, left or right areas
39
//
40
//  looks like this (if you're using a fixed width font to display these notes):
41
//    ___________________
42
//    |     header      |
43
//    |-----------------|
44
//    | |             | |
45
//    | |             | |
46
//    |L|   content   |R|
47
//    | |             | |
48
//    | |             | |
49
//    |-----------------|
50
//    |     footer      | 
51
//    -------------------
52
//
53
//  Each area may display another page on the local site, or a page on a 
54
//  different server, or may be set to display nothing (in which case an iframe 
55
//  will not be drawn, although the containing table cell will still need to be 
56
//  resized using the css style - see below) 
57
//
58
//  NOTES:
59
//
60
//  1) if you have any links in the included documents, the target attribute for 
61
//     these *MUST* be set to _top, otherwise the new document will be displayed 
62
//     inside the small iframe areas, instead of replacing the entire page!
63
//     - example: <a href="index.html" target="_top">HOME</a>
64
//   
65
//  2) you will need to set the correct iframe size, in order to accomodate 
66
//     each of these areas on the page. The default location for these size 
67
//     settings is in the default.css file - see the "IFRAME_XXXXXX_CLASS" 
68
//     variables (below) for the name of the style to edit
69
//
70
//  3) you will also need to set the correct table cell sizes and/or overall 
71
//     table size for similar reasons. The default location for these size 
72
//     settings is in the default.css file - see the "TEMPLATE_XXXXXX_CLASS" 
73
//     variables (below) for the name of the style to edit
74

  
75

  
76

  
77
////////////////////////////////////////////////////////////////////////////////
78
//  Edit these variables to define the content that will be loaded into the 
79
//  various iframes. Each may be a relative path to another page on the local 
80
//  site, or a full URL to a page on a remote server, or may be set to the empty 
81
//  string if no content is required at that position on the page (and in which  
82
//  case an iframe will not be drawn, although an empty table cell will still  
83
//  exist unless it is resized smaller) . 
84
//  ( e.g. if you do not want a header to be included, set: HEADER_URL="";)
85
////////////////////////////////////////////////////////////////////////////////
86

  
87

  
88
//  Location of the header that will be displayed at the top of the page
89
var HEADER_URL = "@style-skins-path@/saeon/header.jsp";
90
//var HEADER_URL = "";
91

  
92
// Location of the search box that will be displayed above the  
93
//  results on the results page (optional)
94
var SEARCHBOX_URL = "";  //= "searchform.html"
95
//var SEARCHBOX_URL = "@style-skins-path@/saeon/SaeonLogin.jspx";
96

  
97
//  Location of the header that will be displayed at the top of the page
98
var LEFTCOL_URL = "@style-skins-path@/saeon/leftnav.jsp";
99
//var LEFTCOL_URL = "";
100
  
101
//  Location of the header that will be displayed at the top of the page
102
//var RIGHTCOL_URL = "@style-skins-path@/saeon/spatial/pma.html";
103
var RIGHTCOL_URL = "";
104

  
105
//  Location of the header that will be displayed at the top of the page
106
var FOOTER_URL = "@style-skins-path@/saeon/footer.jspx";
107
//var FOOTER_URL = "";
108
  
109
//var LOGINBOX_URL = "";
110
var LOGINBOX_URL = "@style-skins-path@/saeon/SaeonLogin.jspx";
111

  
112
//  Location of the map that will be displayed
113
var MAP_URL = "@style-skins-path@/saeon/spatial/pma.html";
114
//var MAP_URL = "";
115

  
116

  
117
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
118
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
119
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
120
/* * * * * * * * *  MAY CHANGE THE FOLLOWING, BUT SHOULDN'T NEED TO* * * * * */ 
121
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
122
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
123
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
124

  
125
  
126
////////////////////////////////////////////////////////////////////////////////
127
//  Edit the default.css file to set the correct iframe sizes to accomodate the 
128
//  header, footer, left and right areas.
129
//  The following variables set the names of the styles that will be applied to 
130
//  each of the iframes - they can be anythign you wish, provided you use the 
131
//  same names for your classes in the css file
132
//  NOTE: these styles apply only to each container frame, *NOT* to the document
133
//  within it!
134
////////////////////////////////////////////////////////////////////////////////
135

  
136
//header iframe class
137
var IFRAME_HEADER_CLASS         = "iframeheaderclass";
138

  
139
//(metacat only) search box iframe class
140
//var IFRAME_SEARCHBOX_CLASS      = "iframesearchboxclass";
141
var IFRAME_SEARCHBOX_CLASS      = "iframeloginboxclass";
142

  
143
//left column iframe class
144
var IFRAME_LEFTCOL_CLASS        = "iframeleftcolclass";
145

  
146
//right column iframe class
147
var IFRAME_RIGHTCOL_CLASS       = "mapFrame";
148

  
149
//map iframe class
150
var IFRAME_MAP_CLASS       = "mapFrame";
151

  
152
//footer iframe class
153
var IFRAME_FOOTER_CLASS         = "iframefooterclass";
154

  
155
//(metacat only) login box iframe class
156
var IFRAME_LOGINBOX_CLASS      = "iframeloginboxclass";
157

  
158
////////////////////////////////////////////////////////////////////////////////
159
//  Edit the default.css file to set the correct table sizes to accomodate the 
160
//  header, footer, left and right iframes.
161
//  The following variables set the names of the styles that will be applied to 
162
//  each of the table cells (or the table itself - see below) - they can be 
163
//  anything you wish, provided you use the same names for your classes in the 
164
//  css file
165
//  NOTE: these styles apply only to each table cell, *NOT* to the document 
166
//  inside the iframe that is nested within it! (the exception is 
167
//  TEMPLATE_CONTENTAREA_CLASS, since the content probably isn't within an 
168
//  iframe - so style elements in this class will apply to the content istelf)
169
////////////////////////////////////////////////////////////////////////////////
170

  
171
//entire table class
172
var TEMPLATE_TABLE_CLASS        = "templatetableclass";
173

  
174
//header table-cell class. Note you should not set css "width" on this, since it 
175
//includes a colspan
176
var TEMPLATE_HEADERROW_CLASS    = "templateheaderrowclass";
177

  
178
//left column table-cell class. Note that restricting css "height" on this may 
179
//affect visibility of the main content, since it's in the same table row 
180
var TEMPLATE_LEFTCOL_CLASS      = "templateleftcolclass";
181

  
182
//main central content table-cell class. Note that css attributes set here may 
183
//apply to the content nested inside this cell
184
var TEMPLATE_CONTENTAREA_CLASS  = "templatecontentareaclass";
185

  
186
//rigth column table-cell class. Note that restricting css "height" on this may 
187
//affect visibility of the main content, since it's in the same table row 
188
var TEMPLATE_RIGHTCOL_CLASS     = "templaterightcolclass";
189

  
190
//footer table-cell class. Note you should not set "width" on this, since it 
191
//includes a colspan
192
var TEMPLATE_FOOTERROW_CLASS    = "templatefooterrowclass";
193

  
194
//
195
// Skin specific functions
196
function submitform(formObj) {
197

  
198
  if (trim(formObj.elements["loginAction"].value)!="Login") return true;
199
  //trim username & passwd:
200
  var username = trim(formObj.elements["uid"].value);
201
  var organization  = trim(formObj.elements["organization"].value);
202
  var password      = trim(formObj.elements["password"].value);
203

  
204
  if (username=="") {
205
    alert("You must type a username. \n"+popupMsg);
206
        formObj.elements["uid"].focus();
207
    return false;
208
  }
209

  
210
  if (organization=="") {
211
    alert("You must select an organization. \n"+popupMsg);
212
        formObj.elements["organization"].focus();
213
    return false;
214
  }
215

  
216
  if (password=="") {
217
    alert("You must type a password. \n"+popupMsg);
218
        formObj.elements["password"].focus();
219
    return false;
220
  }
221

  
222
  formObj.username.value="uid="+formObj.elements["uid"].value+",o="+formObj.elements["organization"].value+",dc=ecoinformatics,dc=org";
223
  return true;
224
}
225

  
226
function trim(stringToTrim) {
227
  return stringToTrim.replace(/^\s*/, '').replace(/\s*$/,'');
228
}
0 229

  
lib/style/skins/saeon/saeon-login.xsl
1
<?xml version="1.0"?>
2
<!--
3
  *  '$RCSfile$'
4
  *      Authors: Jivka Bojilova
5
  *    Copyright: 2000 Regents of the University of California and the
6
  *               National Center for Ecological Analysis and Synthesis
7
  *  For Details: http://www.nceas.ucsb.edu/
8
  *
9
  *   '$Author$'
10
  *     '$Date$'
11
  * '$Revision$'
12
  * 
13
  * This program is free software; you can redistribute it and/or modify
14
  * it under the terms of the GNU General Public License as published by
15
  * the Free Software Foundation; either version 2 of the License, or
16
  * (at your option) any later version.
17
  *
18
  * This program is distributed in the hope that it will be useful,
19
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
20
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
21
  * GNU General Public License for more details.
22
  *
23
  * You should have received a copy of the GNU General Public License
24
  * along with this program; if not, write to the Free Software
25
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
26
  *
27
  * This is an XSLT (http://www.w3.org/TR/xslt) stylesheet designed to
28
  * convert an XML file with information about login action
29
  * into an HTML format suitable for rendering with modern web browsers.
30
-->
31

  
32
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
33

  
34
  <xsl:output method="html"/>
35
  <xsl:param name="qformat">saeon</xsl:param>
36
  <xsl:template match="/">
37
   <html>
38
      <head>
39
        <link rel="stylesheet" type="text/css"
40
              href="@style-skins-path@/saeon/saeon.css" />
41
        <script language="Javascript" type="text/JavaScript"
42
                src="@style-skins-path@/saeon/saeon.js" />
43
        <script language="Javascript" type="text/JavaScript"
44
                src="@style-common-path@/branding.js" />
45
      </head>
46

  
47
      <script language="JavaScript">
48
          insertTemplateOpening();
49
          insertSearchBox();
50
      </script>
51
      <xsl:if test="count(login) &gt; 0">
52
 <script language="JavaScript">
53
           <![CDATA[
54
		function search(){
55
		location.href = "@style-skins-path@/saeon";
56
        }]]>
57
        </script>
58
        <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="timerID=setTimeout('search()',2000)">
59
          <p class="text_plain">Welcome <xsl:value-of select="login/name"/>. You will be automatically redirected to the homepage</p>
60
        </body>
61

  
62
      </xsl:if>
63
      <xsl:if test="count(unauth_login) &gt; 0">
64
      	<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
65
          <p class="text_plain"><xsl:value-of select="unauth_login/message" /></p>
66
    	</body>
67
      </xsl:if>
68
      <p class="text_plain">Return to the <a href="@systemidserver@@style-skins-path@/knp" target="_top">homepage</a>.
69
      </p>
70
      <script language="JavaScript">
71
          insertTemplateClosing();
72
      </script>
73
    </html>
74
    </xsl:template>
75

  
76
</xsl:stylesheet>
77

  
0 78

  
lib/style/skins/saeon/original.html
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2

  
3
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4

  
5
<head>
6
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
7
<title>SAEON &mdash; Saeon</title>
8
<base href="http://www.saeon.ac.za/front-page" />
9
<meta name="generator" content="Plone - http://plone.org" />
10
<!-- Plone ECMAScripts -->
11
<script type="text/javascript"
12
	src="http://www.saeon.ac.za/portal_javascripts/Plone%20Default/ploneScripts2396.js">
13
</script>
14

  
15
<script type="text/javascript"
16
	src="http://www.saeon.ac.za/portal_javascripts/Plone%20Default/ploneScripts3406.js">
17
                </script>
18

  
19
<style type="text/css">
20
<!--
21
@import
22
	url(http://www.saeon.ac.za/portal_css/Plone%20Default/ploneStyles5796.css)
23
	;
24
-->
25
</style>
26

  
27
<link rel="alternate stylesheet" type="text/css" media="screen"
28
	href="http://www.saeon.ac.za/portal_css/Plone%20Default/ploneStyles7799.css"
29
	title="Small Text" />
30

  
31
<link rel="alternate stylesheet" type="text/css" media="screen"
32
	href="http://www.saeon.ac.za/portal_css/Plone%20Default/ploneStyles3568.css"
33
	title="Large Text" />
34

  
35
<style type="text/css" media="all">
36
<!--
37
@import
38
	url(http://www.saeon.ac.za/portal_css/Plone%20Default/ploneStyles2614.css)
39
	;
40
-->
41
</style>
42

  
43
<!-- Internet Explorer CSS Fixes -->
44
<!--[if lt IE 7]>
45
        <style type="text/css" media="all">@import url(http://www.saeon.ac.za/IEFixes.css);</style>
46
    <![endif]-->
47

  
48
<link rel="shortcut icon" type="image/x-icon"
49
	href="http://www.saeon.ac.za/favicon.ico" />
50

  
51
<link rel="home" href="http://www.saeon.ac.za" title="Front page" />
52
<link rel="search" title="Search this site"
53
	href="http://www.saeon.ac.za/search_form" />
54

  
55
<link rel="author" title="Author information"
56
	href="http://www.saeon.ac.za/author/admin" />
57
<link rel="contents" href="http://www.saeon.ac.za/sitemap"
58
	title="Site Map" />
59

  
60
<!-- Disable IE6 image toolbar -->
61
<meta http-equiv="imagetoolbar" content="no" />
62

  
63
</head>
64

  
65
<body
66
	style="background-image: url('bg.png'); background-repeat: repeat-x;"
67
	class="section-front-page" dir="ltr">
68

  
69
<table align="center" width="100%" cellpadding="0" cellspacing="0">
70

  
71
	<tr>
72
		<td background="banner_background_left.jpg">&nbsp;</td>
73
		<td height="255" width="760"
74
			style="background-image: url('logo.jpg'); background-position: top center; background-repeat: no-repeat;">
75
		</td>
76
		<td background="banner_background_right.jpg">&nbsp;</td>
77
	</tr>
78
</table>
79
<div id="visual-portal-wrapper">
80

  
81
<div id="portal-top">
82

  
83
<div id="portal-header"><a class="hiddenStructure" accesskey="2"
84
	href="http://www.saeon.ac.za//#documentContent">Skip to content.</a> <a
85
	class="hiddenStructure" accesskey="6"
86
	href="http://www.saeon.ac.za//#portlet-navigation-tree">Skip to
87
navigation</a> <!--div metal:use-macro="here/global_siteactions/macros/site_actions">
88
               Site-wide actions (Contact, Sitemap, Help, Style Switcher etc)
89
             </div--> <!--div metal:use-macro="here/global_searchbox/macros/quick_search">
90
               The quicksearch box, normally placed at the top right
91
             </div--> <!--a metal:use-macro="here/global_logo/macros/portal_logo">
92
               The portal logo, linked to the portal root
93
             </a-->
94

  
95
<div id="portal-skinswitcher"></div>
96

  
97

  
98
<h5 class="hiddenStructure">Sections</h5>
99

  
100
<ul id="portal-globalnav">
101
	<li id="portaltab-index_html" class="selected"><a
102
		href="http://www.saeon.ac.za" style="background-color: White">Home</a></li>
103

  
104
	<li id="portaltab-news" class="plain"><a
105
		href="http://www.saeon.ac.za/news" style="background-color: White"
106
		title="What's in the news...">News</a></li>
107
	<li id="portaltab-documents" class="plain"><a
108
		href="http://www.saeon.ac.za/documents"
109
		style="background-color: White" title="Documents">Documents</a></li>
110
	<li id="portaltab-presentations" class="plain"><a
111
		href="http://www.saeon.ac.za/presentations"
112
		style="background-color: White" title="SAEON Presentation">Presentations</a></li>
113
	<li id="portaltab-careers" class="plain"><a
114
		href="http://www.saeon.ac.za/careers" style="background-color: White"
115
		title="">Careers</a></li>
116
	<li id="portaltab-blog" class="plain"><a
117
		href="http://www.saeon.ac.za/blog" style="background-color: White"
118
		title="">Discussion Forum</a></li>
119
	<li id="portaltab-eNewsletter" class="plain"><a
120
		href="http://www.saeon.ac.za/eNewsletter"
121
		style="background-color: White" title="">eNewsletter</a></li>
122
	<li id="portaltab-nodes" class="plain"><a
123
		href="http://www.saeon.ac.za/nodes" style="background-color: White"
124
		title="Observation nodes of SAEON">Nodes</a></li>
125

  
126
</ul>
127

  
128
</div>
129

  
130

  
131

  
132
<h5 class="hiddenStructure">Personal tools</h5>
133

  
134
<ul id="portal-personaltools">
135

  
136

  
137

  
138
	<li><a href="http://www.saeon.ac.za/login_form"> Log in </a></li>
139

  
140

  
141
	<li><a href="http://www.saeon.ac.za/join_form"> Join </a></li>
142

  
143

  
144
</ul>
145

  
146

  
147
<div id="portal-breadcrumbs"><span id="breadcrumbs-you-are-here">You
148
are here:</span> <a href="http://www.saeon.ac.za">Home</a></div>
149
</div>
150

  
151
<div class="visualClear"><!-- --></div>
152

  
153

  
154

  
155
<table id="portal-columns">
156

  
157
	<tbody>
158
		<tr>
159

  
160
			<td id="portal-column-one">
161
			
162
			<div class="visualPadding">
163
			
164
			<dl class="portlet" id="portlet-navigation-tree">
165
				<dt class="portletHeader"><a
166
					href="http://www.saeon.ac.za/sitemap">Navigation</a></dt>
167

  
168

  
169
				<dd class="portletItem">
170
				<ul class="portletNavigationTree navTreeLevel0">
171

  
172
					<li class="navTreeItem">
173
					<div class="contenttype-plone-site"><a
174
						class="navTreeCurrentItem visualIconPadding"
175
						href="http://www.saeon.ac.za" title="saeon"> Home </a></div>
176
					</li>
177

  
178

  
179

  
180

  
181

  
182

  
183

  
184
					<li class="navTreeItem visualNoMarker">
185

  
186

  
187

  
188
					<div class="contenttype-topic"><a
189
						href="http://www.saeon.ac.za/news"
190
						class="state-published visualIconPadding"
191
						title="What's in the news...">News</a></div>
192

  
193

  
194

  
195
					</li>
196

  
197

  
198
					<li class="navTreeItem visualNoMarker">
199

  
200

  
201

  
202
					<div class="contenttype-folder"><a
203
						href="http://www.saeon.ac.za/documents"
204
						class="state-published visualIconPadding" title="Documents">Documents</a>
205

  
206
					</div>
207

  
208

  
209

  
210
					</li>
211

  
212

  
213
					<li class="navTreeItem visualNoMarker">
214

  
215

  
216

  
217
					<div class="contenttype-folder"><a
218
						href="http://www.saeon.ac.za/presentations"
219
						class="state-published visualIconPadding"
220
						title="SAEON Presentation">Presentations</a></div>
221

  
222

  
223

  
224
					</li>
225

  
226

  
227
					<li class="navTreeItem visualNoMarker">
228

  
229

  
230

  
231
					<div class="contenttype-document"><a
232
						href="http://www.saeon.ac.za/data-policy"
233
						class="state-published visualIconPadding" title="Data policy">Data
234
					policy</a></div>
235

  
236

  
237

  
238
					</li>
239

  
240

  
241
					<li class="navTreeItem visualNoMarker">
242

  
243

  
244

  
245
					<div class="contenttype-link"><a
246
						href="http://www.saeon.ac.za/metadata-project"
247
						class="state-published visualIconPadding" title="">Metadata
248
					Project</a></div>
249

  
250

  
251

  
252
					</li>
253

  
254

  
255

  
256

  
257

  
258

  
259

  
260
					<li class="navTreeItem visualNoMarker">
261

  
262

  
263

  
264
					<div class="contenttype-document"><a
265
						href="http://www.saeon.ac.za/resources"
266
						class="state-published visualIconPadding"
267
						title="Useful tools and advice">Resources</a></div>
268

  
269

  
270

  
271
					</li>
272

  
273

  
274

  
275

  
276

  
277
					<li class="navTreeItem visualNoMarker">
278

  
279

  
280

  
281
					<div class="contenttype-folder"><a
282
						href="http://www.saeon.ac.za/careers"
283
						class="state-published visualIconPadding" title="">Careers</a></div>
284

  
285

  
286

  
287
					</li>
288

  
289

  
290
					<li class="navTreeItem visualNoMarker">
291

  
292

  
293

  
294
					<div class="contenttype-document"><a
295
						href="http://www.saeon.ac.za/committees"
296
						class="state-published visualIconPadding"
297
						title="SAEON Advisory Board">Committees</a></div>
298

  
299

  
300

  
301
					</li>
302

  
303
					<li class="navTreeItem visualNoMarker">
304

  
305

  
306

  
307
					<div class="contenttype-link"><a
308
						href="http://www.saeon.ac.za/students"
309
						class="state-published visualIconPadding" title="">Students</a></div>
310

  
311

  
312

  
313
					</li>
314

  
315

  
316
					<li class="navTreeItem visualNoMarker">
317

  
318

  
319

  
320
					<div class="contenttype-document"><a
321
						href="http://www.saeon.ac.za/links"
322
						class="state-published visualIconPadding" title="">Links</a></div>
323

  
324

  
325

  
326
					</li>
327

  
328

  
329
					<li class="navTreeItem visualNoMarker">
330

  
331

  
332

  
333
					<div class="contenttype-document"><a
334
						href="http://www.saeon.ac.za/contacts"
335
						class="state-published visualIconPadding" title="">Contacts</a></div>
336

  
337

  
338

  
339
					</li>
340

  
341

  
342
					<li class="navTreeItem visualNoMarker">
343

  
344

  
345

  
346
					<div class="contenttype-document"><a
347
						href="http://www.saeon.ac.za/distribution-list"
348
						class="state-published visualIconPadding" title="">Distribution
349
					list</a></div>
350

  
351

  
352

  
353
					</li>
354

  
355

  
356
					<li class="navTreeItem visualNoMarker">
357

  
358

  
359

  
360
					<div class="contenttype-link"><a
361
						href="http://www.saeon.ac.za/link_eltosa"
362
						class="state-published visualIconPadding"
363
						title="ELTOSA (Environmental Long-Term Observatories of southern Africa) is a network of southern African countries embarking on time-series environmental research and monitoring programmes delivering time-series datasets. These multi-disciplinary programmes are site-based and meant to run for five years or longer and over several decades.">ELTOSA</a>
364

  
365
					</div>
366

  
367

  
368

  
369
					</li>
370

  
371
					<li class="navTreeItem visualNoMarker">
372

  
373

  
374

  
375
					<div class="contenttype-link"><a
376
						href="http://www.saeon.ac.za/ilter"
377
						class="state-published visualIconPadding" title="">ILTER</a></div>
378

  
379

  
380

  
381
					</li>
382

  
383

  
384
					<li class="navTreeItem visualNoMarker">
385

  
386

  
387

  
388
					<div class="contenttype-link"><a
389
						href="http://www.saeon.ac.za/nrf-home"
390
						class="state-published visualIconPadding" title="">NRF home</a></div>
391

  
392

  
393

  
394
					</li>
395

  
396

  
397

  
398

  
399

  
400
					<li class="navTreeItem visualNoMarker">
401

  
402

  
403

  
404
					<div class="contenttype-link"><a
405
						href="http://www.saeon.ac.za/search"
406
						class="state-published visualIconPadding" title="">Search</a></div>
407

  
408

  
409

  
410
					</li>
411

  
412

  
413

  
414

  
415

  
416
					<li class="navTreeItem visualNoMarker">
417

  
418

  
419

  
420
					<div class="contenttype-easyblog"><a
421
						href="http://www.saeon.ac.za/blog"
422
						class="state-public visualIconPadding" title="">Discussion
423
					Forum</a></div>
424

  
425

  
426

  
427
					</li>
428

  
429

  
430
					<li class="navTreeItem visualNoMarker">
431

  
432

  
433

  
434
					<div class="contenttype-folder"><a
435
						href="http://www.saeon.ac.za/eNewsletter"
436
						class="state-published visualIconPadding" title="">eNewsletter</a>
437

  
438

  
439
					</div>
440

  
441

  
442

  
443
					</li>
444

  
445

  
446
					<li class="navTreeItem visualNoMarker">
447

  
448

  
449

  
450
					<div class="contenttype-folder"><a
451
						href="http://www.saeon.ac.za/nodes"
452
						class="state-published visualIconPadding"
453
						title="Observation nodes of SAEON">Nodes</a></div>
454

  
455

  
456

  
457
					</li>
458

  
459

  
460

  
461

  
462

  
463

  
464
				</ul>
465
				</dd>
466
			</dl>
467

  
468

  
469

  
470

  
471

  
472

  
473

  
474

  
475

  
476

  
477

  
478

  
479

  
480

  
481
			<dl class="portlet" id="portlet-login">
482

  
483
				<dt class="portletHeader"><a
484
					href="http://www.saeon.ac.za/login_form">Log in</a></dt>
485

  
486
				<dd class="portletItem odd">
487
				<form action="http://www.saeon.ac.za/login_form" name="loginform"
488
					method="post"><input type="hidden" name="form.submitted"
489
					value="1" /> <input type="hidden" name="came_from"
490
					value="http://www.saeon.ac.za//" /> <input type="hidden"
491
					name="js_enabled" id="js_enabled" value="0" /> <input
492
					type="hidden" name="cookies_enabled" id="cookies_enabled" value="" />
493
				<input type="hidden" name="login_name" id="login_name" value="" />
494
				<input type="hidden" name="pwd_empty" id="pwd_empty" value="0" />
495

  
496
				<div class="field"><label for="__ac_name">Login Name</label> <br />
497
				<input type="text" size="10" alt="Login Name"
498
					onclick="showCookieMessage('cookies_message')" tabindex="10001"
499
					name="__ac_name" value="" id="__ac_name" /></div>
500

  
501
				<div class="field"><label for="__ac_password">Password</label>
502
				<br />
503
				<input type="password" size="10" alt="Password"
504
					onclick="showCookieMessage('cookies_message')" tabindex="10002"
505
					name="__ac_password" id="__ac_password" /></div>
506

  
507
				<div id="cookies_message" class="portalMessage"
508
					style="display: none">Cookies are not enabled. You must <a
509
					href="enabling_cookies">enable cookies</a> before you can log in.</div>
510

  
511

  
512
				<div class="formControls"><input class="context" type="submit"
513
					name="submit" value="Log in" alt="Log in"
514
					onclick="javascript:return setLoginVars('__ac_name','login_name','__ac_password','pwd_empty','js_enabled','cookies_enabled')"
515
					tabindex="10003" /></div>
516
				</form>
517
				</dd>
518

  
519
				<dd class="portletItem even"><a
520
					href="http://www.saeon.ac.za/mail_password_form"> <img
521
					src="http://www.saeon.ac.za/info_icon.gif" alt="" title=""
522
					height="16" width="16" /> Forgot your password? </a></dd>
523

  
524
				<dd class="portletItem"><a
525
					href="http://www.saeon.ac.za/join_form"> <img
526
					src="http://www.saeon.ac.za/user.gif" alt="" title="User"
527
					height="16" width="16" /> New user? </a></dd>
528
			</dl>
529

  
530

  
531

  
532

  
533

  
534

  
535

  
536

  
537

  
538

  
539

  
540

  
541

  
542

  
543

  
544

  
545

  
546

  
547

  
548

  
549

  
550

  
551

  
552

  
553

  
554

  
555

  
556
			&nbsp;</div>
557
			</td>
558

  
559

  
560

  
561
			<td id="portal-column-content">
562

  
563

  
564
			<div id="content" class="">
565

  
566

  
567

  
568
			<div class="documentContent" id="region-content"><a
569
				name="documentContent"></a>
570

  
571

  
572

  
573

  
574

  
575

  
576

  
577

  
578
			<div class="documentActions">
579

  
580

  
581
			<h5 class="hiddenStructure">Document Actions</h5>
582

  
583
			<ul>
584

  
585
				<li><a href="http://www.saeon.ac.za/front-page/sendto_form">
586

  
587
				<img src="http://www.saeon.ac.za/mail_icon.gif"
588
					alt="Send this page to somebody" title="Send this page to somebody" />
589
				</a></li>
590

  
591

  
592
				<li><a href="javascript:this.print();"> <img
593
					src="http://www.saeon.ac.za/print_icon.gif" alt="Print this page"
594
					title="Print this page" /> </a></li>
595

  
596

  
597
			</ul>
598

  
599

  
600

  
601

  
602
			</div>
603

  
604
			<h1 class="documentFirstHeading">SAEON</h1>
605

  
606
			<div>
607

  
608
			<div class="documentByLine"><span> by <a
609
				href="http://www.saeon.ac.za/author/admin">SAEON</a> </span> &mdash; <span>
610
			last modified </span> 2007-11-22 17:54
611

  
612

  
613

  
614

  
615

  
616

  
617

  
618

  
619

  
620
			<div class="reviewHistory"></div>
621

  
622
			</div>
623

  
624
			</div>
625

  
626

  
627

  
628

  
629

  
630
			<div class="plain">
631
			<h3 class="Subheading">SAEON: A DEVELOPING FACILITY OF THE NRF
632
			FUNDED BY DST</h3>
633
			<p>SAEON is a research facility that establishes and maintains
634
			nodes (environmental observatories, field stations or sites) linked
635
			by an information management network to serve as research and
636
			education platforms for long-term studies of ecosystems that will
637
			provide for incremental advances in our understanding of ecosystems
638
			and our ability to detect, predict and react to environmental change.
639
			The core research programme will strive to distinguish between
640
			anthropogenic and natural change as well as to unravel the relations
641
			between social change and ecosystem change. One of the primary
642
			features of the Long Term Ecological Research (LTER) approach is that
643
			it overcomes the deficiencies associated with postgraduate research
644
			projects. Typically those cannot interpret the ever-present temporal
645
			and spatial environmental variability because of the pressure to
646
			produce a thesis within two to three years. SAEON will bring better
647
			cohesion between research programmes nationally and internationally
648
			and will ensure that LTER data is archived and accessible as a
649
			national asset for generations to come.</p>
650
			<p></p>
651
			<h3 class="Subheading"><b>WHO SHOULD READ FURTHER?</b></h3>
652
			<p></p>
653
			<ul>
654
				<li>Scientists and students/learners interested in long-term
655
				studies of the earth systems and biodiversity</li>
656
				<li>Research managers</li>
657
				<li>Environmental educators</li>
658
				<li>Companies impacting on the goods and services provided by
659
				the environment</li>
660
				<li>Politicians, policy makers and environmental managers
661
				requiring environmental information</li>
662
				<li>Members of the public whose livelihoods are vulnerable to
663
				environmental change</li>
664
				<li>Funding agencies interested in developing capacity and
665
				promoting knowledge of life-support systems and how they are
666
				changing</li>
667
			</ul>
668
			<p><b><br />
669
			</b></p>
670
			<h3 class="Subheading"><b>KEYWORDS for SAEON</b></h3>
671
			<p>Climate change, global change, environmental change, research,
672
			environmental education, rural sociology, environmental information
673
			systems, biodiversity, earth systems, ecosystems, social systems,
674
			livelihoods, agriculture, monitoring, long-term data series,
675
			oceanography, atmospheric sciences, rivers, hydrology, remote
676
			sensing, nutrient loading, land-use, ecology, primary production,
677
			floods, droughts, public health, industry, economics, human
678
			geography, geochemistry, groundwater, vulnerability, fisheries,
679
			network, National System of Innovation, societal change,
680
			experimentation, multi-disciplinary, research platform, spatial
681
			variation, landscape, disturbance regimes, event-driven, site-based,
682
			freshwater, soils, sediments, ocean, coast, mountains.</p>
683

  
684
			</div>
685

  
686
			<div id="relatedItems"></div>
687

  
688

  
689

  
690

  
691

  
692
			<div class="discussion"></div>
693

  
694

  
695
			</div>
696

  
697
			</div>
698

  
699

  
700
			</td>
701

  
702

  
703

  
704
			<td id="portal-column-two">
705
			<div class="visualPadding">
706

  
707

  
708

  
709

  
710

  
711

  
712

  
713

  
714

  
715

  
716

  
717

  
718

  
719

  
720

  
721

  
722

  
723

  
724
			<div>
725

  
726
			<table>
727
				<tr>
728
					<td>
729
					<div id="portal-searchbox">
730
					<form name="searchform" action="http://www.saeon.ac.za/search"
731
						style="white-space: nowrap" onsubmit="return liveSearchSubmit()">
732

  
733
					<label for="searchGadget" class="hiddenStructure">Search
734
					Site</label>
735

  
736
					<div class="LSBox"><input id="searchGadget" tabindex="20001"
737
						name="SearchableText" type="text" size="10" title="Search Site"
738
						accesskey="4" class="visibility:visible" /> <input
739
						class="searchButton" type="submit" tabindex="20002" value="Search" />
740

  
741
					<div class="LSResult" id="LSResult" style="">
742
					<div class="LSShadow" id="LSShadow"></div>
743
					</div>
744
					</div>
745

  
746
					</form>
747

  
748
					</div>
749
					</td>
750
				</tr>
751
				<tr>
752
					<td>
753
					<dl class="portlet" id="portlet-news">
754

  
755
						<dt class="portletHeader"><a
756
							href="http://www.saeon.ac.za/news">News</a></dt>
757

  
758

  
759
						<dd class="portletItem odd"><a
760
							href="http://www.saeon.ac.za/2007/nrf-call-for-research-proposals-in-environmental-change-2008"
761
							title="SAEON features strongly in the 2008 National Research Foundation (NRF) call for proposals">
762
						<img src="http://www.saeon.ac.za/newsitem_icon.gif" alt=""
763
							title="News" height="16" width="16" /> NRF Call for Research
764
						Proposals in Environmental Change - 2008 <span
765
							class="portletItemDetails">2007-05-31</span> </a></dd>
766

  
767

  
768
						<dd class="portletItem even"><a
769
							href="http://www.saeon.ac.za/2006/announcement-special-interest-symposium-entitled-long-term-monitoring-theory-practice-and-the-future"
770
							title="As part of it’s 41st Annual Congress, the Grassland Society of Southern Africa would like to announce a Special Interest Symposium entitled &quot;Long Term Monitoring: Theory, Practice and the Future&quot; to be held on Wednesday 19th July 2006.">
771

  
772
						<img src="http://www.saeon.ac.za/newsitem_icon.gif" alt=""
773
							title="News" height="16" width="16" /> Special Interest
774
						Symposium entitled "Long Term Monitoring: Theory, Practice and the
775
						Future" announced <span class="portletItemDetails">2006-05-08</span>
776
						</a></dd>
777

  
778

  
779
						<dd class="portletItem odd"><a
780
							href="http://www.saeon.ac.za/2006/a-successful-foward-looking-trendsetting-summit"
781
							title=""> <img src="http://www.saeon.ac.za/newsitem_icon.gif"
782
							alt="" title="News" height="16" width="16" /> A successful,
783
						forward-looking, trendsetting Summit <span
784
							class="portletItemDetails">2006-04-12</span> </a></dd>
785

  
786

  
787
						<dd class="portletItem even"><a
788
							href="http://www.saeon.ac.za/2006/summit-to-create-environmental-observation-blueprint-for-the-future"
789
							title="Address by the Deputy Minister of Science and Technology, Mr Derek Hanekom">
790
						<img src="http://www.saeon.ac.za/newsitem_icon.gif" alt=""
791
							title="News" height="16" width="16" /> Summit to create
792
						Environmental observation Blueprint for the Future <span
793
							class="portletItemDetails">2006-03-27</span> </a></dd>
794

  
795

  
796
						<dd class="portletItem odd"><a
797
							href="http://www.saeon.ac.za/2006/opening-of-the-saeon-summit"
798
							title="The Department of Science and Technology and I are very pleased to be associated with this First SAEON Summit, a landmark event on the Earth Observation and Environmental Science Calendar of South Africa. So often conferences come and go, stimulating scientific discourse but leaving behind only a collection of reports of scientific progress, and a few additions to the CV’s of those who presented papers.">
799
						<img src="http://www.saeon.ac.za/newsitem_icon.gif" alt=""
800
							title="News" height="16" width="16" /> Opening Address of the
801
						SAEON Summit... <span class="portletItemDetails">2006-03-27</span>
802
						</a></dd>
803

  
804

  
805
						<dd class="portletFooter"><a
806
							href="http://www.saeon.ac.za/news"> More news&hellip; </a></dd>
807
					</dl>
808

  
809
					</td>
810
				</tr>
811
			</table>
812

  
813
			</div>
814

  
815

  
816

  
817

  
818

  
819

  
820

  
821

  
822

  
823

  
824

  
825

  
826

  
827

  
828

  
829

  
830

  
831

  
832

  
833

  
834

  
835

  
836
			<!-- The calendar, rendered as a table -->
837

  
838
			<table>
839
				<tr>
840
					<td>
841

  
842
					<table class="ploneCalendar" id="thePloneCalendar"
843
						summary="Calendar">
844
						<thead>
845
							<tr>
846

  
847
								<th id="calendar-previous"><a
848
									href="http://www.saeon.ac.za/front-page/document_view?None&amp;month:int=11&amp;year:int=2007&amp;orig_query=None"
849
									rel="nofollow" title="Previous month">&laquo;</a></th>
850
								<th colspan="5">December 2007</th>
851
								<th id="calendar-next"><a
852
									href="http://www.saeon.ac.za/front-page/document_view?None&amp;month:int=1&amp;year:int=2008&amp;orig_query=None"
853
									rel="nofollow" title="Next month">&raquo;</a></th>
854

  
855
							</tr>
856
							<tr class="weekdays">
857

  
858
								<td>Su</td>
859

  
860

  
861
								<td>Mo</td>
862

  
863

  
864
								<td>Tu</td>
865

  
866

  
867
								<td>We</td>
868

  
869

  
870
								<td>Th</td>
871

  
872

  
873

  
874
								<td>Fr</td>
875

  
876

  
877
								<td>Sa</td>
878

  
879
							</tr>
880
						</thead>
881

  
882

  
883
						<tbody>
884
							<tr>
885
								<td></td>
886

  
887
								<td></td>
888
								<td></td>
889
								<td></td>
890
								<td></td>
891
								<td></td>
892
								<td>1</td>
893
							</tr>
894
							<tr>
895

  
896
								<td>2</td>
897
								<td>3</td>
898
								<td>4</td>
899
								<td>5</td>
900
								<td class="todaynoevent">6</td>
901
								<td>7</td>
902

  
903
								<td>8</td>
904
							</tr>
905
							<tr>
906
								<td>9</td>
907
								<td>10</td>
908
								<td>11</td>
909
								<td>12</td>
910

  
911
								<td>13</td>
912
								<td>14</td>
913
								<td>15</td>
914
							</tr>
915
							<tr>
916
								<td>16</td>
917
								<td>17</td>
918

  
919
								<td>18</td>
920
								<td>19</td>
921
								<td>20</td>
922
								<td>21</td>
923
								<td>22</td>
924
							</tr>
925

  
926
							<tr>
927
								<td>23</td>
928
								<td>24</td>
929
								<td>25</td>
930
								<td>26</td>
931
								<td>27</td>
932

  
933
								<td>28</td>
934
								<td>29</td>
935
							</tr>
936
							<tr>
937
								<td>30</td>
938
								<td>31</td>
939
								<td></td>
940

  
941
								<td></td>
942
								<td></td>
943
								<td></td>
944
								<td></td>
945
							</tr>
946
						</tbody>
947
					</table>
948
					<table>
949

  
950
						<tr>
951
							<td bgcolor="#f0f0ec" valign="top" width="167">
952
							<table bgcolor="#fafaf8" border="0" cellpadding="1"
953
								cellspacing="1">
954
								<tbody>
955
									<tr>
956
										<td height="73" valign="top"><a
957
											href="http://www.saeon.ac.za/summit/" class="white"><img
958
											src="images-1/imagesummitscr.jpg" alt="summit website"></a></td>
959
									</tr>
960
									<tr>
961
										<td height="38" valign="top">
962
										<p><em>Visit the <a
963
											href="http://www.saeon.ac.za/summit/">SAEON Summit
964
										website </a></em></p>
965
										</td>
966

  
967
									</tr>
968

  
969
								</tbody>
970
							</table>
971
							<table bgcolor="#fafaf8" border="0" cellpadding="1"
972
								cellspacing="1">
973
								<tbody>
974
									<tr>
975
										<td height="73" valign="top"><a
976
											href="http://www.saeon.ac.za/students/"><img
977
											src="images-1/imagestudentweb.jpg" alt="students websit"
978
											class="white"></a></td>
979
									</tr>
980
									<tr>
981
										<td height="58" valign="top">
982
										<p><em>Visit the <a
983
											href="http://www.saeon.ac.za/students">SAEON Graduate
984
										Students' Network website</a></em></p>
985
										</td>
986

  
987
									</tr>
988
								</tbody>
989
							</table>
990
							<table bgcolor="#fafaf8" border="0" cellpadding="1"
991
								cellspacing="1">
992
								<tbody>
993
									<tr>
994
										<td height="73" valign="top"><a
995
											href="http://www.saeon.ac.za/eNewsletter/Online/2007/november"><img
996
											src="images-1/nov-2007.jpg" alt="newsletter image"
997
											class="white"></a></td>
998
									</tr>
999
									<tr>
1000
										<td height="58" valign="top">
1001
										<p><em>Read the latest <a
1002
											href="http://www.saeon.ac.za/eNewsletter/Online/2007/november">SAEON
1003
										eNewsletter</a></em></p>
1004
										</td>
1005

  
1006
									</tr>
1007
								</tbody>
1008
							</table>
1009
							<h3>SAEON vision</h3>
1010
							<p>A sustained, co-ordinated, responsive and comprehensive
1011
							South African Earth observation network that delivers long-term
1012
							reliable data for scientific research and informs decision-making
1013
							for a knowledge society and improved quality of life.</p>
1014
							</td>
1015
						</tr>
1016
						<tr>
1017
							<td bgcolor="white"><img src="nrf.gif" /> <img
1018
								src="dst.gif" /></td>
1019
						</tr>
1020

  
1021
					</table>
1022

  
1023

  
1024
					</td>
1025
				</tr>
1026
			</table>
1027

  
1028

  
1029

  
1030

  
1031

  
1032

  
1033

  
1034

  
1035

  
1036
			&nbsp;</div>
1037
			</td>
1038

  
1039

  
1040
		</tr>
1041
	</tbody>
1042
</table>
1043

  
1044

  
1045
<div class="visualClear"><!-- --></div>
1046

  
1047

  
1048
<hr class="netscape4" />
1049

  
1050

  
1051

  
1052
<div id="portal-footer">
1053

  
1054

  
1055
<p></p>
1056

  
1057
</div>
1058

  
1059
<div id="portal-colophon"><!--
1060

  
1061
        Please keep the Plone Powered button (or a textual link to us) if you use
1062
        Plone on your site. It's a nice token of gratitude, and we appreciate your
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff