-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (139 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta property="og:url" content="http://primat.dianov.org/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Эволюция приматов" />
<meta
property="og:description"
content="Единственная в мире всеобщая эволюция приматов с точностью до подсемейств"
/>
<meta
property="og:image"
content="http://primat.dianov.org/img/preview_image.png"
/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Эволюция приматов" />
<meta
name="twitter:description"
content="Единственная в мире всеобщая эволюция приматов с точностью до подсемейств"
/>
<meta
name="twitter:image"
content="http://primat.dianov.org/img/preview_image.png"
/>
<title>Эволюция приматов</title>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="primat.js"></script>
<link rel="stylesheet" href="style.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<style></style>
<!--Yandex.Metrika counter-->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function () {
try {
w.yaCounter49480489 = new Ya.Metrika2({
id: 49480489,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true,
});
} catch (e) {}
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () {
n.parentNode.insertBefore(s, n);
};
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/tag.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else {
f();
}
})(document, window, "yandex_metrika_callbacks2");
</script>
<noscript
><div>
<img
src="https://mc.yandex.ru/watch/49480489"
style="position: absolute; left: -9999px"
alt=""
/></div
></noscript>
<!--/Yandex.Metrika counter-->
</head>
<body>
<div id="axis"></div>
<div id="plot">
<svg
id="chart"
height="8100"
viewBox="0 0 200 8100"
preserveAspectRatio="xMidYMin meet"
></svg>
</div>
<div id="header">
<img
src="img/stanislav.jpg"
width="100"
height="100"
alt="Станислав Дробышевский"
/>
<h1>Эволюция приматов</h1>
<p>
«Эволюция приматов — более сложный процесс, чем многим кажется. Но,
слава палеоприматологам, эволюция приматов изучена лучше, чем
большинства других организмов.
</p>
<p>
Имея тысячи находок, учитывая их географию и датировки, можно
построить общую схему. Однако, насколько мне известно, доселе никто
не озаботился этим всерьёз, поэтому пришлось делать всё самому.
</p>
<p>
Итак, перед Вами — единственная в мире всеобщая эволюция
приматов с точностью до подсемейств, местами
по необходимости указаны и роды.
</p>
<p>
По горизонтали время, справа — современные группы. Великий предок
пургаториус сверху слева, мы — снизу справа».
</p>
<i>Станислав Дробышевский, антрополог и популяризатор науки</i>
</div>
<div id="footer">
<p>
<a href="http://dianov.org">Иван Дианов</a> — дизайнер
и руководитель
</p>
<p>
<a href="mailto:[email protected]">Ольга Мохова </a> — программист
</p>
<p>
<a href="https://vk.com/sonyasonnyislon">Татьяна Сергеевна</a> —
иллюстратор
</p>
<p>
<a href="https://vk.com/id270035082">Лёля</a> и
<a href="https://vk.com/cyberliner">Илья</a> — помощь с данными
</p>
<p>
<br />Умеем обрабатывать и визуализировать данные, проектировать
интерфейсы.<br /><br />Будем рады сотрудничеству, расскажите нам
о своём проекте:
<a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
<div id="legend"><img src="img/map.svg" alt="Легенда" /></div>
<script type="text/javascript">
Primats.draw();
</script>
</body>
</html>