-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (92 loc) · 7.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script defer src="javascript.js"></script>
<link rel="stylesheet" href="stylesheet.css">
<link href="http://fonts.cdnfonts.com/css/gidole" rel="stylesheet">
<title>Rock, Paper, Scissors</title>
</head>
<body>
<div class="page">
<div class="header">
<div class="blank-div">AXEL CARLSSON</div>
<div class="title">
ODIN RPS GAME
</div>
<div class="name">
<br>
<div>made by</div>
<div>AXEL CARLSSON</div>
</div>
</div>
<div class="game">
<div class="game" id="active">
<?xml version="1.0" encoding="utf-8"?>
<svg id="rock" class="icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="16" height="16" id="icon-bound" fill="none" />
<path d="M6.516,2.612L9.325,3.55l0.734,2.934l0.188,0.75l0.644,0.428l2.238,1.494L13.734,14H2.441l0.331-1.65l1.125-0.562 l0.875-0.438l0.191-0.959L6.516,2.612 M5,0L3,10l-2,1l-1,5h16l-1-8l-3-2l-1-4L5,0L5,0z" />
</svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg class="icon" version="1.1" id="paper" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
<path d="M422.234,0H208.47c-2.77,0-5.417,1.1-7.372,3.055L60.394,143.759c-1.955,1.955-3.054,4.607-3.054,7.371v328.445
c0,5.758,4.662,10.426,10.425,10.426h354.468c5.762,0,10.425-4.668,10.425-10.426V10.426C432.659,4.668,427.996,0,422.234,0z
M198.044,35.594v105.11H92.934l56.301-56.301L198.044,35.594z M411.809,469.149H78.192V161.555H208.47
c5.762,0,10.426-4.668,10.426-10.426V20.851h192.913V469.149z"/>
<g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
</svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg class="icon" version="1.1" id="scissors" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 325 325" style="enable-background:new 0 0 325 325;" xml:space="preserve">
<g>
<path d="M281.231,254.623c-11.288-14.276-43.461-54.936-74.657-94.36l-9.19-11.613l32.31-40.836
c2.476,0.337,4.989,0.518,7.533,0.518c16.9,0,32.57-7.555,42.992-20.728c8.998-11.376,12.997-25.546,11.259-39.901
c-1.743-14.392-9.039-27.241-20.545-36.18C261.224,3.984,249.59,0,237.29,0c-16.902,0-32.573,7.556-42.996,20.73
c-8.998,11.371-12.996,25.539-11.258,39.893c0.572,4.726,1.755,9.279,3.478,13.588c-4.023,5.084-12.734,16.095-24.011,30.348
l-24.007-30.337c1.719-4.317,2.898-8.876,3.47-13.597c1.737-14.354-2.262-28.52-11.26-39.89
C120.284,7.561,104.613,0.011,87.711,0.011c-12.301,0-23.932,3.995-33.633,11.533C42.569,20.48,35.269,33.35,33.524,47.742
c-1.74,14.354,2.258,28.568,11.259,39.947c10.426,13.17,26.099,20.811,43,20.811c0.002,0,0.003,0,0.004,0
c2.582,0,5.132-0.189,7.643-0.543l32.192,40.688c-33.829,42.756-71.438,90.289-83.853,105.977
c-11.358,14.359-13.681,30.905-6.716,47.849c5.07,12.334,13.362,20.488,13.713,20.829c1.124,1.094,2.627,1.7,4.185,1.7
c0.129,0,0.259-0.004,0.389-0.013c1.694-0.11,3.263-0.933,4.316-2.265l102.85-129.99l102.843,129.99
c1.054,1.332,2.622,2.154,4.316,2.265c0.13,0.009,0.26,0.013,0.389,0.013c1.558,0,3.062-0.606,4.185-1.7
c0.351-0.341,8.642-8.496,13.712-20.83C294.913,285.526,292.589,268.981,281.231,254.623z M203.704,28.176
C211.837,17.896,224.079,12,237.29,12c9.611,0,18.7,3.112,26.282,9c8.957,6.959,14.637,16.954,15.992,28.146
c1.351,11.152-1.76,22.167-8.757,31.013c-8.132,10.278-20.372,16.173-33.581,16.173c-2.938,0-5.827-0.294-8.64-0.867
c-0.138-0.032-0.275-0.063-0.414-0.087c-6.23-1.332-12.074-4.047-17.223-8.047c-8.962-6.96-14.646-16.957-16.001-28.15
C193.598,48.028,196.708,37.019,203.704,28.176z M87.784,96.5c-13.212,0-25.456-5.98-33.591-16.258
c-6.999-8.846-10.108-19.945-8.756-31.098C46.794,37.954,52.476,27.959,61.44,21c7.577-5.888,16.662-9,26.271-9
c13.21,0,25.45,5.917,33.583,16.198c6.997,8.842,10.107,19.872,8.758,31.024c-0.547,4.521-1.812,8.849-3.702,12.867
c-0.165,0.285-0.303,0.581-0.418,0.886c-2.78,5.567-6.801,10.498-11.875,14.44c-4.882,3.794-10.392,6.462-16.261,7.886
c-0.814,0.002-1.629,0.17-2.396,0.508c-2.487,0.452-5.03,0.69-7.613,0.69C87.787,96.5,87.785,96.5,87.784,96.5z M108.063,104.586
c4.736-1.905,9.223-4.48,13.356-7.692c4.19-3.255,7.814-7.045,10.823-11.237l22.609,28.571
c-6.096,7.705-12.708,16.063-19.58,24.749L108.063,104.586z M54.763,309.565c-6.658-8.914-16.948-28.075-1.584-47.497
c12.73-16.085,51.948-65.652,86.42-109.22c0.286-0.295,0.537-0.614,0.752-0.951c22.552-28.503,42.962-54.301,52.434-66.273
c3.006,4.166,6.623,7.936,10.805,11.183c4.154,3.228,8.665,5.798,13.427,7.689l-58.904,74.448c-0.24,0.256-0.456,0.526-0.643,0.813
L54.763,309.565z M270.239,309.565L170.155,183.064l19.578-24.745l7.431,9.391c31.194,39.423,63.366,80.081,74.655,94.358
C287.186,281.493,276.892,300.658,270.239,309.565z"/>
<path d="M162.501,156.487c4.326,0,7.837-3.513,7.837-7.838c0-4.327-3.511-7.837-7.837-7.837c-4.327,0-7.837,3.51-7.837,7.837
C154.664,152.975,158.173,156.487,162.501,156.487z"/>
<path d="M121.193,58.152c1.073-8.866-1.396-17.617-6.952-24.64c-6.429-8.127-16.094-12.791-26.516-12.791
c-7.587,0-14.761,2.452-20.744,7.101c-7.103,5.516-11.608,13.435-12.687,22.322c-1.075,8.867,1.394,17.594,6.952,24.619
C67.679,82.891,77.345,87.5,87.766,87.5c0.002,0,0.002,0,0.002,0c7.586,0,14.759-2.407,20.742-7.057
C115.613,74.926,120.118,67.042,121.193,58.152z M101.148,70.969c-3.859,2.998-8.485,4.531-13.379,4.531c0,0-0.001,0-0.002,0c-6.731,0-12.969-2.951-17.111-8.184c-3.555-4.494-5.135-10.036-4.448-15.701c0.689-5.686,3.577-10.765,8.135-14.303c3.859-2.999,8.487-4.584,13.383-4.584c6.731,0,12.966,2.987,17.105,8.22c3.555,4.493,5.136,10.073,4.45,15.737C108.592,62.373,105.704,67.428,101.148,70.969z"/><path d="M237.279,87.5c0.002,0,0.002,0,0.002,0c7.586,0,14.759-2.407,20.741-7.057c7.104-5.518,11.607-13.4,12.685-22.29c1.073-8.866-1.396-17.618-6.953-24.641c-6.43-8.127-16.095-12.791-26.515-12.791c-7.587,0-14.761,2.452-20.744,7.101c-7.104,5.516-11.61,13.435-12.687,22.323c-1.075,8.867,1.394,17.593,6.952,24.618C217.191,82.891,226.857,87.5,237.279,87.5zM215.719,51.616c0.689-5.687,3.578-10.766,8.136-14.304c3.86-2.999,8.488-4.584,13.384-4.584c6.73,0,12.964,2.988,17.105,8.22c3.556,4.494,5.136,10.074,4.45,15.738c-0.689,5.688-3.577,10.741-8.134,14.282c-3.859,2.998-8.484,4.531-13.378,4.531c0,0-0.001,0-0.002,0c-6.732,0-12.969-2.951-17.11-8.184C216.614,62.822,215.033,57.28,215.719,51.616z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
</svg>
</div>
<div class="game" id="start">
<div class="start-text">START</div>
</div>
</div>
<div class="footer">
<div class="score">
</div>
</div>
</div>
</body>
</html>