-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (86 loc) · 5.47 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="3.jpg" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7FEC9G1X5Q"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7FEC9G1X5Q');
</script>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<title>Twin's Paradox</title>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"> </script>
</head>
<!-- <section id="sec1">
<h1 style="color: white"> Twin Paradox</h1>
<p style="color: white;">The twin paradox theory is a special relativity thought experiment involving identical twins, one of whom travels into space in a high-speed rocket and returns home to discover that the twin who stayed on Earth has aged more.</p>
<img src="https://blog.shabda.co/wp-content/uploads/2015/11/twin-paradox.jpg"style="width:500px;height:400px;"> <br><br><br>
</section> -->
<body style="background-color: rgba(24, 22, 22, 0.738)">
<header>
<div class="container">
<h3>The Twin Paradox</h3>
<h4 style="color: white;"> ~ by albert einstein in 1905</h4>
</div><!-- /.container -->
</header>
<section>
<body style="background-color: black"><strong>
<p style="color:rgb(149, 255, 0) ;" >→ The twin paradox theory is a special relativity thought experiment involving identical twins, one of whom travels into space in a high-speed rocket and returns home to discover that the twin who stayed on Earth has aged more.</p>
<br>
<p style="color: rgb(149, 255, 0);"> → Because of time dilation, time moves more slowly in the spacecraft than it does on Earth, and the moving twin will discover that the earthbound twin is older when they return.</p>
<br>
<img src="https://th.bing.com/th/id/R.92fc500197b39a95f97f33d7d24416b8?rik=bBBhtCDkX532%2bw&riu=http%3a%2f%2f1.bp.blogspot.com%2f-rdBoi_yHnQA%2fUEgu3pu_H6I%2fAAAAAAAAADg%2fHxkHpnb5P4A%2fs1600%2fTime%2bDilation.png&ehk=BLf3PnuLFisWnhFIpo4NrFDs3WgHxv9VLmLbl%2bVP%2bv0%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1" width="400" height="300">
<h2 style="color: rgb(224, 162, 38);"> Why Time Slow Down ? </h2>
<p style="color: rgb(149, 255, 0);">→ According to Einstein, nothing can be faster than speed of light in vacuum. So if you approach the speed, <br>
And fire a light beam then you should see the beam travel at speed of light. <br><br>
Someone at rest will see the speed of beam, then, equal to speed of light + your speed which is not possible.<br><br>
So time for the moving body should slow down so that the situation could be balanced.</p></strong>
<img src="https://i.pinimg.com/originals/fe/a1/07/fea107a15d85c0df514597b57cd09833.jpg" width="400" height="300">
</div><!-- /.container -->
</body>
</section>
<center><h2 style="color: rgb(91, 231, 31)"><b>Let's Start Thought Experiment</b></h2></center><br>
<h2 style="background-color: transparent; color: rgb(182, 241, 21);">1) your twins stays on Earth, and You leaves Earth in a spaceship.
</h2><br><br>
<section id="sec1">
<!-- <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQWv9EGM6Qylsxg82nsi1weJ4Y-uy5rCzrwtg&usqp=CAU"> -->
</section>
<br><br>
<br>
<h2 style="background-color: transparent; color: rgb(182, 241, 21);">2) Your Spaceships travels Near by Speed of Light</h2>
<section id="sec2">
<br><br>
<form>
<div class="form-outline col-lg-6 text-left mt-5"><h3 style="color: rgb(21, 241, 124);">Enter Your Speed in m/s</h3>
<input type="number" class="form-control" id="speed" min="0" max="300000" placeholder="165000" required/></div><br><br>
<br><br></form>
<!-- <img src="https://th.bing.com/th/id/OIP.N0-r-14BHbft9rzQRZ7YTQHaEo?w=263&h=180&c=7&r=0&o=5&dpr=1.65&pid=1.7"> -->
</section>
<br><br>
<h2 style="color: rgb(182, 241, 21);"> 3) The spaceship will return to Earth </h2>
<section id=sec3>
<br>
<div class="form-outline col-lg-6 text-left mt-5"><h3 style="color: rgb(21, 241, 124)" ;>Enter time when Will You Return</h3>
<input type="number" class="form-control" id="time" placeholder="10" required /></div><br><br>
<br><br><span class="Smalltxt"> <br> <br> <a style="color: rgb(21, 241, 124);">your time is in :- </a>
<input type="radio" name="JTP" id="checkbox" value="years " checked><a style="color: rgb(241, 28, 21);"> years </a>
<input type="radio" name="JTP" id="checkbox2" value="days"><a style="color: rgb(241, 28, 21);"> Days </a><br>
</span>
</section>
<br>
<center> <button type="submit" class="btn btn-success" style="justify-content: center;"
onclick="gentime()">Calculate Time Dilation</button></span></center>
<h3 id = "res" style="background-color: white"></h3>
<h3 id = "sub" style="background-color: white"></h3>
</body>
<strong> <h4 style="color: rgb(230, 54, 26);"> Made by <a style="color: aqua;" href="https://jaygajera17.github.io/Jay_Gajera_17/">Jay Gajera</a></h4></strong>
</html>