forked from cryptoeconomics-study/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (159 loc) · 7.07 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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74179218-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-74179218-2');
</script>
<meta charset="UTF-8">
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta name="description" content="A course on Cryptoeconomics">
<meta name="keywords" content="cryptoeconomics,book,course,lectures,blockchain,education">
<title>Cryptoeconomics: An Introduction</title>
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style type="text/css">
.main-menu-item {
margin: 20px;
}
.centered-img {
display: block;
margin-left: auto;
margin-right: auto;
width: 200px;
}
.title-text {
font-family: 'Open Sans', sans-serif;
text-align: center;
margin-top: 20px;
font-size: 2em;
letter-spacing: 4px;
}
.input-text {
font-family: 'Open Sans', sans-serif;
text-align: center;
margin-top: 20px;
font-size: 1em;
letter-spacing: 4px;
width: 70%;
}
.title-subheading {
font-size: 0.5em;
}
.with-love {
max-width 500px;
font-size: 0.5em;
margin-top: 100px;
margin-bottom: 5px;
}
.with-love .heart {
width: 1em;
}
.intrinsic-container {
position: relative;
height: 0;
overflow: hidden;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
padding-bottom: 75%;
}
.intrinsic-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 600px) {
.book-summary {
display: none;
}
}
</style>
</head>
<body>
<img src="https://i.imgur.com/XzsEQmk.png" class="centered-img" />
<div class="title-text">
<!-- Book title -->
<div><span style="color:#5ee392;">C</span><span style="color:#6ed88c;">r</span><span style="color:#7dcd87;">y</span><span style="color:#8dc281;">p</span><span style="color:#9db87b;">t</span><span style="color:#acad75;">o</span><span style="color:#bca270;">e</span><span style="color:#cb976a;">c</span><span style="color:#db8c64;">o</span><span style="color:#c88d78;">n</span><span style="color:#b48f8d;">o</span><span style="color:#a190a1;">m</span><span style="color:#8d91b5;">i</span><span style="color:#7a92c9;">c</span><span style="color:#6694de;">s</span><span style="color:#5395f2;">:</span></div><div class="title-subheading"><span style="color:#5e8aec;">A</span><span style="color:#6980e5;">n</span><span style="color:#7475df;"> </span><span style="color:#806ad8;">I</span><span style="color:#8b5fd2;">n</span><span style="color:#9655cb;">t</span><span style="color:#a14ac5;">r</span><span style="color:#ac3fbe;">o</span><span style="color:#935ac7;">d</span><span style="color:#7b76d1;">u</span><span style="color:#6291da;">c</span><span style="color:#4aade3;">t</span><span style="color:#31c8ec;">i</span><span style="color:#19e4f6;">o</span><span style="color:#00ffff;">n</span></div>
<br>
<div style="max-width: 555px; margin: auto; margin-bottom: 50px;">
<div class="intrinsic-container intrinsic-container-16x9">
<iframe src="https://www.youtube.com/embed/m-0escxJ-j8" allowfullscreen frameborder="0"></iframe>
</div>
</div>
<div class="main-menu-item">
<a href="https://forum.cryptoeconomics.study/" style="text-decoration: none">Forum</a>
</div>
<div class="main-menu-item">
<a href="/lectures/chapter-00.html" style="text-decoration: none" onclick="openSidebar()">Lectures</a>
</div>
<div class="main-menu-item">
<a href="/book/index.html" style="text-decoration: none" onclick="openSidebar()">Book</a>
</div>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:none; clear:left; font-family: 'Open Sans', sans-serif;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup" style="max-width: 500px; margin: auto">
<form style="padding: 0" action="https://tech.us12.list-manage.com/subscribe/post?u=605d9798beeb8a1824c8e54e4&id=2bdff54a52" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL" style="font-size: 0.4em; font-weight: normal; text-align: center">Receive Updates</label>
<input type="email" style="max-width: 500px;font-family: 'Open Sans', sans-serif; text-align: center; margin:auto; margin-bottom: 10px;" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Your email... ⏎" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_605d9798beeb8a1824c8e54e4_2bdff54a52" tabindex="-1" value=""></div>
<div style="width: 100px; margin: auto;"><input style="margin:auto;font-family: 'Open Sans', sans-serif; font-weight: normal; background: #fff; color: #000;" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
<div class="with-love">
<span class="vertical-align-text">With</span> <img class="heart" src="https://i.imgur.com/73BkZnF.png"/> from
<img style="width: 35px; vertical-align: middle; padding-bottom: 5px; padding-right:5px" src="https://user-images.githubusercontent.com/706123/38688835-11c5764c-3e48-11e8-94e5-24c223aabac7.png" />
<span style="font-size: 0.6em; letter-spacing: 1px;">· Karl · Jinglan · Aparna · <a style="text-decoration: none" href="http://forum.cryptoeconomics.study">You! Please get involved :)</a></span>
</div>
</div>
</body>
<script>
function closeSidebar() {
if(gitbook.sidebar.isOpen()) {
gitbook.sidebar.toggle();
}
}
function openSidebar() {
if(!gitbook.sidebar.isOpen()) {
gitbook.sidebar.toggle();
}
}
function hideSidebarAtInit() {
var elems = document.querySelectorAll(".with-summary");
if (elems.length == 0) {
setTimeout(hideSidebarAtInit, 30);
return;
}
[].forEach.call(elems, function(el) {
el.classList.remove("with-summary");
});
var bookSummary = document.getElementsByClassName('book-summary');
[].forEach.call(bookSummary, function(el) {
el.style.display = 'block';
});
}
if (Math.max(document.documentElement.clientWidth, window.innerWidth || 0) > 600) {
setTimeout(hideSidebarAtInit, 30);
}
setTimeout(function() {console.log('scrolling to top');document.body.scrollTop = document.documentElement.scrollTop = 0;}, 1000);
</script>
</html>