-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDarkMatter&DarkEnergy.html
292 lines (255 loc) · 8.85 KB
/
DarkMatter&DarkEnergy.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
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dark Matter & Dark Energy</title>
<style>
body,
header,
section,
footer {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f0f0f0;
}
header {
background-color: #35495e;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-left: 0.6%;
margin-right: 0.6%;
text-align: center;
margin-bottom: 2rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
h1,
h2,
h3 {
margin: 0;
}
h1 {
font-weight: bold;
font-size: 2.8rem;
color: #fff;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
h2 {
font-weight: bold;
font-size: 1.8rem;
margin-top: 2rem;
color: #333;
}
h3 {
font-weight: lighter;
font-size: 1.5rem;
margin-top: 1.5rem;
color: #666;
}
p {
margin-bottom: 1.5rem;
color: #2d3748;
}
section {
background-color: #fff;
padding: 2rem;
border-radius: 15px;
margin-bottom: 2rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
margin-left: 1.5%;
margin-right: 1.5%;
}
section.visible {
opacity: 1;
visibility: visible;
}
section.hidden {
opacity: 0;
visibility: hidden;
}
section:hover {
transform: scale(1.02);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
footer {
margin-top: 2rem;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
text-align: center;
color: #fff;
background-color: #333;
}
footer p {
margin-bottom: 0px;
}
ul {
list-style-type: none;
padding: 0;
}
ul li {
margin-bottom: 0.5rem;
}
ul li a {
color: #0088cc;
}
@media (max-width: 768px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.2rem;
}
section {
padding: 1.5rem;
}
}
</style>
</head>
<body>
<header>
<h1>Dark Matter & Dark Energy</h1>
</header>
<section id="introduction" class="fade-in-out">
<h2>Introduction</h2>
<p>
Dark matter and dark energy are two of the most mysterious and
intriguing phenomena in modern cosmology. They make up the
majority of the universe, with dark matter accounting for
approximately 25%, dark energy for about 69%, and visible matter
comprising only a small fraction of 5%.
</p>
</section>
<section id="dark-matter" class="fade-in-out">
<h2>Dark Matter</h2>
<p>Dark matter is a hypothetical form of matter that does not
interact with light or other electromagnetic radiation but
exerts a gravitational pull on normal matter. Scientists infer
its existence from its effects on the motion and structure of
galaxies and galaxy clusters.</p>
<p>One of the compelling pieces of evidence for dark matter comes
from the observation of galaxy rotation curves. In spiral
galaxies, stars and gas in the outer regions rotate at
unexpectedly high speeds, indicating the presence of additional
mass that cannot be accounted for by visible matter. This unseen
mass is believed to be dark matter, forming a halo around
galaxies and providing the gravitational force necessary to
explain the observed motions.</p>
<p>Another line of evidence comes from gravitational lensing, the
bending of light by the gravitational field of massive objects.
By studying the distortions in the paths of light from distant
galaxies, scientists can infer the distribution of mass in the
universe.</p>
<p>Dark matter is estimated to constitute about 25% of the universe,
making it a significant component. However, its true nature and
composition remain unknown. Scientists have proposed various
particle candidates for dark matter, such as weakly interacting
massive particles (WIMPs) or axions, but direct detection of
these particles has proved challenging.</p>
</section>
<section id="dark-energy" class="fade-in-out">
<h2>Dark Energy</h2>
<p>Dark energy makes up approximately 69% of the universe and is a mysterious
force that causes the expansion of the universe to accelerate over time,
rather than slow down due to gravity. Scientists discovered its existence in
the late 1990s by observing distant supernovae, which appeared fainter than
expected, indicating that they were farther away than predicted by the
standard model of cosmology.</p>
<p>The nature of dark energy is still unknown, but there are several possible
explanations. One theory suggests that it is a property of space itself, as
proposed by Albert Einstein in his theory of general relativity. He
introduced a term called the cosmological constant, which represents a
constant energy density that fills space and counteracts gravity. Another
possibility is that dark energy is a dynamic field that changes over time
and space, such as quintessence or phantom energy. A third option is that
dark energy is a sign of a flaw in our understanding of gravity, and that we
need a new theory to describe it.</p>
</section>
<section id="current-research" class="fade-in-out">
<h2>Current Research and Experiments</h2>
<p>Dark matter and dark energy are among the most active areas of research in
astrophysics today. Scientists are trying to detect dark matter particles
directly using underground detectors or indirectly using telescopes and
satellites. They are also trying to measure the properties and evolution of
dark energy using various methods, such as surveys of galaxy clusters,
supernovae, and cosmic microwave background radiation.</p>
<p>Understanding dark matter and dark energy is crucial for unraveling the
mysteries of the cosmos and expanding our knowledge of the fundamental
nature of the universe. As research and experiments continue, we may one day
uncover the true nature of these enigmatic entities and shed light on the
hidden workings of the universe.</p>
</section>
<section id="conclusion" class="fade-in-out">
<h2>Conclusion</h2>
<p>Dark matter and dark energy play integral roles in shaping the universe.
Dark matter's gravitational effects influence the formation of structures
such as galaxies and galaxy clusters, while dark energy drives the
accelerated expansion of the universe. Despite their elusive and invisible
nature, scientists have made significant progress in understanding their
existence and impact. Ongoing research and experiments offer hope for
further insights into the true nature and properties of dark matter and dark
energy, ultimately enhancing our understanding of the cosmos and its
intricate workings.</p>
</section>
<footer>
<p style="line-height: 0.8;">.</p>
<p style="color: #ddd; line-height: 0.8;">References:</p>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Dark_matter">Dark Matter</a></li>
<li><a href="https://en.wikipedia.org/wiki/Dark_energy">Dark Energy</a></li>
<li><a href="https://en.wikipedia.org/wiki/Gravitational_lensing">Gravitational Lensing</a></li>
<li><a href="https://en.wikipedia.org/wiki/Weakly_interacting_massive_particle">Weakly Interacting Massive Particles</a></li>
<li><a href="https://en.wikipedia.org/wiki/Cosmological_constant">Cosmological Constant</a></li>
</ul>
<p style="line-height: 0.8;">.</p>
<p style="color: #ddd; line-height: 0.4;">Designed and developed by:
Dev Kothari</p>
<p style="color: #ddd;line-height: 1;">Page Created on: 13th July
2023</p>
<p style="line-height: 1;">.</p>
</footer>
<script>
window.addEventListener('DOMContentLoaded', createObserver);
function createObserver() {
var fadeElements = document.querySelectorAll('.fade-in-out');
var threshold = 0.2;
var observer = new IntersectionObserver(handleFadeAnimation, {
threshold: threshold
});
fadeElements.forEach(function (element) {
observer.observe(element);
});
}
function handleFadeAnimation(entries, observer) {
entries.forEach(function (entry) {
if (entry.isIntersecting && !entry.target.classList.contains('visible')) {
entry.target.classList.add('visible');
}
else if (entry.target.classList.contains('visible')) {
entry.target.classList.remove('visible');
}
});
}
window.addEventListener('DOMContentLoaded', InitialEffectsLoaded);
function InitialEffectsLoaded() {
document.body.style.transition = 'none';
document.body.style.filter = 'blur(12px)';
}
window.addEventListener('load', PageBlurInTransition);
function PageBlurInTransition() {
document.body.style.transition = 'filter 0.4s ease-out';
document.body.style.filter = 'blur(0px)';
}
</script>
</body>
</html>