forked from oetiker/github-pages-demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
celestial-cycle.html
74 lines (67 loc) · 3.9 KB
/
celestial-cycle.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/svg" href="smiley.svg">
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
<title>Celestial Cycle</title>
</head>
<body>
<div id="navbar-placeholder"></div>
<script>
fetch('navbar.html')
.then(response => response.text())
.then(data => {
document.getElementById('navbar-placeholder').innerHTML = data;
});
</script>
<div class="uk-container">
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1467259474&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
<div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;">
<a href="https://soundcloud.com/saltygoyave" title="salty goyave" target="_blank" style="color: #cccccc; text-decoration: none;">salty goyave</a>
· <a href="https://soundcloud.com/saltygoyave/sets/celestial-cycle" title="Celestial Cycle" target="_blank" style="color: #cccccc; text-decoration: none;">Celestial Cycle</a>
</div>
</div>
<p></p>
<div class="uk-container">
<div class="uk-card uk-card-default uk-card-small">
<h1 class="uk-heading-line uk-text-center"><span>א</span></h1>
<div class="uk-text-justify uk-card-body">
In the beginning, molecular clouds consisting of cold and dense gas initiate their contraction due to internal pressure failing to counteract the gravitational attraction within the gaseous region.
This instability leads to the birth of a star.
<p></p>
<h3 class="uk-text-muted">160 bpm <br>4m40s</h3>
</div>
</div>
</div>
<p></p>
<div class="uk-container">
<div class="uk-card uk-card-default uk-card-small">
<h1 class="uk-heading-line uk-text-center"><span>מ</span></h1>
<div class="uk-text-justify uk-card-body">
During most of its lifetime, the core of the star will burn Hydrogen and Helium.
While the inner elements go through fusion, the core gets smaller and hotter allowing it to fuse heavier elements.
<p></p>
<h3 class="uk-text-muted">150 bpm <br>4m40s</h3>
</div>
</div>
</div>
<p></p>
<div class="uk-container">
<div class="uk-card uk-card-default uk-card-small">
<h1 class="uk-heading-line uk-text-center"><span>ת</span></h1>
<div class="uk-text-justify uk-card-body">
When the star has fused all elements with an atomic number lower than or equal to iron, it will not be able to release more energy.
If the star is massive enough, it will collapse on itself due to strong gravitational attraction and this violent event will produce a shockwave in the cosmos, called a supernova.
<p></p>
<h3 class="uk-text-muted">165 bpm <br>4m40s</h3>
</div>
</div>
</div>
</body>
</html>