-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (104 loc) · 5.14 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Mono&subset=latin,cyrillic">
<link rel="stylesheet" href="css/main.css">
<title>Код и Магия</title>
</head>
<body>
<header>
<div class="header-clouds"></div>
<div class="header-fence"></div>
<div class="header-tree"></div>
<h1 class="header-title section-title">
Code and Magick
<img src="img/title-site.png" alt="Code and magick">
</h1>
<p class="header-description">
Это игра, где главного героя, которым вам предстоит управлять и изменять заклинаниями окружающий мир зовут
Пендальф Синий.
Вместе с ним вас ждет увлекательное приключение…
</p>
<div class="demo"></div>
<div class="setup-open">
<img src="./img/user-1.jpg" class="setup-open-icon" role="button" aria-pressed="false" tabindex="1">
</div>
</header>
<div class="overlay setup invisible" role="dialog">
<span class="setup-close" role="button" tabindex="4">×</span>
<form class="setup-wizard-form">
<div class="setup-user">
<img class="setup-user-pic" src="./img/user-1.jpg" />
<input type="text" class="setup-user-name" value="Синий Пендальф" required maxlength="50" tabindex="2"/>
</div>
<div class="setup-wizard-appearance">
<div class="setup-wizard-wrap">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62
86" class="setup-wizard">
<g id="wizard">
<g id="wizard-coat" style="fill: #6589a4" tabindex="2" role="button">
<polygon points="19 67 19 59 14 59 14 82 9 82 9 86 23 86 23 67 19 67" />
<polygon points="19 59 19 67 23 67 23 86 48 86 48 54 19 54 19 59" />
</g>
<g id="wizard-head">
<polygon points="48 86 53 86 53 15 58 15 58 10 62 10 62 5 58 5 58 10 48 10 48 5 43 5 43 10 48 10 48 14 48 86" fill="#be3827"/>
<polygon id="wizard-head" points="9 37 19 37 19 23 48 23 48 28 53 28 53 42 48 42 48 51 14 51 14 46 9 46 9 37" fill="#fbd868"/>
<rect x="33" y="39" width="10" height="5" fill="#bec1c3"/>
<rect x="14" y="37" width="5" height="9" fill="#bec1c3"/>
<polygon points="48 39 48 44.34 43 44.34 43 49.69 33 49.69 33 44.34 29 44.34 29 48.62 23 48.62 23 53.97 29 53.97 29 59.31 33 59.31 33 64.66 38 64.66 38 70 43 70 43 64.66 48 64.66 48 53.97 53 53.97 53 48.62 57 48.62 57 39 48 39" fill="#bec1c3"/>
<polygon points="0 47 9 47 9 38 19 38 19 24 48 24 48 28 53 28 53 18 48 18 48 13 14 13 14 18 9 18 9 23 5 23 5 38 0 38 0 47" fill="#bec1c3"/>
</g>
<g id="wizard-eyes" tabindex="2" role="button">
<rect x="28" y="33" width="5" height="5"/>
<rect x="43" y="33" width="5" height="5"/>
</g>
<polygon points="19 67 19 59 14 59 14 82 9 82 9 86 23 86
23 67 19 67" fill="#fff" opacity="0.2"/>
<rect x="14" y="73" width="5" height="5"
fill="#fbd868"/>
<rect x="48" y="63" width="5" height="5" fill="#fbd868"/>
<rect x="48" width="10" height="10" fill="#3aa2ca"/>
<rect x="52" width="5" height="5" fill="#acd5fb"/>
</g>
</svg>
</div>
</div>
<div class="setup-fireball-wrap" tabindex="2" role="button">
<div class="setup-fireball"></div>
</div>
<div class="setup-artifacts">
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
<div class="setup-artifacts-cell"></div>
</div>
<button class="button setup-submit" tabindex="3">Сохранить</button>
</form>
<div class="setup-similar"></div>
</div>
<footer>
<p><a href="http://htmlacademy.ru" class="footer-link"><img src="img/htmlacademy-logo.png" alt="HTML Academy"
width="130">Сделано в HTML Academy</a>в 2017 году</p>
</footer>
<script src="js/utils.js" type="application/javascript"></script>
<script src="js/enable-setup.js" type="application/javascript"></script>
<script src="js/colorize-element.js" type="application/javascript"></script>
<script src="js/stat.js" type="application/javascript"></script>
<script src="js/setup.js" type="application/javascript"></script>
<script src="js/game.js" type="application/javascript"></script>
<script src="js/load.js" type="application/javascript"></script>
</body>
</html>