-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (124 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
<!DOCTYPE html>
<html>
<head>
<title>MAGNUS</title>
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body>
<div class="fcontainer">
<div id="upper">
<div class="fcontainer" id="navbarleftside">
<a href="aboutme.html"><img src="Assets/White_King.png" class="navbarimg"></a><span>About Me</span>
</div>
<div class="anim pg">
<h1>
<span style="--i:1">A</span>
<span style="--i:2"> </span>
<span style="--i:3">P</span>
<span style="--i:4">r</span>
<span style="--i:5">o</span>
<span style="--i:6">g</span>
<span style="--i:7">r</span>
<span style="--i:8">a</span>
<span style="--i:9">m</span>
<span style="--i:10">m</span>
<span style="--i:11">e</span>
<span style="--i:12">r</span>
<span style="--i:13">'</span>
<span style="--i:14">s</span>
<span style="--i:15"> </span>
<span style="--i:16">G</span>
<span style="--i:17">a</span>
<span style="--i:18">m</span>
<span style="--i:19">b</span>
<span style="--i:20">i</span>
<span style="--i:21">t</span>
</h1>
</div>
<div class="fcontainer" id="navbarrightside">
<a href="contacts.html"><img src="Assets/White_Rook.png" class="navbarimg"></a><span>Contacts</span>
</div>
</div>
<div class="fcontainer">
<div class="chessboard">
<!-- 1st -->
<div class="anim2">
<div class="white"><span style="--j:1">S</span><img src="Assets/White_Queen.png" id="wq"></div>
<div class="black"><span style="--j:2">T</span></div>
<div class="white"><span style="--j:3">A</span></div>
<div class="black"><span style="--j:4">R</span></div>
<div class="white"><span style="--j:5">R</span></div>
<div class="black"><span style="--j:6">I</span></div>
<div class="white"><span style="--j:7">N'</span></div>
<div class="black"></div>
</div>
<!-- 2nd -->
<div class="anim3">
<div class="black"><span style="--k:1">M</span><a href="contacts.html"><img src="Assets/White_Rook.png" id="wr2"></a></div>
<div class="white"><span style="--k:2">A</span></div>
<div class="black"><span style="--k:3">G</span></div>
<div class="white"><span style="--k:4">N</span></div>
<div class="black"><span style="--k:5">U</span></div>
<div class="white"><span style="--k:6">S</span><img src="Assets/Black_Knight.png" id="bk"></div>
<div class="black"></div>
<div class="white"></div>
</div>
<!-- 3th -->
<div class="white"></div>
<div class="black"><img src="Assets/White_Pawn.png"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<!-- 4st -->
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<!-- 5th -->
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<!-- 6th -->
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"><img src="Assets/Blackk_Queen.png" id="bq"></div>
<div class="white"></div>
<div class="black"><img src="Assets/Black_Pawn.png"></div>
<div class="white"></div>
<!-- 7th -->
<div class="white"><a href="aboutme.html"><img src="Assets/White_King.png" id="wk"></a></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"><img src="Assets/Black_Pawn.png"></div>
<div class="black"><img src="Assets/Black_King.png"></div>
<!-- 8th -->
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"></div>
<div class="black"></div>
<div class="white"><img src="Assets/White_Rook.png" id="wr"></div>
<div class="black"><img src="Assets/Black_Bishop.png"></div>
<div class="white"></div>
</div>
</div>
</div>
</body>
</html>