This repository has been archived by the owner on Jan 10, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
161 lines (155 loc) · 6.79 KB
/
index.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MareFrame: Decision Support Framework</title>
<link href="css/lib/bootstrap.min.css" rel="stylesheet">
<link href="css/body.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="page-header">
<h1><a href="http://www.mareframe-fp7.org/"><img src="img/logo_mareframe.png"></a> Decision Support Framework</h1>
</div>
<p class="lead">The MareFrame Decision Support Framework is a pragmatic planning process for moving towards an Ecosystem Approach to Fisheries Management. Please select from the case studies below to review the available information and decision support tools.</p>
<div class="row">
<div class="col-sm-8">
<div class="map">
<img src="img/europe_new_zealand_1.jpg" class="europe-map">
<div class="marker" style="left: 17%; top: 18%;">
<a href="iceland.html"><div
class="marker-symbol"
id="marker-1"
data-toggle="popover"
data-placement="top"
title="Iceland"
data-content="Propose an EAFM approach to achieve goals of the Fisheries Management Act that optimizes yield under a multispecies approach and addresses environmental concerns."
data-trigger="hover"
>1</div></a>
</div>
<div class="marker" style="left: 28%; top: 40%;" >
<a href="west-coast-of-scotland.html"><div class="marker-symbol"
id="marker-2"
data-toggle="popover"
data-placement="top"
title="West Coast of Scotland"
data-content="To achieve an advantageous and economically and sustainable fisheries through a multispecies approach that addresses environmental concerns."
data-trigger="hover"
>2</div></a>
</div>
<div class="marker" style="left: 40%; top: 40%;">
<a href="north-sea.html"><div
class="marker-symbol"
data-toggle="popover"
data-placement="bottom"
id="marker-3"
title="North Sea"
data-content="Optimising yield under a multispecies approach and adapting to landing obligations. Integrate EAF in the formulation."
data-trigger="hover"
>3</div></a>
</div>
<div class="marker" style="left: 53%; top: 35%;">
<a href="baltic-sea.html"><div class="marker-symbol"
data-toggle="popover"
data-placement="bottom"
id="marker-4"
title="Baltic Sea"
data-content="The most advantageous yield under multispecies approach that is robust to environmental changes."
data-trigger="hover"
>4</div></a>
</div>
<div class="marker" style="left: 25%; top: 90%;">
<a href="gulf-of-cadiz.html"><div class="marker-symbol"
data-toggle="popover"
data-placement="top"
id="marker-5"
title="Gulf of Cádiz"
data-content="Adaptive management plan for the anchovy fisheries giving consideration to impacts of environmental forcing."
data-trigger="hover"
>5</div></a>
</div>
<div class="marker" style="left: 55%; top: 90%;">
<a href="strait-of-sicily.html"><div class="marker-symbol"
data-toggle="popover"
data-placement="top"
id="marker-6"
title="Strait of Sicily"
data-content="The most advantageous yield for hake and shrimp fisheries considering environmental change and the multinational aspects of these fisheries."
data-trigger="hover"
>6</div></a>
</div>
<div class="marker" style="left: 75%; top: 60%;">
<a href="black-sea.html"><div class="marker-symbol"
data-toggle="popover"
data-placement="auto bottom"
id="marker-7"
title="Black Sea"
data-content="Restoring the turbot to productive levels through an EAFM approach."
data-trigger="hover"
>7</div></a>
</div>
<div class="marker" style="left: 18%; top: 67%;">
<a href="Chatham_Rise.html"><div class="marker-symbol"
data-toggle="popover"
data-placement="auto bottom"
id="marker-8"
title="Chatham Rise (New Zealand)"
data-content="Balancing the protection of seabed habitats and protected species with the maintenance of important commercial fisheries, and the development of a seabed mining industry."
data-trigger="hover"
>8</div></a>
</div>
<img src="img/europe_new_zealand_1.jpg" class="europe-map-hidden">
</div>
</div>
<div class="col-sm-4">
<ol class="list-group studies">
<li class="list-group-item" marker="1"><a href="iceland.html">1. Iceland</a></li>
<li class="list-group-item" marker="2"><a href="west-coast-of-scotland.html">2. West Coast of Scotland</a></li>
<li class="list-group-item" marker="3"><a href="north-sea.html">3. North Sea</a></li>
<li class="list-group-item" marker="4"><a href="baltic-sea.html">4. Baltic Sea</a></li>
<li class="list-group-item" marker="5"><a href="gulf-of-cadiz.html">5. Gulf of Cádiz</a></li>
<li class="list-group-item" marker="6"><a href="strait-of-sicily.html">6. Strait of Sicily</a></li>
<li class="list-group-item" marker="7"><a href="black-sea.html">7. Black Sea</a></li>
<li class="list-group-item" marker="8"><a href="Chatham_Rise.html">8. Chatham Rise (New Zealand)</a></li>
</ol>
</div>
<div class="col-sm-4">
<ol class="list-group studies">
<li class="list-group-item"><a href="dev/MCA2/DST.html">New MCA</a></li>
<li class="list-group-item"><a href="dev/BBN2/DST.html?bbn=true.html">New BBN</a></li>
<li class="list-group-item"><a href="DST_Guidelines.pdf" target="_blank">Instructions for using the Tools (Visualization, MCA and BBN)</a> <img src="img/new_tab.png" alt="new_tab" style="width:16px;height:16px;"> </li>
</ol>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2">
<img src="img/logo_eu.png" class="center-block img-responsive">
</div>
<div class="col-xs-10 col-sm-10 col-md-6">
<p class="text-muted">This project has receive funding from the European Union's Seventh Framework Programme for research, technological development and demonstration under grant agreement no. 613571.</p>
</div>
</div>
</div>
</footer>
<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(function () {
$('[data-toggle="popover"]').popover();
$('[marker]').mouseenter(function(){
$("#marker-"+$(this).attr("marker")).popover('show');
});
$('[marker]').mouseleave(function(){
$("#marker-"+$(this).attr("marker")).popover('destroy');
$("#marker-"+$(this).attr("marker")).popover();
});
})
</script>
</body>
</html>