-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
807 lines (677 loc) · 33.8 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
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
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
<!-- file:///C:/Users/gabee/Desktop/wormhole/index.html -->
<!-- https://dashboard.heroku.com/apps/wormhole-wolf -->
<!-- https://github.com/gabriel-wolf/wormhole -->
<!DOCTYPE html>
<html id="html" style="overflow:auto;">
<head>
<title>Wormholes</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
rel="stylesheet">
<link href="css/dark-theme.css" rel="stylesheet" id="theme-link">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/scroll.css">
<link rel="stylesheet" href="css/hover-text.css">
<link rel="stylesheet" href="css/glitch.css">
<link rel="stylesheet" href="css/dict-popup.css">
<link rel="stylesheet" href="css/toc.css">
<link href="css/rainbow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script language="JavaScript1.2" src="js/pretty_sticky.js" type="text/javascript"></script>
</head>
<body onLoad="swapall(Text)">
<script language="JavaScript1.2" src="js/pretty_text.js" type="text/javascript"></script>
<nav class="toc">
<ul>
<li><a href="#our-universe">Our Univese</a></li>
<li>
<ul>
<li>
<a href="#bulk">Bulk</a>
</li>
<ul>
<li><a href="#bulk-beings">Bulk Beings</a></li>
<li><a href="#pass-through">Pass Through</a></li>
</ul>
</ul>
</li>
<li>
<a href="#wormholes">Wormholes</a>
</li>
<li>
<ul>
<li><a href="#singularities">Singularities</a></li>
<li><a href="#traversable-wormholes">Traversable
</a></li>
<ul>
<li><a href="#light-rays">Light Rays</a></li>
</ul>
<li><a href="#negative-energy">Negative Energy</a></li>
<li><a href="#naturally-occurring-wormholes">Naturally Occurring</a></li>
<ul>
<li><a href="#quantum-foam">Quantum Foam</a></li>
</ul>
</ul>
<li><a href="#code">Code</a></li>
<li><a href="#cont-valid">Validation</a></li>
<li><a href="#sources">Sources</a></li>
</li>
</ul>
<svg class="toc-marker" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<path stroke="lightblue" stroke-width="3" fill="transparent" stroke-dasharray="0, 0, 0, 1000"
stroke-linecap="round" stroke-linejoin="round" transform="translate(-0.5, -0.5)" />
</svg>
</nav>
<!-- section 1 -->
<section id="section01">
<!-- interstellar top text -->
<div class="fullvh-body body-glitch">
<div class="div-glitch" title="div glitch">
WORMHOLE
</div>
</div>
<div class="clickdiv" style="width:auto;height:15vh;z-index:999999999999;">
<a href="#section02" style="text-decoration:none;">
<div class="mouse_scroll">
<div class="mouse">
<div class="wheel"></div>
</div>
<div>
<span class="m_scroll_arrows unu"></span>
<span class="m_scroll_arrows doi"></span>
<span class="m_scroll_arrows trei"></span>
</div>
</div>
</a>
</div>
</div>
</section>
<div class="spacer"></div>
<div class="spacer"></div>
<!-- main content -->
<div style="margin-right:8%; margin-left:8%;">
<section class="sect ct compact-margins" id="section02">
<h1 id="our-universe" class="ct ci">Our Universe</h1>
<p class="quote">
A common phrase we will be using is "<a class="swapme">brane</a>"<br>
Our entire world is contained in a 2D brane which we call "our universe" or "<a class="swapme">our
brane</a>"<br>
</p>
<img src="imgs/flat02.png" style="width:50%;">
<p>
This concept is key to understanding the rest of this site.
</p>
<!--
<figure>
<img src="imgs/no water flat with water universe.png" alt="2d universe from bulk" style="width:50%">
<figcaption>
View of a 2D brane from inside the bulk. (will learn more about this in a later section)
</figcaption>
</figure>
-->
<h2 id="bulk" class="ct ci">Bulk</h2>
<p class="quote">Popular media usually calls <a class="swapme">the bulk</a> "hyperspace." Star Wars is a
great example.
</p>
<img src="vids/jump to hyper.gif" alt="jump to hyperspace" style="width:50%;height:auto;">
<p>
Han and Chewie jump to "lightspeed" and enter "hyperspace."
</p>
<h3 id="bulk-beings" class="ct ci">Bulk Beings</h3>
<p>
Bulk Beings are "beings" from other branes (other "dimensions").<br>
Check out this scene from Interstellar where the crew interacts with what they call "bulk beings"
</p>
<div class="w3-container">
<div class="ci relative">
<div class="middleofvid">
<a href='#' class='playBut'>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px"
width="163.7px" height="163.7px" viewBox="0 0 213.7 213.7"
enable-background="new 0 0 213.7 213.7" xml:space="preserve">
<polygon class='triangle' id="XMLID_18_" fill="none" stroke-width="7"
stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
73.5,62.5 148.5,105.8 73.5,149.1 " />
<circle class='circle' id="XMLID_17_" fill="none" stroke-width="7"
stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="106.8"
cy="106.8" r="103.3" />
</svg>
</a>
</div>
<video class="ci" id="autoplay" width="35%" height="auto" onmouseenter='VideoController(true, this)'
onmouseleave='VideoController(false, this)'>
<source src="vids/handshake-scene.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<p>
It would be reasonable to assume other branes have their own matter, forces, and fields.<br>
HOWEVER, we cannot interact with any of these <i>except</i> <b>gravity and the warping of spacetime due
to gravity</b>.
</p>
<div id="pass-through">
<h3>Pass Through (Advanced Topic)</h3>
<p class="w3-text-red">
This topic is <b><i>extremely</i></b> advanced and beyond the scope of this site.<br>
However, I have done more research and thus have a greater knowledge on this topic than is shown
here.<br>
Feel free to ask me more about this or anything else and I can talk to you more about it in depth.
</p>
<p class="w3-xlarge">
When a bulk being passes through our brane,<br>
</p>
<p class="quote">
We <b class="w3-text-red">cannot</b> see the contents of the being (because the cross section is
transparent)<br>
We <b class="w3-text-green">can</b> feel it and see it's gravity and <a class="swapme">warping of
spacetime</a> (due to gravity).<br>
<!-- <br>See the graphic below: -->
</p>
<figure>
<img src="imgs/citywarp.gif" alt="2d universe from bulk" style="width:50%;margin-block-end:15px;">
<figcaption>
Higher dimension object passing through lower dimension brane from inside lower brane.
</figcaption>
</figure>
<p>
This clip shows Cooper using gravity to communicate with the people on Earth from inside the
tesseract.
</p>
<div class="w3-container">
<div class="ci relative">
<div class="middleofvid">
<a href='#' class='playBut'>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px"
width="163.7px" height="163.7px" viewBox="0 0 213.7 213.7"
enable-background="new 0 0 213.7 213.7" xml:space="preserve">
<polygon class='triangle' id="XMLID_18_" fill="none" stroke-width="7"
stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
73.5,62.5 148.5,105.8 73.5,149.1 " />
<circle class='circle' id="XMLID_17_" fill="none" stroke-width="7"
stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="106.8"
cy="106.8" r="103.3" />
</svg>
</a>
</div>
<video class="ci" id="autoplay" width="35%" height="auto"
onmouseenter='VideoController(true, this)' onmouseleave='VideoController(false, this)'>
<source src="vids/gravity-scene.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<p>
Speaking of warping...
</p>
</div>
<h1 id="wormholes" class="ct ci">
Wormholes
</h1>
<p class="quote">
Commonly called an <a class="swapme">Einstein-Rosen Bridge</a>.<br>
</p>
<figure>
<img src="imgs/wormhole grid 2.jpeg" alt="2d universe from bulk"
style="height:50%;margin-block-end:15px;">
<figcaption>
Boeing 747 on its way to Newark being swallowed by an Einstein-Rosen Bridge.
</figcaption>
</figure>
<p class="quote">
<a class="swapme">Black Holes</a> have <b>one</b> <a class="swapme">singularity</a>. Wormholes have
<b>two</b> singularities.
</p>
<h2 id="singularities" class="ct ci">Singularities</h2>
<p>
A singularity is a place where spacetime is infinitely warped.
</p>
<p class="quote">
When a wormhole <a class="swapme">pinches off</a> (collapses), everything inside of it is destroyed.<br>
</p>
<p class="w3-xlarge w3-text-red">
<b>This prevents realistic use of wormholes for space travel!</b>
</p>
<h2 id="traversable-wormholes" class="ct ci">Traversable Wormholes</h2>
<p class="quote">
Wormholes that allow travel are called <a class="swapme">traversable wormholes</a>.<br>
The issue is <b class="w3-large w3-text-yellow">traversable wormholes can't stay open long
enough!</b><br>
</p>
<p class="w3-xlarge w3-text-white">
How do we keep traversable wormholes open?
</p>
<p>
We will explain how we can keep wormholes open longer.<br>
But first, we need to learn about why wormholes collapse in the first place.
</p>
<div id="light-rays">
<h3 class="ct ci">Light Rays</h3>
<p class="quote">
<a class="swapme">Gravitating Bodies</a> like the sun and black holes <a class="swapme">bend light
rays inward</a>.
</p>
<figure>
<img src="imgs/earthgravity.jpeg" alt="2d universe from bulk" style="width:50%">
<figcaption>
Earth is a gravitational body. It bends light inward.
</figcaption>
</figure>
<p class="quote">
<a class="swapme">Negative Masses</a> like wormholes <a class="swapme">bend light rays outwards</a>.
</p>
<figure>
<img src="imgs/wormholegravity.jpeg" alt="2d universe from bulk" style="width:50%">
<figcaption>
Wormholes are negative masses. They bend light outwards.
</figcaption>
</figure>
<p class="quote">
Negative masses contain what we call <a class="swapme">negative energy</a>.<br>
</p>
</div>
<div id="negative-energy">
<h2 class="ct ci">
Negative Energy
</h2>
<p class="quote">
<a class="swapme">Exotic Matter</a> (made out of negative energy) is used to keep the <a
class="swapme">mouth of a wormhole</a> open.
<!-- <p class="w3-xlarge">
we need a monstrous amount of exotic matter
</p> -->
<p class="w3-xlarge">
we need a whole lot of exotic matter
</p>
<p class="quote">
We would need the energy the sun produces over <b>100 million years</b> to make a
wormhole the size of a <b>grapefruit</b>.<br>(From <a class="swapme">Marcus Woo</a>)
</p>
<div class="spacer"></div>
<link rel="stylesheet" href="css/jux.css">
<div id="juxtapose-embed" class="ci ct juxtapose" style="height: 600px; width: 600px;">
<div class="jx-slider">
<div class="jx-handle transition" style="left: 57.14%;">
<div class="jx-arrow jx-left"></div>
<div class="jx-control">
<div class="jx-controller" tabindex="0" role="slider" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="jx-arrow jx-right"></div>
</div>
<div class="jx-image jx-left transition" style="width: 57.14%;"><img src="imgs/sun trans.png"
alt="Energy from Sun" href="(over 100 million years)">
<div class="jx-label" tabindex="0"></div>
</div>
<div class="jx-image jx-right transition" style="width: 42.86%;"><img
src="imgs/transparent grape copy.png" alt="Wormhole" href="(size of a grapefruit)">
<div class="jx-label" tabindex="0"></div>
</div>
<!-- <a href="https://juxtapose.knightlab.com" target="_blank" rel="noopener" class="jx-knightlab">
<div class="knightlab-logo"></div><span class="juxtapose-name">JuxtaposeJS</span>
</a> -->
</div>
<div class="jx-credit"><em>Photo Credits:</em> <em>Before</em> for over 100 million years
<em>After</em>
size of a single grapefruit
</div>
</div>
<script src="js/jux.js"></script>
</p>
</div>
<!-- (mouth images) -->
<h2 id="naturally-occurring-wormholes" class="ct ci">Naturally Occurring Wormhole</h2>
<p class="quote">
John Wheeler's theory of <a class="swapme">quantum foam</a> gives us a possible solution to our problem
by the creation of <a class="swapme">naturally occuring wormholes</a>.
</p>
<h3 id="quantum-foam" class="ct ci">Quantum Foam</h3>
<figure>
<img src="imgs/foamgif.gif" alt="2d universe from bulk" style="width:50%">
<figcaption>
Microscopic wormholes constantly being created and destroyed.
</figcaption>
</figure>
<p>
Quantum foam or is the quantum fluctuation of spacetime on very small scales due to quantum
mechanics.<br>
Many believe that there is a chance that one of these wormholes could grow to human size by random
chance.<br>
But is that true?
</p>
<p class="w3-xlarge w3-text-yellow">
We don't know. We simply don't know.
</p>
<h1 class="ct" id="code">Code</h1>
<div class="w3-container compact-margins ct">
<p class="w3-text w3-xlarge quote ct">
This site was created <b>entirely</b> from scratch by <a class="swapme">me</a>.<br>
</p>
HTML
<div class="center-div">
<pre class="large"><code data-language="html"><a class='swapme'>GitHub</a></code></pre>
</div>
JAVASCRIPT
<div class="center-div">
<pre
class="medium"><code data-language="javascript">Text['GitHub'] = ["GitHub","An online code storage repository.",["",""],"author",false,"","","",""]</code></pre>
</div>
<p class="w3-text quote ct">
The hover box system took me around 2 days to code. It is completely dynamic and designed to be
easily
added to HTML.
An example of the code used to generate the hover box for "GitHub" is shown above. The other (at
the time of writing) 4,048+ lines of code that make this work are all on my
<a class="swapme">GitHub</a>.
<br><br><br>
<b id="why-i-chose" class="w3-xlarge">Why I Chose Wormholes?</b><br>
I chose to do my project on wormholes because it was the most intersting topic to me.
It is at the center of all other scientific phenomenon in the film.
I felt that if I understood wormholes I could in turn explain (to a certain extent) every other
phenomenon in the film.
</p>
<br>
</div>
<div>
</div>
<style>
table,
th,
td {
border: 1px solid red;
}
#t01 tr:nth-child(even) {
background-color: #eee;
}
#t01 tr:nth-child(odd) {
background-color: #fff;
}
#t01 th {
color: white;
background-color: black;
}
#t01 {
color: black;
}
#t012 td {
text-align: left !important;
vertical-align: top !important;
}
#t01 td {
text-align: left !important;
vertical-align: top !important;
}
</style>
<div id="cont-valid" class="prove-div" style="outline:solid;">
<p class="w3-xxlarge w3-margin-top w3-margin-bottom" style="padding-top:10px;">Validation</p>
<table class="" id="t012" style="width:100%">
<tr>
<th>Sources</th>
<th>Product</th>
<th>Graphics</th>
<th>Extras</th>
</tr>
<tr>
<td>
<ul style="text-align:left!important;">
<li>Variety</li>
<li>Depth</li>
<li>Credibility</li>
</ul>
</td>
<td>
<ul style="text-align:left!important;">
<li>Well Developed</li>
<li>Terminology</li>
<li>Questions</li>
<li>Why Chose?</li>
</ul>
</td>
<td>
<ul style="text-align:left!important;">
<li>Unique Display</li>
<li>Diagrams & Models</li>
<li>Statistics</li>
<li>Interactive Component</li>
</ul>
</td>
<td>
<ul style="text-align:left!important;">
<li>Puppets?</li>
<li>Fruit</li>
<li>Made with Love</li>
<li>...and VSCode</li>
</ul>
</td>
</tr>
</table>
<p class="w3-text w3-xlarge">Sources</p>
<table id="t012" class="" style="width:100%">
<tr>
<th>Variety</th>
<th>Depth</th>
<th>Credibility</th>
</tr>
<tr>
<td>
<ul style="text-align:left!important;">
Sources Include:
<li>1 book</li>
<li>1 edu</li>
<li>2 org</li>
<li>1 film</li>
<li>2 pop media</li>
<li>1 wiki</li>
<li>1 com</li>
<li>1 sci news</li>
<li>1 encyclopedia</li>
<li>1 world news</li>
</ul>
</td>
<td>
<ul style="text-align:left!important;">
Site Includes:
<li>15x dynamic images</li>
<li>19x inline images</li>
<li>27x sections</li>
<li>40x hover boxes</li>
<li>756 lines of HTML code</li>
<li>2124 lines of JavaScript code</li>
<li>too many to count lines of CSS code</li>
</ul>
</td>
<td>
<ul style="text-align:left!important;">
Some Example Crededntials from my Sources:
<li>President, Initiative for Interstelllar Studies</li>
<li>2017 Nobel Prize Winner in Physics</li>
<li>Participant at CERN in Geneva, Switzerland</li>
<li>Content editor for Times Higher Education and the World University Rankings</li>
<li>Founder of The Basics of Philosophy</li>
<li>Science News Editor</li>
<li>Writer for Wired, BBC Earth, BBC Future, National Geographic, New Scientist, Slate, Discover</li>
</ul>
</td>
</tr>
</table>
<p class="w3-text w3-xlarge">Product</p>
<table id="t012" class="" style="width:100%">
<tr>
<th>Well Developed</th>
<th>Terminology</th>
<th>Questions</th>
<th>Why Chose</th>
</tr>
<tr>
<td>
See above table for more.
</td>
<td>
More than 40 custom made definition popups. (Does not include anything defined inline)
</td>
<td>
Uses thought-process, question-answer system to guide order of site.
</td>
<td>
<a href="#why-i-chose">right here</a>
</td>
</tr>
</table>
<p class="w3-text w3-xlarge">Graphics</p>
<table id="t012" class="" style="width:100%">
<tr>
<th>Unique Display</th>
<th>Diagrams & Models</th>
<th>Statistics</th>
<th>Inetractive Component</th>
</tr>
<tr>
<td>
Nobody made their own website completely from scratch like I did.
</td>
<td>
Check out some of the numbers and information in the table above. But trust me. Lots of diagrams, some of them even animated.
</td>
<td>
There is some statistics done. Check out the section on the amount of negative energy needed to keep a wormhole open.
</td>
<td>
The site was made with interactivity in mind. Everything is easy and informative without overloading with info.<br>
Everything also has nice animations with interactivity in mind.
</td>
</tr>
</table>
<p class="w3-text w3-xlarge">Extras</p>
<table id="t012" class="" style="width:100%">
<tr>
<th>Puppets</th>
<th>Terminology</th>
<th>Questions</th>
<th>Why Chose</th>
</tr>
<tr>
<td>
I hope to put those in and if they aren't they are coming in an upcoming update. I promise.
</td>
<td>
Yes! We use a grapefruit in an explanation of the issue with negative energy. Check it out!
</td>
<td>
Definitely made with love.
</td>
<td>
Also definitely coded within VSCode.
</td>
</tr>
</table>
<div><br></div>
</div>
<style>
.goofyman h4 {
font-size: 25px;
/* color: rgb(219, 175, 255); */
margin: 0px;
/* text-decoration: underline; */
margin-block-end: 5px;
margin-block-start: 10px;
}
.goofyman a {
color: lightblue;
}
.goofyman {
color: white;
font-style: italic;
font-size: medium;
}
</style>
<div id="sources" class="goofyman">
<h1 class="ct ci">Source List</h1>
<p>
<h4>The Science of Interstellar</h4>
Kip Thorne<br>
<a
href="https://www.amazon.com/Science-Interstellar-Kip-Thorne/dp/0393351378">https://www.amazon.com/Science-Interstellar-Kip-Thorne/dp/0393351378</a>
<br>
<br>
<h4>New Improved Wormholes</h4>
John G. Cramer<br>
<a
href="www.npl.washington.edu/av/altvw103.html#:~:text=Wormholes%20have%20a%20strong%20tendency,matter%22%20objects%20with%20negative%20masses">www.npl.washington.edu/av/altvw103.html</a>
<br>
<br>
<h4>The Einstein-Rosen Bridge</h4>
Kelvin F. Long<br>
<a href="https://i4is.org/einstein-rosen-bridge/">https://i4is.org/einstein-rosen-bridge/</a>
<br>
<br>
<h4>The Birth of Wormholes</h4>
David Lindley<br>
<a href="https://physics.aps.org/story/v15/st11">https://physics.aps.org/story/v15/st11</a>
<br>
<br>
<h4>Interstellar (2014)</h4>
Christopher Nolan<br>
<a href="https://www.imdb.com/title/tt0816692/">https://www.imdb.com/title/tt0816692/</a>
<br>
<h4>The Universe Is Made of Tiny Bubbles Containing Mini-Universes, Scientists Say</h4>
Carly Minsky<br>
<a
href="https://www.vice.com/en/article/j5yngp/the-universe-is-made-of-tiny-bubbles-containing-mini-universes-scientists-say">https://www.vice.com/en/article/j5yngp/the-universe-is-made-of-tiny-bubbles-containing-mini-universes-scientists-say</a>
<br>
<br>
<h4>An ‘Interstellar’ Explainer: What Are Bulk Beings?</h4>
W. W. Norton & Company<br>
<a
href="https://wwnorton.medium.com/an-interstellar-explainer-what-are-bulk-beings-1f0d0d99f847">https://wwnorton.medium.com/an-interstellar-explainer-what-are-bulk-beings-1f0d0d99f847</a>
<br>
<br>
<h4>Gravitational Singularity</h4>
Wikipedia Authors<br>
<a
href="https://en.wikipedia.org/wiki/Gravitational_singularity">https://en.wikipedia.org/wiki/Gravitational_singularity</a>
<br>
<br>
<h4>Singularities</h4>
Mastin, L.<br>
<a
href="https://www.physicsoftheuniverse.com/topics_blackholes_singularities.html">https://www.physicsoftheuniverse.com/topics_blackholes_singularities.html</a>
<br>
<br>
<h4>A black hole circling a wormhole would emit weird gravitational waves</h4>
Emily Conover<br>
<a
href="https://www.sciencenews.org/article/black-hole-circling-wormhole-weird-gravitational-waves">https://www.sciencenews.org/article/black-hole-circling-wormhole-weird-gravitational-waves</a>
<br>
<br>
<h4>Brane - physics</h4>
Britannica Authors<br>
<a href="https://www.britannica.com/science/brane">https://www.britannica.com/science/brane</a>
<br>
<br>
<h4>Will we ever… travel in wormholes?</h4>
Marcus Woo<br>
<a
href="bbc.com/future/article/20140326-will-we-ever-travel-in-wormholes">https://www.bbc.com/future/article/20140326-will-we-ever-travel-in-wormholes</a>
<br>
</p>
</div>
<!-- <div class="bigassdiv"></div> -->
<div class="spacer"></div>
<div class="spacer"></div>
</section>
<!-- <div class="bigassdiv"></div> -->
</div>
</body>
<script src="js/script.js"></script>
<script src="js/rainbow-custom.min.js"></script>
<script src="js/toc.js"></script>
<script>initComparisons();</script>
</html>