-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaesthetics.html
135 lines (130 loc) · 6.55 KB
/
aesthetics.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>YUI Base Page</title>
<link rel="stylesheet" type="text/css" href="yui/base/base.css">
<link rel="stylesheet" type="text/css" href="yui/grids/grids.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="yui/menu/assets/skins/sam/menu.css">
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/roundedcorners.js" type="text/javascript"></script>
<link href="css/roundedcorners.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
window.addEvent('domready', function(){
var box1 = new RoundedCorners('pf_roundedCorners1','.roundedContent230', {radius: 49});
var image1 = new RoundedCorners('pf_roundedCorners1','.roundedImage', {overlay: true, radius: 20, cls: 'image'});
});
</script>
<link rel="stylesheet" type="text/css" href="mouseovertabs.css" />
<script src="mouseovertabs.js" type="text/javascript">
/* see http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm */
</script>
</head>
<body>
<div id="doc2" class="yui-t6">
<div id="hd" role="banner">
<!-- start menu -->
<div id="mytabsmenu" class="tabsmenuclass">
<ul class="tabsmenuclass">
<li><a href="aries.html" rel="gotsubmenu">Home</a></li>
<li><a href="modules.html" rel="gotsubmenu">Modules</a></li>
<li><a href="science.html" rel="gotsubmenu">Research</a></li>
<li><a href="science.html" rel="gotsubmenu">Applications</a></li>
<li><a href="science.html" rel="gotsubmenu">Case studies</a></li>
<li><a href="science.html" rel="gotsubmenu">Resources</a></li>
</ul>
</div>
<div id="mysubmenuarea" class="tabsmenucontentclass">
<a href="submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>
</div>
<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)
</script>
<!-- end menu -->
<hr/>
<img src="img/ARIESbanner.gif" />
<hr/>
</div>
<div id="bd" role="main">
<h1>Aesthetics module</h1>
<div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<p class="teaser">This module computes benefits related to the sensory enjoyment, recreational potential and cultural values of the landscape. <a href="science/beneficiaries.html">Beneficiaries</a> can be customized to reflect specific constituencies, such as property owners or tourists. <a href="science/sink.html">Sink models</a> are built for the area to represent visual blight or obstacles to access.</p>
<p class="teaser">Porco qui porco la', qua ci sta bene un altro paragrafo. Non troppo corto se possibile, grazie. Per esempio
sul valore estetico, con qualche numero preso da pubblicazioni, e sulle aree geografiche.</p>
</div>
<div class="yui-g">
<div class="yui-u first">
<div id="pf_roundedCorners2">
<div class="roundedContent230">
<h2>Aesthetic benefits</h2>
<hr/>
<!-- benefits panel -->
<div>
<h5 style="color:#69F">Viewshed</h5>
<p>The benefit resulting from the viewing of beauty, such as mountains or water bodies, is carried across line
of sight and affected by the amount of visual blight in between.
<img src="img/learn.gif" width="91" height="17" align="right"></p>
<h5 style="color:#69F">Proximity to open space </h5>
<p>The benefit resulting from access to nearby open space, such as parks and golf courses is carried by short-range transportation and affected by interruptions, traffic.<img src="img/learn.gif" width="91" height="17" align="right"></p>
<h5 style="color:#69F">Cultural identity </h5>
<p>Some features of the landscape are important to determine the sense of identity of local people. Beneficiaries of
cultural identity tend to value it very highly.<img src="img/learn.gif" width="91" height="17" align="right"></p>
</div>
</div>
</div>
</div>
<div class="yui-u" style="margin-top:30px">
<h2>In the field</h2>
<hr/>
<h5 style="color:#69F">Kent, WA viewshed</h5><br/>
<p align="center"><img src="img/seattle.jpg" class="roundedImage"/></p>
<p>ARIES is being used to help planners understand the consequences of development on property value
through impacts on aesthetic views. <a href="casestudies/kent.html">More...</a></p>
</div>
</div>
</div>
</div>
<div class="yui-b"><!-- YOUR NAVIGATION GOES HERE -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="350" height="550" id="FlashID" title="Viewshed results">
<param name="movie" value="swf/analysis.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="swf/expressInstall.swf">
<param name="LOOP" value="false">
<param name="PLAY" value="false">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="swf/analysis.swf" width="350" height="550">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="swf/expressInstall.swf">
<param name="LOOP" value="true">
<param name="PLAY" value="false">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<div id="ft" role="contentinfo"><hr/> <p align="center">Copyright (C) 2009 Ecoinformatics Collaboratory and the ARIES Consortium. All rights reserved.</p></div>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>