forked from EvanGit09/ProgrammingBlackWebPage
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwiki.html
More file actions
246 lines (216 loc) · 13.2 KB
/
wiki.html
File metadata and controls
246 lines (216 loc) · 13.2 KB
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!--Link to style sheet one with background colour for footer -->
<link rel="stylesheet" href="mainstylesheet.css">
<title>Wikipedia</title>
</head>
<body>
<!-- added main navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<!--just shifted text in-->
<div class="container">
<a class="navbar-brand" href="#"> <img src="images/internet-icon-vector.jpg" width="50" height="50" alt="" loading="lazy">
The internet</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="wiki.html">Wikipedia</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Educational.html">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="OnlineNews.html">Online News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="entertainment.html">Entertainment</a>
</li>
</ul>
</div>
</div>
</nav>
<h1 class = "center">Wikipedia</h1>
<h2 class = "center">A Democratization of Knowledge</h2>
<!--Adding a carosel-->
<div class="container">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/Wikipedia-Logo.jpg" class="d-block w-100" alt="Wikipedia-Logo">
</div>
<div class="carousel-item">
<img src="images/nehrugandhi.jpg" class="d-block w-100" alt="nehrugandhi">
</div>
<div class="carousel-item">
<img src="images/ww2.jpg" class="d-block w-100" alt="ww2">
</div>
<div class="carousel-item">
<img src="images/earthquakes.png" class="d-block w-100" alt="earthquakes">
</div>
<div class="carousel-item">
<img src="images/jellyfish.jpg" class="d-block w-100" alt="jellyfish">
</div>
<div class="carousel-item">
<img src="images/trump.jpg" class="d-block w-100" alt="trump">
</div>
<div class="carousel-item">
<img src="images/particles.jpg" class="d-block w-100" alt="particles">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- Section for the main text and writing of the website-->
<!-- Article written by Sam about Wikipedia-->
<!-- Same format as used for the education page-->
<section class="education-writing-section">
<div class="container">
<div classes="row">
<div class="edu-class">
<!--Black line to align first heading-->
<div class="whiteText">
<p>
\n
</p>
</div>
<div class="headings1">
<h3>The Origins of Wikipedia</h3>
</div>
<p>
Wikipedia was founded in 2001 and rests on the principle of the democratization of knowledge. The earliest realistic proposal for an online enyclopedia was made by Rick Gates in 1993. His site crashed and burned before publishing anything.
Later, in 2000, Richard Stallman championed the idea that there should be no central authority editing the entries of an online enyclopedia.
This stood in stark contrast to the digital enyclopedias of the time such as Microsoft Encarta and the Enyclopedia Britannica.
The open-source movement contributed greatly toward the motivation to develop a free, open encylopedia.
However, when started by Jimmy Wales and Larry Sanger, Wikipedia was intended to just aid Nupedia, a site that published peer-review papers.
Nupedia was publishing content very slowly and Sanger thought a wiki could help boost the rate of content production.
Wikipedia was officially launched with its own domain wikipedia.com on 15 January 2001. Wikipedia surpassed Nupedia, quickly becoming a global project.
Nupedia writers were encouraged to write the first articles and appeals to volunteers began two days later.
Over the course of the year word got around about Wikipedia and new articles began to be published at a rapid rate.
By September the site was covered in The New York Times by which point it had more than 10,000 articles. It would see that number reach more than 40,000 the following autumn.
</p>
<div class="headings1">
<h4>Funding</h4>
</div>
<p>
In its early days the server space needed to handle traffic was donated by Bomis - an early internet company.
Wikipedia is funded today by donations which are made to the Wikimedia Foundation.
The site is entirely free to all.
In the 2018/2019 financial year Wikimedia received 120 million dollars in donations.
The foundations assests were estimated to be worth 165 million dollars that year.
</p>
<div class="headings1">
<h4>Breadth of Wikipedia</h4>
</div>
<p>
From 2001 Wikipedia grew at an astonishing rate. By 2003 there were 100,000 English articles and German Wikipedia, the next largest, had more than 10,000.
By the end of 2004 the site had 1 million articles in 100 languages - with half of these in English.
Wikipedia had grown so popular that it was even banned for two weeks by the Chinese Communist Party in the summer of 2004.
In 2006 Wales introduced a new feature to manage the quality of the overwhelming volume of articles. He asked the community to focus on upgrading the quality of just 100,000 articles - claiming he would prefer that to 1,000,000 new ones.
By 2007 Wikipedia had 5 million editors working on 7.5 million articles.
By 2016 Japanese Wikipedia joined twelve other languages boasting more than one million articles.
By 2019 Wikipedia, according to Alexa.com, was the seventh most visited website in the world. It was also in 2019 that China expanded its ever increasing block on Wikipedia to all of its languages.
In 2020 English Wikipedia has reached six million articles. It has even been claimed that the evolution of the article on the COVID-19 pandemic will offer useful information to future historians.
</p>
<div class="headings1">
<h4>Fake News</h4>
</div>
<p>
In 2017-18, under pressure to address concerns over fake news,
YouTube and Facebook declared they would rely on Wikipedia to help users avoid misinformation.
This has become especially relevant during the COVID-19 pandemic, which saw the site's readership spike.
</p>
<div class="headings1">
<h4>Fun and Games</h4>
</div>
<p>
In addition to its breadth of content, Wikipedia's linking feature offers users quick ways to explore information.
This linking can allow a user to spend hours reading deeper into an article's content. The links have also spawned a new online game called the Wiki Game.
The Wiki Game is played between two players who must start on a randomly
selected site (accessed using Wikipedia's "Random Article" feature)
and using hyperlinks alone reach an unrelated, agreed upon site. The game gives one a sense of the enormity of Wikipedia.
Have a go for yourself. Start at this <a href="https://en.wikipedia.org/wiki/1914_Southwest_Texas_State_Bobcats_football_team">random page</a> and try to get to the page for <a href="https://en.wikipedia.org/wiki/Mahatma_Gandhi">Mahatma Gandhi.</a>
</p>
<!--Note to Sam: Add dropdown tool for link to wikipedia and references for article-->
<div class = "container collapseContainer">
<p>
<a class="btn linkButton" data-toggle="collapse" href="#collapseExample1" role="button" aria-expanded="false" aria-controls="collapseExample1">
Sources
</a>
</p>
<div class="collapse" id="collapseExample1">
<li><a href="https://en.wikipedia.org/wiki/Wikipedia">https://en.wikipedia.org/wiki/Wikipedia</a></li>
<li><a href="https://en.wikipedia.org/wiki/Nupedia">https://en.wikipedia.org/wiki/Nupedia</a></li>
<li><a href="https://en.wikipedia.org/wiki/Bomis">https://en.wikipedia.org/wiki/Bomis</a></li>
<li><a href="https://en.wikipedia.org/wiki/History_of_Wikipedia">https://en.wikipedia.org/wiki/History_of_Wikipedia</a></li>
</div>
</div>
<!--Sidebar for author details-->
<ul>
<li>Author: Sam Waugh </li>
<li>Github: <a href="https://github.com/sammwaughh" target="_blank">sammwaughh</a></li>
<li>LinkedIn:<a href="https://www.linkedin.com/mwlite/in/samuel-waugh-31903b1bb" target="_blank">Samuel Waugh</a></li>
</ul>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<!--Once you add your text, footer can go at bottom of page!-->
<footer>
<div class="container">
<div class="row">
<div class="col-med-8">
<a class="footer-logo" href="">the internet</a>
<p>Webpage about the how the internet has made a positive social impact. Made with collaboration.</p>
</div>
<div class="col-med-8">
<div class="whiteText">
<h4>Useful links</h4>
</div>
<ul>
<li><a class="nav-link" href="index.html">Home</a></li>
<li><a class="nav-link" href="wiki.html">Wiki</a></li>
<li><a class="nav-link" href="entertainment.html">Entertainment</a></li>
<li><a class="nav-link" href="Educational.html">Education</a></li>
</ul>
</div>
</div>
<div class="w-100 text-center">
<p>Made by Sam in collabaration with Corey, Jack and Suzanne © 2020. All rights reserved</p>
</div>
</div>
</footer>
</body>
</html>