-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathExperiment.html
249 lines (238 loc) · 11.3 KB
/
Experiment.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
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
247
248
249
<!DOCTYPE html>
<html>
<head>
<title> Gossip</title>
<meta charset="UTF-8">
<meta name="description" content="Depression in AA">
<meta name="keywords" content="AA,depression,black struggles, Black, Afircan American">
<meta name="author" content="Tamoya Oakley, Rhanley Laferiere, Zion Williams">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="Ticon.svg">
<link rel="stylesheet" href="style.css">
<style>
ol {
text-align: none;
}
</style>
</head>
<body>
<div class="nav" style="margin-bottom: 10px;">
<div class="links">
<a href="index.html">Home</a>
<a class="active" href="Experiment.html">Experiment</a>
<a href="Simulator.html">Simulator</a>
<a href="Media.html">Media</a>
<a href="Contact.html">Contact</a>
</div>
</div>
<br><br><br><br><br><br><br>
<div class="row">
<div class="pbody col">
<h1 style="text-decoration: rgb(132, 24, 24) underline;"><i>Social Experiment</i></h1><br>
<img src="unnamed.jpeg" width="500px" height="400px" style="float: right;"><br>
<p class="col-sm-5">In regards to viewing how gossip works within the example of the Steam Center, I wish to
create a formal experiment on rumors and gossip in said location. The experiment will see how different pathways
and the staff interact in regards to a variety of gossip.</p>
</div>
<div class="row">
<div class="body3 col">
<img src="gossipgif (1).gif" wdith="500px" height="400px"
style="margin-top: 90px; margin-left:50px; float: right;">
<p><br><br> The first concern that comes to mind is “Will anyone be negatively impacted by this”? To solve this
problem, I will have individuals who are aware of this experiment. The people in this group will be the
“Victims” and the “Gossiper”. The victims refer to the individual or individuals who have the gossip being
spread about them (good or bad). The gossipers are first individuals to spread the gossip to either others in
their pathway or other staff members. They will be tasked with speaking with as many individuals as they would
deem to be normal and appropriate. This along with them not mentioning their role is done to maintain the
sanctity of the experiment. The “victim” will be the one to determine what type of rumor they would be
comfortable being spread about them. </p><br><br>
</div>
</div>
<div class="row">
<div class="pbody col-md-4" style="margin-bottom: 600px;">
<p>The overall goal is that one negative and positive rumor would be said about the individual and a
comparison would be made between how the two spread, how important they are deemed, and how well
participants remember them. In regards to the participants, the main majority of the people partaking in
this experiment will <b>NOT</b> be aware that it is happening.</p>
</div>
<div class="row" style=" padding-left: 1100px; margin-bottom: -200px; position: absolute;">
<svg style="height: 2000px; width:2000px; margin-bottom: 100px; padding-top:1px;" version="1.1" id="Layer_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 503.607 503.607" style="enable-background:new 0 0 503.607 503.607;" xml:space="preserve">
<g>
<g>
<g>
<path class="path" stroke="white" stroke-width="8px" fill="transparent"
d="M478.426,16.778H25.18C11.27,16.778,0,28.048,0,41.959v327.344c0,13.91,11.27,25.18,25.18,25.18h16.787v83.934
c0,7.672,9.443,11.323,14.604,5.646l81.437-89.58h340.418c13.91,0,25.18-11.27,25.18-25.18V41.959
C503.607,28.048,492.336,16.778,478.426,16.778z M486.82,369.303c0,4.639-3.754,8.393-8.393,8.393H154.559l10.852-10.852
c3.278-3.278,3.278-8.592,0-11.87s-8.592-3.278-11.87,0l-25.18,25.18c-0.05,0.05-0.091,0.104-0.139,0.154
c-0.044,0.046-0.093,0.087-0.136,0.135l-69.33,76.263V386.09c0-4.636-3.758-8.393-8.393-8.393H25.18
c-4.639,0-8.393-3.754-8.393-8.393V41.959c0-4.639,3.754-8.393,8.393-8.393h453.246c4.639,0,8.393,3.754,8.393,8.393V369.303z" />
<path class="path" stroke="white" stroke-width="8px" fill="transparent" d="M298.001,117.5c-18.81,0-35.503,9.794-46.288,24.708c-10.781-14.914-27.477-24.708-46.292-24.708
c-53.659,0-72.75,67.173-33.996,107.299c15.299,15.835,71.518,72.498,74.997,75.405c3.324,2.777,8.216,2.568,11.291-0.482
c1.753-1.738,6.569-6.53,11.628-11.571c7.494-7.469,15.161-15.129,22.492-22.476c20.449-20.495,34.884-35.15,40.294-41.013
C370.647,182.95,351.79,117.5,298.001,117.5z M319.793,213.274c-5.196,5.63-19.602,20.256-39.844,40.544
c-7.318,7.335-14.975,14.984-22.458,22.443c-2.024,2.017-4.009,3.994-5.774,5.751c-15.032-14.884-56.092-56.324-68.218-68.875
c-29.286-30.323-15.494-78.849,21.922-78.849c16.887,0,31.828,11.733,38.504,28.315c2.822,7.01,12.746,7.012,15.571,0.003
c6.685-16.585,21.626-28.318,38.505-28.318C335.648,134.287,349.223,181.405,319.793,213.274z" />
</g>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</div>
<div class="row" style=" padding-right: 1100px; margin-bottom: -200px; position: absolute;">
<svg style="height: 2000px; width:2000px; margin-bottom: 100px; padding-top:1px;" version="1.1" id="Layer_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 492.308 492.308" style="enable-background:new 0 0 492.308 492.308;" xml:space="preserve">
<g>
<g>
<polygon class="path" stroke="white" stroke-width="8px" fill="transparent" points="335.635,135.406 321.712,121.483 246.149,197.043 170.587,121.483 156.663,135.406 232.226,210.966
156.663,286.526 170.587,300.45 246.149,224.889 321.712,300.45 335.635,286.526 260.072,210.966 " />
</g>
</g>
<g>
<g>
<path class="path" stroke="white" stroke-width="8px" fill="transparent" d="M0,28.224v362.534h180.933l65.221,73.327l65.212-73.327h180.942V28.224H0z M472.615,371.065H302.519l-56.365,63.385
l-56.375-63.385H19.692V47.916h452.923V371.065z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</div>
<div class="pbody col-md-4">
<p>Negative Rumors(For Mr.Pryce)</p>
<ol>
<li>The reason Steam is called Steam is because while being high Mr.Pryce saw the vapors from a nearby
hookah and thought to himself “This would make a good brand name”.</li>
<li>Due to being the founder principal of Steam, Mr.Pryce made a clause in the contract for future
principals that a portion of their salary must go to his family and future descendants.</li>
<li>Mr.Pryce has attempted to get his doctorates 5 times and the last occasion of him defending his thesis
ended with a plethora of offensive words being thrown arounds</li>
<li>Mr.Pryce plans on leaving the Steam Center and has chosen to become the new principal of Thomas Edison
High School.</li>
<li>The superintendent and Mr.Pryce have a fling.</li>
</ol>
</div>
<div class="pbody col-md-4" style="margin-bottom: 600px;">
<p>Positive Rumors(For Mr.Pryce)</p>
<ol>
<li>For the past 4 years Mr.Pryce donated 55% of his salary to the doctors without borders</li>
<li>Mr.Pryce annually plans a secret “After Steam” trip or party to somewhere rather grandiose or regal</li>
</ol>
</div>
</div>
</div>
<img src="image.png" style="max-width: 100%;"><br><br>
<div class="row">
<div class="pbody col">
<h1 style="text-decoration: rgb(132, 24, 24) underline;"><i>Details</i></h1>
<p> When presented with the data from the forms, the very first set of information received that is apparent from
the graphs is that Film and Media is perceived to be the pathway that participates in gossip the most. There
were a variety of reasons as to why this was believed, ranging from gossip being seen relating to the topic of
Film and Media in general to the individuals in the class being known to engage in gossip specifically.</p>
</div>
</div>
<footer class="text-center text-white" style="background-image: url('kda_logo.jpeg'); margin-top: 125px;">
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">
<div class="footer">
© 2020 Copyright:
<a class="text-white" href="https://www.brooklynsteamcenter.org/">SteamCenter.com</a>
<div class="socials">
<div class="fa-stack fa-lg">
<a href="https://twitter.com/bksteamcenter">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x"></i></a>
</div>
<div class="fa-stack fa-lg">
<a href="https://www.youtube.com/channel/UCItYaxqisK4-1GHwwArr2-g">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-youtube fa-stack-1x"></i></a>
</div>
</div>
<div class="links">
<a class="active" href="index.html">Home</a>
<a href="Experiment.html">Experiment</a>
<a href="Simulator.html">Simulator</a>
<a href="Media.html">Media</a>
<a href="Contact.html">Contact</a>
</div>
</div>
</div>
</footer>
<div id="bubbles" style="pointer-events: none;">
<div class="bubble2 x1"></div>
<div class="bubble x2"></div>
<div class="bubble2 x5"></div>
<div class="bubble x6"></div>
<div class="bubble2 x3"></div>
<div class="bubble x4"></div>
<div class="bubble2 x1"></div>
<div class="bubble x6"></div>
</div>
</body>
</html>