-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (140 loc) · 8.02 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
<!doctype html>
<html class="" lang="en-GB">
<!-- head -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="amateur, activities, achievements, citizen, crowdsourcing, everyone, interviews, learning, machine, open, participation, public, quiz, science, volunteer">
<meta name="description" content="citizen science for everyone!">
<meta name="author" content="richard j.w. nowell">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="preload" as="image" href="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/scientists-at-work_orig.jpg">
<link rel="preload" as="image" href="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/two-grandmothers-photographing-a-sea-snake_orig.jpg">
<link rel="preload" as="image" href="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/cascades-butterfly-project_orig.jpg">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/f4436ffe97.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<title>Citizen science | Become a scientist today!</title>
</head>
<!--end of head -->
<!-- start of body -->
<body>
<!-- start of header -->
<header>
<!-- menu -->
<nav>
<ul>
<li id="topline">
<h1>Citizen science is for everyone!</h1>
</li>
<li>
<a href="index.html">Home </a>
</li>
<li>
<a href="activities.html">Activities </a>
</li>
<li>
<a href="achievements.html">Achievements </a>
</li>
<li>
<a href="interviews.html">Interviews </a>
</li>
<li>
<a href="newsletter_and_contacts.html">Contact </a>
</li>
</ul>
</nav>
<!-- end of menu -->
</header>
<!-- end of header -->
<!-- main part of page -->
<main>
<!-- intro paragraph -->
<br>
<section>
<h2 id="intro">Introduction</h2>
<div>
<div>
<p>
<i class="fa-solid fa-flask-vial" aria-hidden="true"></i> To many, a scientist is a person, often dressed in a white coat, that works in laboratories, universities or hi-tech factories and doesn't have much to do with the general public. Citizen science is for everyone! seeks to inform the wider public about how they can add to scientific knowledge and why they might want to. This website will help demonstrate that science can be done by citizens, and their children, in many different situations. From examining a million galaxies to counting lions on the Serengeti, from monitoring woodburning stoves to describing the state of rivers, citizens can do science and be as good as professionals.
</p>
</div>
</div>
</section>
<br>
<!-- end of intro paragraph -->
<!-- images of citizens -->
<section>
<h3 id="citizenimages">Citizen scientists diving and climbing.</h3>
<br>
<div>
<div class="flex-container">
<a href="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/two-grandmothers-photographing-a-sea-snake_orig.jpg">
<img src="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/two-grandmothers-photographing-a-sea-snake_orig.jpg" id="grannies-photographing" title="grandmothers photographing" alt="grandmothers photographing">
</a>
<a href="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/cascades-butterfly-project_orig.jpg">
<img src="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/cascades-butterfly-project_orig.jpg" id="cascades-butterfly-project" title="cascades butterfly project" alt="cascades butterfly project">
</a>
</div>
</div>
</section>
<!-- end of images -->
<br>
<section>
<!-- summary of phrase and website -->
<h4 id="whatcs">So what is citizen science?</h4>
<br>
<div>
<div>
<p>
<i class="fa-solid fa-hourglass-start" aria-hidden="true"></i> The first use of the term in the modern sense is in 1989 in an article about acid rain: 225 volunteers were given basic measuring devices and were asked to collect data (see next page). The idea of volunteering is central to the activities where people group together to perform tasks that paid scientists don't or can't do. The assembling of data through whatever means provides evidence that something exists or is happening. Citizen science is for everyone! will give examples of successful projects and what can be achieved.
</p>
<br>
<div class="flex-container">
<a href="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/citizen-astronomers_orig.jpg">
<img loading="lazy" src="https://www.bristolcybersolutions.co.uk/uploads/1/4/4/2/144286628/citizen-astronomers_orig.jpg" id="citizen-astronomers" title="citizen astronomers" alt="citizen astronomers">
</a>
</div>
</div>
</div>
</section>
<!-- end of summary -->
<br>
<section>
<!-- guide to website contents -->
<h5 id="guide">Guide to contents</h5>
<br>
<div class="flex-container">
<ol>
<li>The Home page introduces Citizen Science to people who are not familiar with it. </li>
<li>The Activities page gives examples of and gives links to project sites. There is a quiz. </li>
<li>The Achievements page gives examples and links to academic studies. There is a quiz. </li>
<li>The Interviews page has interviews with 3 friends who are citizen scientists. There is a quiz. </li>
<li>The Contacts page has a secure form if you need to contact the website designer. </li>
</ol>
</div>
</section>
<!-- end of guide -->
<!-- back to menu button -->
<br>
<div class="flex-container">
<a class="btn btn-success" href="https://richardjohnnowell.github.io/Citizens-and-Science/index.html" role="button" target="_blank" rel="noopener">Back to menu
</a>
</div>
<!-- end of back to menu button -->
<br>
</main>
<!-- end of main part of page -->
<!-- footer -->
<footer>
<div id="websitecredit" aria-hidden="true">
<p>This website was designed and built by Richard Nowell 2023. </p>
</div>
<br>
</footer>
<!-- end of footer -->
</body>
<!-- end of body -->
</html>
<!-- end -->