-
Notifications
You must be signed in to change notification settings - Fork 8
/
environment.html
162 lines (152 loc) · 9.8 KB
/
environment.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
162
<!-- Character encoding was not defined, use "windows-1252" to fix this RESOLVED -->
<!-- This document appears to be written in English. Consider adding “lang="en"” (or variant) to the “html” start tag. RESOLVED -->
<!DOCTYPE html>
<html lang="en">
<head>
<!--Don't need 2 head tags-->
<title>CS In Society | Environment</title>
<meta charset="windows-1252">
<link rel="shortcut icon" type="image/jpg" href="assets/compsoc-logo.png"/>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="styling/style.css" rel="stylesheet">
</head>
<!--2 head tags open, when you already had one open, and all of the content is inside the first one? RESOLVED-->
<body>
<div class="container-fluid h-100 main-body">
<div class="row justify-content-center header-bar g-0">
<div class="col-12">
<a href="index.html">
<h2 class="header-title">
CompSci In Society
</h2>
</a>
</div>
<div class="col-12 col-md">
<a href="./index.html">
<div class="navbar-option">
Cleaning Up E-Waste
</div>
</a>
</div>
<div class="col-12 col-md">
<a href="./biomedical.html">
<div class="navbar-option">
Biomedical Science
</div>
</a>
</div>
<div class="col-12 col-md">
<div class="navbar-option selected">
Environmental Tech
</div>
</div>
</div>
<!--Only 3 pages made as the index page seems to be the same as the Cleaning Up E - waste page -->
<div class="row justify-content-center g-0 page-content">
<div class = "text-center">
<h1 class = "display-1">CS in the Environment</h1>
<h3 class = "display-6"><a href = "JoshAuth.html"><small class="text-muted"> By Josh Burns</small></a></h3>
</div>
<!-- article 1 -->
<div class = "container-sm px-6 pt-4">
<div class="p-3 border bg-light">
<figure>
<blockquote class="blockquote">
<h2>Algorithm reveals the mysterious foraging habits of narwhals</h2>
</blockquote>
<figcaption class="blockquote-footer">
Copenhagen University <cite title="Narwhal Cite"><a href = "https://science.ku.dk/english/press/news/2021/algorithm-reveals-the-mysterious-foraging-habits-of-narwhals/">source</a></cite>
</figcaption>
</figure>
<div class="row mx-n5">
<div class="col-md-5">
<div class="text-center">
<img src="assets/narwhal.jpg" class="rounded img-thumbnail" alt="image of a narwhal swimming" width="700">
</div>
</div>
<div class="col-md-5">
<p> Recently, researchers at the University of Copenhagen have used AI in order to track the forraging patterns of <a href = "https://www.worldwildlife.org/stories/unicorn-of-the-sea-narwhal-facts"> narwhals</a>, something never thought possible.
This algorithm has the ability to predict whether certain sounds produced by the narwhal indicate if it is hunting or not. Using this information,
the algorithm then can map these "clicks" and "pops" to locate areas of hunting and foraging. Allowing marine biologists
to better monitor and track these elusive creatures.
</p>
</div>
</div>
</div>
</div>
<div class = "container-sm px-6 pt-4">
<div class="p-3 border bg-light">
<figure>
<blockquote class="blockquote">
<h2>Data-driven animations of marine mammals combine biology, art, and computation </h2>
</blockquote>
<figcaption class="blockquote-footer">
Tim Stephens <cite title="marine mammal cite"><a href = "https://news.ucsc.edu/2021/10/data-visualization.html?ref=share">source</a></cite>
</figcaption>
</figure>
<div class="row mx-n5">
<div class="col-md-5">
<div class="text-center">
<img src="assets/whale%20visualiser.jpg" class="rounded img-thumbnail" alt="computer generated visualisation of whale" width="700">
</div>
</div>
<div class="col-md-5">
<p>
Recently using the advancements within the field of data visualisation, researchers have been able to generate
animations that show the behaviours of marine mammals. Evolutionary biology first year, Jessica Kendall-Bar
combined her passion for science and freelance art in order to create a method for scientists to easily deliver
findings in a more human-readable format.
in a quote, she said:
</p>
<!--Nested <p> tags-->
<p>
<em>
"By animating a three-dimensional model with data, we can simultaneously display several different data streams. This makes it easier and faster to recognize important patterns in the data"
</em>
</p>
<p>
This whole process took her 4 years and was recently shared at this
years <a href = "http://ieeevis.org/year/2021/welcome"> IEEE Visualization Conference</a> which is a conference
dedicated to new advancements in the field of data visualisation.
</p> <!--No “p” element in scope but a “p” end tag seen. RESOLVED-->
</div>
</div>
</div>
</div>
<!-- article 3 -->
<div class = "container-sm px-6 pt-4">
<div class="p-3 border bg-light">
<figure>
<blockquote class="blockquote">
<h2>Tech firms use remote monitoring to help honey bees </h2>
</blockquote>
<figcaption class="blockquote-footer">
Bernd Debusmann Jr <cite title="bees cite"><a href = "https://www.bbc.co.uk/news/business-57397182">source</a></cite>
<!-- Sleek use of hyperlinks, well disguised into the page, nice touch to make the page look nicer-->
</figcaption>
</figure>
<div class="row mx-n5">
<div class="col-md-5">
<div class = "text-center">
<img src="assets/bee.jpg" class="rounded img-thumbnail" alt="image of bee flying to flower" width="700">
</div>
</div>
<div class="col-md-5">
<p>
After seeing that 43.7% of US bee hives were lost between April 2019 and 2020 due to factors such as mites, pesticides,
and climate change, Noah Wilson-Rich decided to set up a system to help monitor the behaviour of bees around the country.
Working as the chief scientific officer for the Best Bees Company, he has worked to develop these systems so that
they can monitor the health of all bees in a colony. The data collected is often shared with institutions such as Harvard and
MiT so that they can further there research into solutions to this growing problem.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]" ></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>
<!-- Good use of a consist design and 3 informative articles with references to where the data has come from which is a good touch-->