-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (73 loc) · 14.9 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
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="normalize.css".css">
<link rel="stylesheet" href="style.css">
<script src="app.js" defer></script>
</head>
<body>
<div class="header">
<h1 id="headerChoices">Rock? Paper? Scissor?</h1>
<div style="width:100%; height:0;"></div>
<br> <h1 id="decideTitle">YOU DECIDE!</h1>
</div>
<div id="bigContainer">
<div id="containerOfThree" class="bodyContainer">
<svg class="tool" version="1.1" id="rock" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<polygon style="fill:#6E6E6E;" points="502.001,287.737 502.001,196.454 446.241,156.927 422.001,193.999 "/>
<g>
<polygon style="fill:#E4E4E4;" points="10.645,251.772 10.001,411.779 10.108,411.998 57.001,330.999 "/>
<polygon style="fill:#E4E4E4;" points="268.001,99.999 270.493,10.301 188.001,59.32 139.535,146.435 198.001,149.999 "/>
</g>
<polygon style="fill:#A8A89E;" points="502.001,287.737 422.001,193.999 446.241,156.927 417.001,79.769 270.493,10.301
268.001,99.999 198.001,149.999 139.535,146.435 10.645,251.772 57.001,330.999 10.108,411.998 54.001,501.999 141.001,482.752
200.001,501.999 255.696,501.999 364.001,456.999 451.093,500.131 502.001,412.982 "/>
<polygon style="fill:#6E6E6E;" points="255.696,501.999 450.001,501.999 451.093,500.131 364.001,456.999 "/>
<path d="M507.784,188.296l-53.504-37.927l-27.921-74.124c-0.91-2.415-2.718-4.385-5.046-5.498l-146-69.771
c-3.015-1.439-6.55-1.28-9.423,0.428l-82.998,49.319c-1.54,0.915-2.805,2.226-3.665,3.797l-46.064,84.206L3.674,244.554
c-2.325,1.9-3.673,4.742-3.673,7.744v159.481c0,1.519,0.346,3.018,1.012,4.383l0.106,0.218l43.894,90.002
c1.702,3.49,5.226,5.618,8.985,5.618c0.716,0,86.497-18.895,86.497-18.895l56.404,18.4c1.001,0.327,2.048,0.493,3.102,0.493h250
c3.554,0,6.841-1.887,8.634-4.955l52-89.018c0.894-1.531,1.365-3.271,1.365-5.044V287.737v-91.283
C512.001,193.212,510.429,190.171,507.784,188.296z M195.461,66.519l64.531-38.346l-1.849,66.579l-63.071,45.05l-38.418-2.343
L195.461,66.519z M20.001,287.565l25.43,43.461l-25.43,43.924V287.565z M305.827,491.999l57.811-24.021l48.503,24.021H305.827z
M492.001,410.275l-44.835,76.752l-78.727-38.989c-2.589-1.282-5.607-1.382-8.275-0.273L253.702,492h-52.111l-57.488-18.754
c-1.699-0.554-3.516-0.642-5.262-0.257l-79.306,17.545L21.43,412.4c0,0,44.648-77.18,44.817-77.589
c1.181-2.864,0.976-6.145-0.614-8.862l-42.038-71.846l119.238-97.449c0,0,54.557,3.326,54.56,3.327
c2.316,0.141,4.511-0.571,6.421-1.844l70-50c2.548-1.82,4.097-4.729,4.184-7.859l2.08-74.857l128.983,61.637l25.921,68.815
l-21.351,32.654c-2.429,3.715-2.119,8.588,0.763,11.964l77.607,90.933V410.275z M492.001,260.615l-57.532-67.411l14.46-22.114
l43.072,30.533V260.615z"/>
<path d="M231.797,345.99c-0.012-0.058-0.029-0.113-0.042-0.171c-0.934-4.182-4.738-7.464-8.999-7.785
c-0.049-0.004-90.18-5.528-90.18-5.528l-8.299-50.547l68.699-21.413c4.662-1.453,7.592-6.06,6.933-10.898c0,0-5.988-43.909-6-44
c-1.698-12.453-21.571-10.167-19.816,2.702l4.857,35.619l-20.182,6.29c0,0-4.932-26.071-4.942-26.119
c-2.325-12.291-22.068-9.052-19.651,3.718l5.372,28.393l-28.068,8.748c0,0-31.398,0-31.478,0c-12.778,0-12.951,20,0,20h24.508
l9.095,55.395c0,0-36.42,71.882-36.523,72.085c-5.743,11.336,11.998,20.573,17.841,9.04l25.044-49.429
c0,0,10.219,49.817,10.24,49.918c2.534,12.353,22.202,8.703,19.592-4.018l-13.377-65.212l69.784,4.273
c0,0-31.08,61.343-31.124,61.429c-5.656,11.164,12.017,20.536,17.841,9.039l25.044-49.429c0,0,10.216,49.8,10.24,49.918
c2.581,12.58,22.194,8.667,19.592-4.018L231.797,345.99z"/>
<path d="M363.111,178.28c-4.79,2.74-6.46,8.86-3.72,13.65l44.27,77.58l-24.89,18.66l-20.77-5.04c0,0,0-32.03,0-32.13
c0-12.82-20-12.95-20,0v33.35l-28.24,11.82c0,0-12.78-25.56-12.82-25.64c-5.69-11.39-23.69-2.66-17.88,8.94l17,34
c2.35,4.71,7.95,6.79,12.8,4.75l29.14-12.19v38.74l-29.11,40.38c-1.38,1.91-2.03,4.24-1.86,6.58c0,0,2.99,40.86,3,41
c0.92,12.66,20.89,11.47,19.94-1.46l-2.73-37.37l18.53-25.71l11.04,25.75c0.35,0.83,0.82,1.6,1.38,2.31c0,0,23.89,29.86,24,30
c7.92,9.9,23.77-2.31,15.62-12.5l-23.15-28.94l-16.66-38.861v-42.24c0,0,20.62,5,20.64,5.01c2.69,0.65,6.01,0.04,8.36-1.72
l26.65-19.99l37.93,66.46c3.147,5.498,9.027,5.724,13.353,3.226c4.329-2.501,7.101-7.731,4.016-13.137
c-0.343-0.602-92.189-161.548-92.189-161.548C374.021,177.222,367.723,175.642,363.111,178.28z"/>
<circle cx="348.001" cy="152" r="10"/>
</svg>
<svg class="tool" id="paper" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m331.097 424.311-234.67-53.925c-8.074-1.855-13.115-9.904-11.26-17.978l76.581-333.268c1.855-8.074 9.904-13.115 17.978-11.26l234.67 53.925c8.074 1.855 13.115 9.904 11.26 17.978l-76.582 333.268c-1.854 8.074-9.903 13.115-17.977 11.26z" fill="#9dc6fb"/></g><g><path d="m414.422 61.811-12.262-2.818-73.775 321.057c-1.852 8.06-9.887 13.092-17.947 11.24l-222.459-51.119-2.818 12.262c-1.852 8.06 3.18 16.095 11.24 17.947l234.721 53.937c8.06 1.852 16.095-3.18 17.947-11.24l76.593-333.319c1.853-8.06-3.18-16.095-11.24-17.947z" fill="#80b4fb"/></g><g><path d="m335.519 452.098h-240.786c-8.284 0-15-6.716-15-15v-341.953c0-8.284 6.716-15 15-15h240.786c8.284 0 15 6.716 15 15v341.954c0 8.284-6.715 14.999-15 14.999z" fill="#ecbe6b"/></g><g><path d="m335.545 80.145h-12.582v329.424c0 8.27-6.704 14.974-14.974 14.974h-228.256v12.582c0 8.27 6.704 14.974 14.974 14.974h240.838c8.27 0 14.974-6.704 14.974-14.974v-342.006c0-8.27-6.704-14.974-14.974-14.974z" fill="#eab14d"/></g><g><g><g><path d="m333.898 132.559h-157.44c-8.272 0-14.977 6.705-14.977 14.977v342c0 8.272 6.705 14.977 14.977 14.977h240.832c8.272 0 14.977-6.705 14.977-14.977v-258.607c0-5.296-2.104-10.376-5.849-14.12l-78.4-78.4c-3.745-3.746-8.824-5.85-14.12-5.85z" fill="#f9f6f9"/></g></g><g><g><path d="m426.419 216.808-26.889-26.889c3.744 3.745 5.848 8.824 5.848 14.12v258.607c0 8.272-6.705 14.977-14.977 14.977h-228.92v11.913c0 8.271 6.705 14.977 14.977 14.977h240.832c8.271 0 14.977-6.706 14.977-14.977v-258.607c0-5.296-2.104-10.376-5.848-14.121z" fill="#e7ecf6"/></g></g><g><g><path d="m426.418 216.808-78.4-78.4c-2.757-2.757-6.24-4.615-9.997-5.409v83.822c0 5.514 4.47 9.985 9.985 9.985h83.822c-.794-3.758-2.653-7.241-5.41-9.998z" fill="#e7ecf6"/></g></g><g><g><path d="m426.419 216.808-17.412-17.412h-70.985v17.425c0 5.514 4.47 9.985 9.985 9.985h83.822c-.795-3.758-2.653-7.241-5.41-9.998z" fill="#d8e2f1"/></g></g></g><g><path d="m433.184 213.115c-.471-.55-.956-1.085-1.471-1.601l-23.292-23.292 24.539-106.788c1.344-5.846.33-11.867-2.854-16.952-3.184-5.084-8.158-8.625-14.005-9.968l-234.723-53.937c-5.844-1.34-11.867-.33-16.952 2.854-5.085 3.185-8.625 8.159-9.969 14.006l-12.689 55.22h-47.061c-12.385 0-22.461 10.076-22.461 22.461v82.469c0 4.135 3.352 7.487 7.487 7.487s7.487-3.352 7.487-7.487v-82.469c0-4.129 3.358-7.487 7.487-7.487h240.839c4.129 0 7.487 3.358 7.487 7.487v3.206c0 4.135 3.352 7.487 7.487 7.487s7.487-3.352 7.487-7.487v-3.206c0-12.385-10.076-22.461-22.461-22.461h-178.413l11.918-51.866c.448-1.949 1.628-3.607 3.323-4.669s3.7-1.402 5.651-.951l234.721 53.937c1.949.447 3.607 1.628 4.668 3.322 1.062 1.695 1.399 3.702.951 5.65l-22.439 97.648-42.615-42.615c-5.046-5.067-12.147-8.09-19.415-8.042h-157.44c-12.387 0-22.464 10.077-22.464 22.464v2.668h-37.51c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h37.51v26.25h-37.51c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h37.51v26.251h-37.51c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h37.51v26.251h-37.51c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h37.51v26.25h-37.51c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h37.51v26.251h-37.51c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h37.51v73.308h-59.285c-4.129 0-7.487-3.358-7.487-7.487v-223.8c0-4.135-3.352-7.487-7.487-7.487s-7.487 3.352-7.487 7.487v223.8c0 12.385 10.076 22.461 22.461 22.461h59.287v29.951c0 12.387 10.077 22.464 22.464 22.464h29.194c4.135 0 7.487-3.352 7.487-7.487s-3.352-7.487-7.487-7.487h-29.194c-4.13 0-7.49-3.36-7.49-7.49v-342c0-4.13 3.36-7.49 7.49-7.49h154.076v76.775c0 9.634 7.838 17.472 17.472 17.472h76.774v255.243c0 4.13-3.36 7.49-7.49 7.49h-174.795c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.49 7.487 7.49h174.795c12.387 0 22.464-10.077 22.464-22.464v-258.608c0-6.604-2.323-12.848-6.57-17.813zm-87.676 3.706v-70.334l72.832 72.832h-70.335c-1.376 0-2.497-1.12-2.497-2.498z"/><path d="m380.277 417.736c4.135 0 7.487-3.352 7.487-7.487s-3.352-7.487-7.487-7.487h-148.217v-26.25h148.218c4.135 0 7.487-3.352 7.487-7.487s-3.352-7.487-7.487-7.487h-148.218v-26.251h148.218c4.135 0 7.487-3.352 7.487-7.487s-3.352-7.487-7.487-7.487h-148.218v-26.25h148.218c4.135 0 7.487-3.352 7.487-7.487s-3.352-7.487-7.487-7.487h-148.218v-9.972c0-4.135-3.352-7.487-7.487-7.487s-7.487 3.352-7.487 7.487v9.972h-21.804c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h21.804v26.25h-21.804c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h21.804v26.251h-21.804c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h21.804v26.25h-21.804c-4.135 0-7.487 3.352-7.487 7.487s3.352 7.487 7.487 7.487h21.804v9.959c0 4.135 3.352 7.487 7.487 7.487s7.487-3.352 7.487-7.487v-9.959z"/></g></g></svg>
<svg class="tool" id="scissor" enable-background="new 0 0 510.181 510.181" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
<g><g><path d="m332.614 296.425-195.666-288.924-.211.143c-27.526 18.641-34.728 56.067-16.087 83.592l161.914 239.084 28.029 41.375 46.879-36.016z" fill="#e5e1e5"/></g><path d="m270.187 312.044 36.502-53.9-66.695-98.484-36.503 53.901z" fill="#d7d0d6"/><path d="m374.021 8.034-.788-.534-195.667 288.925-16.001 28.704 43.695 31.42 22.357-26.229 162.305-239.662c18.425-27.207 11.306-64.199-15.901-82.624z" fill="#efedef"/><g id="XMLID_771_"><g fill="#6cf5c2"><path d="m373.35 318.829c47.18 3.99 84.22 43.54 84.22 91.75 0 50.87-41.23 92.1-92.09 92.1-50.87 0-92.1-41.23-92.1-92.1 0-14.93 3.56-29.03 9.86-41.5l-9.89-14.61c-4.59-6.78-2.82-16 3.96-20.59l60.56-41.01c6.78-4.59 15.99-2.82 20.59 3.96zm44.22 91.75c0-28.77-23.32-52.09-52.09-52.09-28.78 0-52.1 23.32-52.1 52.09 0 28.78 23.32 52.1 52.1 52.1 28.77 0 52.09-23.32 52.09-52.1z"/><path d="m92.61 410.579c0 28.78 23.32 52.1 52.09 52.1 28.78 0 52.1-23.32 52.1-52.1 0-28.77-23.32-52.09-52.1-52.09-28.77 0-52.09 23.32-52.09 52.09zm140.26-76.7c6.78 4.59 8.55 13.81 3.96 20.59l-9.89 14.61c6.3 12.47 9.86 26.57 9.86 41.5 0 50.87-41.23 92.1-92.1 92.1-50.86 0-92.09-41.23-92.09-92.1 0-48.21 37.04-87.76 84.22-91.75l14.89-22c4.6-6.78 13.81-8.55 20.59-3.96z"/></g></g><g><path d="m246.479 341.934c-1.053-5.474-4.06-10.239-8.479-13.571l32.735-48.337c2.322-3.43 1.425-8.093-2.004-10.416-3.431-2.323-8.093-1.424-10.416 2.004l-32.704 48.29-37.63-25.484 187.026-276.164c19.379 17.023 23.537 46.293 8.704 68.197l-107.144 158.212c-2.322 3.43-1.425 8.093 2.005 10.416 3.428 2.322 8.092 1.426 10.415-2.004l107.144-158.213c20.714-30.588 12.683-72.325-17.905-93.04l-.788-.534c-3.429-2.322-8.093-1.425-10.415 2.004l-191.494 282.764c-10.089-6.097-23.331-3.303-30.015 6.567l-12.935 19.1c-23.392 2.842-44.959 13.874-61.062 31.311-17.031 18.441-26.41 42.43-26.41 67.548 0 54.918 44.679 99.597 99.597 99.597s99.597-44.679 99.597-99.597c0-14.279-2.939-28.002-8.743-40.858l7.484-11.052c3.343-4.939 4.565-10.884 3.437-16.74zm-15.857 8.328-9.896 14.612c-1.527 2.255-1.712 5.16-.483 7.59 6.011 11.886 9.058 24.71 9.058 38.119 0 46.647-37.95 84.597-84.597 84.597s-84.597-37.95-84.597-84.597c0-21.334 7.966-41.709 22.43-57.371 14.383-15.574 33.889-25.132 54.925-26.914 2.257-.191 4.307-1.392 5.577-3.268l14.896-21.995c1.415-2.089 3.726-3.216 6.077-3.216 1.413 0 2.842.407 4.098 1.258l55.292 37.445c.003.002.006.005.01.007.002.001.005.002.007.004l5.246 3.553c3.343 2.267 4.222 6.831 1.957 10.176z"/><path d="m144.704 350.986c-32.862 0-59.598 26.735-59.598 59.597 0 11.282 3.183 22.28 9.205 31.804 2.213 3.501 6.848 4.544 10.347 2.332 3.501-2.213 4.545-6.846 2.331-10.347-4.503-7.123-6.883-15.349-6.883-23.789 0-24.591 20.007-44.597 44.598-44.597s44.598 20.006 44.598 44.597-20.007 44.598-44.598 44.598c-5.711 0-11.291-1.077-16.585-3.2-3.843-1.542-8.211.324-9.753 4.169s.324 8.211 4.169 9.753c7.077 2.838 14.536 4.278 22.169 4.278 32.862 0 59.598-26.735 59.598-59.598-.001-32.861-26.736-59.597-59.598-59.597z"/><path d="m230.552 159.093c1.45 2.141 3.813 3.295 6.217 3.295 1.447 0 2.91-.418 4.199-1.291 3.429-2.323 4.326-6.986 2.004-10.416l-38.911-57.456c-2.322-3.43-6.984-4.326-10.416-2.004-3.429 2.323-4.326 6.986-2.004 10.416z"/><path d="m194.049 212.994c1.45 2.141 3.812 3.295 6.217 3.295 1.447 0 2.91-.418 4.198-1.291 3.43-2.323 4.327-6.986 2.005-10.416l-79.609-117.552c-7.893-11.654-10.774-25.684-8.114-39.505 2.197-11.419 7.961-21.567 16.474-29.202l38.171 56.364c2.322 3.43 6.985 4.326 10.415 2.004 3.43-2.323 4.327-6.986 2.005-10.416l-42.653-62.98c-1.116-1.648-2.841-2.784-4.795-3.16s-3.979.041-5.625 1.158l-.206.14c-14.972 10.139-25.099 25.501-28.516 43.257s.284 35.779 10.424 50.75z"/><path d="m438.664 343.036c-16.104-17.438-37.671-28.469-61.063-31.311l-12.935-19.1c-6.685-9.87-19.93-12.665-30.015-6.567l-18.52-27.348c-2.323-3.43-6.987-4.328-10.415-2.004-3.43 2.323-4.327 6.986-2.005 10.416l18.487 27.299-37.63 25.484-4.94-7.294c-2.323-3.43-6.984-4.326-10.416-2.004-3.43 2.323-4.326 6.986-2.004 10.416l4.972 7.341c-4.419 3.332-7.425 8.097-8.479 13.571-1.128 5.856.094 11.801 3.438 16.739l7.484 11.052c-5.804 12.856-8.743 26.579-8.743 40.858 0 54.918 44.679 99.597 99.597 99.597s99.597-44.679 99.597-99.597c0-25.118-9.379-49.107-26.41-67.548zm-73.187 152.145c-46.646 0-84.597-37.95-84.597-84.597 0-13.409 3.047-26.233 9.058-38.119 1.229-2.43 1.044-5.335-.483-7.59l-9.896-14.612c-2.266-3.345-1.387-7.91 1.958-10.175l5.246-3.553c.002-.001.004-.002.007-.004s.006-.005.009-.007l55.294-37.445c3.343-2.265 7.907-1.388 10.174 1.958l14.896 21.995c1.271 1.875 3.32 3.077 5.577 3.268 21.036 1.782 40.542 11.34 54.925 26.914 14.464 15.662 22.43 36.037 22.43 57.371-.001 46.645-37.951 84.596-84.598 84.596z"/><path d="m365.477 350.986c-32.862 0-59.598 26.735-59.598 59.597s26.735 59.598 59.598 59.598 59.598-26.735 59.598-59.598c0-32.861-26.736-59.597-59.598-59.597zm0 104.195c-24.591 0-44.598-20.006-44.598-44.598 0-24.591 20.007-44.597 44.598-44.597s44.598 20.006 44.598 44.597c0 24.592-20.007 44.598-44.598 44.598z"/><path d="m247.084 234.666v4.745c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-4.745c0-4.142-3.357-7.5-7.5-7.5-4.142 0-7.5 3.357-7.5 7.5z"/></g></g>
</svg>
</div>
<br>
<div id="scoreBoard">
<div id="status"></div>
<div id="score">
<p id="you" class="top left">You</p>
<p id="PC" class="top right">PC</p>
<p id="scoreYou" class="bot left">0</p>
<p id="scorePc" class="bot right">0</p>
</div>
<br>
</div>
</div>
</body>