diff --git a/botoes2x.50717207.png b/botoes2x.50717207.png new file mode 100644 index 00000000..900c5322 Binary files /dev/null and b/botoes2x.50717207.png differ diff --git a/botoesx.823e8131.png b/botoesx.823e8131.png new file mode 100644 index 00000000..40dffaef Binary files /dev/null and b/botoesx.823e8131.png differ diff --git a/crystal.b012d479.obj b/crystal.b05326a7.obj similarity index 100% rename from crystal.b012d479.obj rename to crystal.b05326a7.obj diff --git a/crystal.f1210881.jpg b/crystal.f1210881.jpg new file mode 100644 index 00000000..dc4614a9 Binary files /dev/null and b/crystal.f1210881.jpg differ diff --git a/crystal.f678eb3a.obj b/crystal.f678eb3a.obj new file mode 100644 index 00000000..9c72edea --- /dev/null +++ b/crystal.f678eb3a.obj @@ -0,0 +1,330 @@ +# Blender v2.78 (sub 0) OBJ File: 'LargeCrystalCluster.blend' +# www.blender.org +mtllib crystal.mtl +o Large_Crystals_1_Plane.002 +v -1.020818 -0.570225 -0.002599 +v 0.222729 0.452531 0.000000 +v -1.117589 -0.147175 0.000277 +v -0.066595 0.320124 1.715665 +v -0.483302 0.629461 -0.001164 +v -0.359039 -1.106009 0.000000 +v 0.588482 0.111613 0.000000 +v -0.902585 -0.703362 0.374744 +v -0.468762 0.645060 0.199042 +v 0.441337 -0.247330 0.202477 +v -0.933481 -0.560283 0.704961 +v -0.642167 -0.242739 0.577684 +v -0.962336 0.056332 0.466687 +v -1.096211 -0.222282 0.798454 +v -0.686772 -0.844565 0.996193 +v -0.396407 -0.738075 1.038893 +v -0.466057 -0.081212 1.012214 +v -0.523415 0.791645 0.855874 +v 0.272398 -0.960810 0.000000 +v 0.626772 -0.275315 0.536989 +v 0.424611 -0.755958 0.851686 +v -0.504420 0.526816 1.319555 +v -0.526966 -0.351777 0.362834 +v -0.385200 -0.347862 0.362834 +v -0.394735 -0.209913 0.339072 +v -0.528167 -0.214603 0.339072 +v -0.521731 -0.266578 0.436334 +v -0.053104 -0.860232 0.170869 +v -0.573445 -0.649221 1.093519 +v -0.409456 -0.902880 1.039207 +v -0.117802 0.317930 0.199042 +v -0.130752 0.073300 0.241623 +v 0.052673 0.232241 0.323881 +v 0.065135 0.283457 0.128959 +v -0.811381 0.049381 0.241623 +v -0.817881 0.270509 0.202477 +v -0.942353 0.101330 0.342407 +v -0.172455 0.464514 0.855874 +v -0.137702 0.271062 0.891003 +v -0.818331 0.247143 0.891003 +v -0.824831 0.468271 0.851857 +v -0.392559 0.260877 1.398584 +v -0.575391 0.441467 1.358701 +v 0.605995 -0.386735 0.000000 +v 0.002599 -0.624266 0.296931 +v 0.714959 -0.453621 0.433163 +v 0.652176 -0.780296 0.334511 +v 0.330412 -0.593263 0.646389 +v 0.306662 -0.847888 0.541133 +v 0.606100 -0.925123 0.740764 +v 0.676833 -0.529808 0.772354 +v 0.299485 -0.554491 1.728637 +v -0.435612 -0.075775 1.733658 +v -0.100297 -0.568734 1.738046 +v 0.713760 -0.110037 1.708437 +v 0.031013 0.039840 2.297930 +v 0.189057 -0.337747 2.300472 +v -0.128298 -0.131077 2.305698 +v 0.016463 -0.343896 2.185282 +v 0.367907 -0.145868 2.541507 +vt 0.3251 0.0314 +vt 0.4178 0.0532 +vt 0.3811 0.3309 +vt 0.2930 0.3212 +vt 0.1574 0.5438 +vt 0.2756 0.5264 +vt 0.2919 0.6581 +vt 0.2189 0.6721 +vt 0.4731 0.8764 +vt 0.4972 0.7605 +vt 0.5589 0.6698 +vt 0.5920 0.6974 +vt 0.8495 0.7505 +vt 0.7916 0.9058 +vt 0.6710 0.7133 +vt 0.7232 0.6810 +vt 0.3611 0.4756 +vt 0.3553 0.5105 +vt 0.2997 0.4733 +vt 0.7122 0.2592 +vt 0.6707 0.3067 +vt 0.6441 0.2405 +vt 0.8292 0.5292 +vt 0.9132 0.5792 +vt 0.7474 0.6222 +vt 0.8050 0.5444 +vt 0.7263 0.1689 +vt 0.7660 0.2183 +vt 0.8436 0.1914 +vt 0.8210 0.1489 +vt 0.9308 0.7878 +vt 0.9979 0.7235 +vt 0.7426 0.4496 +vt 0.7627 0.4401 +vt 0.8301 0.4923 +vt 0.7276 0.4842 +vt 0.0257 0.6282 +vt 0.1034 0.5685 +vt 0.1836 0.6909 +vt 0.1119 0.7738 +vt 0.0268 0.0027 +vt 0.1654 0.0101 +vt 0.1486 0.3316 +vt 0.0171 0.3494 +vt 0.1213 0.8842 +vt 0.0632 0.7549 +vt 0.1463 0.8053 +vt 0.6187 0.4492 +vt 0.7316 0.4243 +vt 0.6416 0.5111 +vt 0.7136 0.5886 +vt 0.6478 0.5247 +vt 0.7846 0.5483 +vt 0.8242 0.6774 +vt 0.8702 0.6085 +vt 0.3031 0.7635 +vt 0.2404 0.8051 +vt 0.3993 0.6711 +vt 0.4818 0.7391 +vt 0.3782 0.8135 +vt 0.3297 0.7724 +vt 0.7856 0.3424 +vt 0.8701 0.2837 +vt 0.4534 0.5390 +vt 0.5395 0.5826 +vt 0.5687 0.5967 +vt 0.4024 0.5264 +vt 0.3588 0.6570 +vt 0.6423 0.0063 +vt 0.7164 0.1636 +vt 0.6346 0.2018 +vt 0.6885 0.0318 +vt 0.7930 0.0801 +vt 0.6424 0.9026 +vt 0.5475 0.8623 +vt 0.5996 0.6962 +vt 0.6363 0.7205 +vt 0.7884 0.4009 +vt 0.8489 0.4557 +vt 0.8819 0.3417 +vt 0.5678 0.2514 +vt 0.6170 0.2174 +vt 0.0803 0.5776 +vt 0.0297 0.6063 +vt 0.0328 0.5201 +vt 0.5732 0.1607 +vt 0.0889 0.5113 +vt 0.1402 0.5331 +vt 0.0761 0.5331 +vt 0.7001 0.9125 +vt 0.3240 0.9598 +vt 0.1726 0.9721 +vt 0.1661 0.8919 +vt 0.3553 0.8306 +vt 0.1642 0.8306 +vt 0.7550 0.3996 +vt 0.7776 0.4177 +vt 0.6132 0.2852 +vt 0.5737 0.3174 +vt 0.6248 0.5909 +vt 0.5810 0.5606 +vt 0.6330 0.5427 +vt 0.6636 0.5732 +vt 0.4555 0.7845 +vt 0.4197 0.7942 +vt 0.7137 0.5999 +vt 0.3380 0.9939 +vt 0.3819 0.8411 +vt 0.4810 0.8827 +vt 0.0326 0.8468 +vt 0.7585 0.3006 +vt 0.5579 0.0587 +vt 0.5707 0.3952 +vt 0.4854 0.3570 +vt 0.5775 0.4198 +vt 0.1821 0.5295 +vt 0.0883 0.5023 +vt 0.4598 0.5221 +vt 0.4343 0.4719 +vt 0.2951 0.4715 +vt 0.5727 0.5390 +vt 0.5387 0.5758 +vt 0.4871 0.5435 +vt 0.4944 0.4996 +vt 0.5475 0.4448 +vt 0.3576 0.4702 +vt 0.3134 0.5241 +vn -0.7360 0.6719 -0.0833 +vn 0.6780 0.7274 -0.1059 +vn -0.7564 0.6457 -0.1046 +vn -0.4636 -0.8825 0.0791 +vn -0.1504 0.0138 0.9885 +vn 0.9194 0.3489 0.1817 +vn -0.8613 0.5037 0.0669 +vn 0.6821 0.7103 -0.1738 +vn -0.9505 -0.2189 0.2206 +vn -0.6272 -0.7751 -0.0769 +vn 0.5679 0.7410 0.3584 +vn 0.7501 -0.6304 0.2000 +vn 0.6856 -0.7234 -0.0819 +vn 0.8112 0.2434 0.5318 +vn 0.6730 -0.5801 0.4589 +vn 0.1584 -0.6889 0.7073 +vn -0.9228 -0.3850 0.0154 +vn 0.6900 0.5936 0.4142 +vn -0.6528 -0.5087 0.5613 +vn -0.5604 0.7153 0.4174 +vn -0.6305 -0.7482 0.2064 +vn -0.7152 0.6668 -0.2095 +vn 0.5690 -0.7929 -0.2181 +vn 0.7048 -0.4096 -0.5792 +vn 0.5540 0.7170 0.4231 +vn -0.1852 -0.9596 0.2120 +vn -0.3668 0.6127 0.7001 +vn 0.4134 -0.1458 0.8988 +vn -0.4115 -0.8667 0.2820 +vn 0.7409 -0.5665 0.3607 +vn -0.6681 0.6412 0.3775 +vn 0.1208 0.3291 0.9365 +vn 0.8810 -0.2725 0.3868 +vn 0.3322 0.3564 0.8733 +vn 0.7852 0.5847 0.2038 +vn 0.3014 0.1647 0.9392 +vn 0.5502 -0.8141 0.1858 +vn -0.0256 0.9265 0.3755 +vn -0.7354 0.6121 0.2907 +vn -0.2357 0.6206 0.7479 +vn -0.0964 0.8282 -0.5522 +vn 0.9979 0.0554 0.0325 +vn -0.9996 -0.0297 -0.0017 +vn 0.8666 0.2356 0.4399 +vn -0.8949 0.0522 0.4432 +vn 0.1649 0.6628 0.7304 +vn -0.9260 -0.0672 0.3716 +vn -0.7009 -0.2081 0.6822 +vn 0.9602 -0.1066 -0.2580 +vn 0.9801 -0.1910 0.0541 +vn 0.7848 0.0276 0.6192 +vn 0.0139 0.3610 0.9325 +vn 0.2893 0.1819 0.9398 +vn 0.0365 -0.9985 0.0411 +vn -0.1255 -0.3379 0.9328 +vn 0.6438 -0.7041 0.2997 +vn -0.0408 -0.9167 0.3975 +vn 0.4212 0.8667 0.2674 +vn -0.7780 -0.6283 0.0026 +vn 0.4744 0.8647 -0.1650 +vn 0.3407 -0.2767 0.8986 +vn -0.5362 -0.2190 0.8152 +vn -0.6575 -0.2705 0.7032 +vn -0.6565 0.6307 0.4137 +vn -0.7277 -0.5601 0.3959 +vn 0.0401 -0.4641 0.8849 +vn 0.3901 0.3003 0.8704 +vn -0.6586 0.1124 0.7441 +usemtl Large_Crystals1 +s off +f 32/1/1 25/2/1 53/3/1 4/4/1 +f 31/5/2 9/6/2 18/7/2 38/8/2 +f 3/9/3 36/10/3 9/11/3 5/12/3 +f 8/13/4 6/14/4 30/15/4 15/16/4 +f 30/17/5 16/18/5 15/19/5 +f 46/20/6 20/21/6 51/22/6 +f 37/23/7 3/24/7 14/25/7 13/26/7 +f 44/27/8 10/28/8 20/29/8 46/30/8 +f 1/31/9 8/13/9 3/32/9 +f 8/13/10 1/31/10 6/14/10 +f 27/33/11 26/34/11 35/35/11 37/23/11 13/26/11 12/36/11 +f 25/37/12 32/38/12 39/39/12 17/40/12 +f 45/41/13 10/42/13 55/43/13 52/44/13 +f 11/45/14 13/46/14 14/47/14 +f 8/48/15 23/49/15 27/33/15 12/36/15 11/50/15 +f 28/51/16 6/52/16 19/53/16 +f 3/32/17 8/13/17 11/54/17 14/55/17 +f 38/8/18 18/7/18 22/56/18 42/57/18 +f 40/58/19 17/59/19 42/60/19 43/61/19 +f 10/28/20 45/62/20 48/63/20 20/29/20 +f 35/64/21 26/65/21 25/66/21 17/59/21 40/58/21 +f 9/6/22 36/67/22 41/68/22 18/7/22 +f 19/69/23 47/70/23 50/71/23 +f 19/72/24 44/27/24 47/73/24 +f 45/74/25 24/75/25 29/76/25 16/77/25 +f 28/78/26 19/79/26 49/80/26 +f 20/21/27 48/81/27 21/82/27 51/22/27 +f 21/83/28 50/84/28 51/85/28 +f 21/82/29 49/86/29 19/69/29 50/71/29 +f 17/40/30 39/39/30 42/57/30 +f 18/7/31 41/68/31 43/61/31 22/56/31 +f 43/87/32 42/88/32 22/89/32 +f 28/90/33 45/74/33 16/77/33 30/15/33 +f 7/91/34 2/92/34 34/93/34 10/94/34 +f 34/93/35 33/95/35 10/94/35 +f 23/49/36 24/96/36 25/97/36 26/34/36 27/33/36 +f 28/90/37 30/15/37 6/14/37 +f 23/49/38 29/98/38 24/96/38 +f 23/49/39 8/48/39 15/99/39 29/98/39 +f 31/100/40 32/101/40 33/102/40 34/103/40 +f 35/104/41 3/9/41 37/105/41 +f 39/39/42 32/38/42 31/5/42 38/8/42 +f 41/68/43 36/67/43 35/64/43 40/58/43 +f 38/8/44 42/57/44 39/39/44 +f 43/61/45 41/68/45 40/58/45 +f 31/100/46 2/106/46 5/12/46 +f 48/81/47 49/86/47 21/82/47 +f 48/63/48 45/62/48 28/78/48 49/80/48 +f 47/73/49 44/27/49 46/30/49 +f 50/71/50 47/70/50 46/20/50 51/22/50 +f 7/107/51 10/108/51 44/109/51 +f 11/45/52 12/110/52 13/46/52 +f 24/96/53 45/111/53 25/97/53 +f 45/112/54 52/113/54 54/114/54 +f 33/102/55 32/101/55 10/115/55 +f 52/44/56 55/43/56 60/116/56 57/117/56 +f 54/114/57 52/113/57 57/118/57 59/119/57 +f 55/43/58 4/4/58 56/120/58 60/116/58 +f 25/2/59 45/112/59 54/114/59 53/3/59 +f 10/42/60 32/1/60 4/4/60 55/43/60 +f 56/121/61 58/122/61 59/123/61 +f 59/123/62 57/124/62 56/121/62 +f 57/124/63 60/125/63 56/121/63 +f 4/4/64 53/3/64 58/126/64 56/120/64 +f 53/3/65 54/114/65 59/119/65 58/126/65 +f 29/127/66 15/19/66 16/18/66 +f 5/12/2 9/11/2 31/100/2 +f 31/100/67 34/103/67 2/106/67 +f 35/104/68 36/10/68 3/9/68 diff --git a/door2.3ff487ff.jpg b/door2.3ff487ff.jpg new file mode 100644 index 00000000..2e60addc Binary files /dev/null and b/door2.3ff487ff.jpg differ diff --git a/index.56eb305c.js b/english/index.56eb305c.js similarity index 100% rename from index.56eb305c.js rename to english/index.56eb305c.js diff --git a/index.3b64dc61.js b/english/index.5a59f986.js similarity index 100% rename from index.3b64dc61.js rename to english/index.5a59f986.js diff --git a/index.a281ad18.css b/english/index.a281ad18.css similarity index 100% rename from index.a281ad18.css rename to english/index.a281ad18.css diff --git a/english/index.a3a0751e.css b/english/index.a3a0751e.css new file mode 100644 index 00000000..b51b493b --- /dev/null +++ b/english/index.a3a0751e.css @@ -0,0 +1,407 @@ +:root { + --background: #2f588e; + --controle: #0298c6; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: Poppins, sans-serif; +} + +body { + background-color: var(--background); + font-size: 18px; +} + +.header { + text-align: center; + width: 100%; + flex-direction: column; + justify-content: center; + align-items: center; + margin-top: 20px; + display: flex; +} + +.controle { + background-color: var(--controle); + height: 140px; + width: 30%; + border: 1px solid #14c8ff; + border-radius: 140px; + flex-direction: row; + justify-content: center; + align-items: center; + margin: 0 auto; + display: flex; + box-shadow: 0 9px 15px #0000004d; +} + +.container { + width: 100%; + height: 85%; + margin-top: 2.5%; + margin-bottom: 2.5%; + display: flex; +} + +.esquerda { + text-align: center; + flex-direction: column; + flex: 1; + justify-content: center; + align-items: center; + display: flex; +} + +.esquerda img { + width: 80%; +} + +.tela { + width: 100%; + height: 100%; + color: #fff; + text-align: center; + background-color: #000; + border: .1px solid #fff; + flex-direction: column; + flex: 2; + justify-content: center; + align-items: center; + display: flex; +} + +.tela h1 { + color: #dad9d9; + font-family: "Press Start 2P", cursive; + font-size: 40px; +} + +.direita { + text-align: center; + flex-direction: column; + flex: 1; + justify-content: center; + align-items: center; + display: flex; +} + +.direita img { + width: 80%; +} + +main { + flex-direction: row; + margin-top: 30px; + margin-bottom: 30px; + display: flex; +} + +.niveis { + text-align: center; + flex-direction: column; + flex: 1.5; + justify-content: center; + align-items: center; + display: flex; +} + +.titulo { + width: 60%; + height: 50px; + text-align: center; + background-color: #7647aa; + border: 2px solid #b06bff; + border-radius: 60px; + justify-content: center; + align-items: center; + margin-left: 20%; + margin-right: 1%; + display: flex; + box-shadow: 0 9px 15px #0000004d; +} + +.titulo h1 { + color: #15b6e6; + font-family: VT323, monospace; + font-size: x-large; +} + +.selecao { + width: 90%; + background-color: #dad9d9; + border-radius: 20px; + flex-direction: column; + margin-top: 25px; + padding: 10px 5px 5px; + display: flex; + box-shadow: 0 9px 15px #0000004d; +} + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +li { + margin-bottom: 10px; +} + +.container_nivel { + flex-direction: row; + justify-content: center; + align-items: center; + display: flex; +} + +.video { + justify-content: center; + align-items: center; + margin-right: 10px; +} + +.botao_video { + flex: .3; + justify-content: center; + align-items: center; +} + +.botao_video button { + color: #0298c6; + cursor: pointer; + background-color: #dad9d9; + border: none; + flex-direction: row; + font-family: VT323, monospace; + font-size: xx-large; + display: flex; +} + +.video h2 { + margin-right: 10px; + font-size: 18px; +} + +.nivel { + text-align: center; + flex-direction: row; + flex: 2; + align-items: center; + margin-left: 10px; + display: flex; +} + +.nivel h2 { + margin-left: 20px; + font-size: 18px; +} + +.line { + opacity: .2; + height: 1px; + width: 98%; + background-color: #000; + margin-left: 1%; + margin-right: 1%; +} + +.botao { + background-color: #0298c6; + border-radius: 20px; + padding: 5px; +} + +.botao button { + color: #8b83d4; + cursor: pointer; + background-color: #2a245e; + border: 2px solid #00c3ff; + border-radius: 100%; + padding: 10px 20px; + font-family: VT323, monospace; + font-size: xx-large; +} + +.botao button:hover { + color: #0298c6; + transform: scale(1.2); +} + +.botao_video button:hover { + color: #7647aa; +} + +.botao2 { + background-color: #2a245e; + border-radius: 20px; + padding: 5px; +} + +.botao2 button { + color: #59d7fe; + cursor: pointer; + background-color: #0298c6; + border: 2px solid #5648d0; + border-radius: 100%; + padding: 10px 20px; + font-family: VT323, monospace; + font-size: xx-large; +} + +.botao2 button:hover { + color: #5648d0; + transform: scale(1.2); +} + +.robo { + flex: 1; + align-items: center; +} + +.robo img { + width: 70%; +} + +.wave { + font-family: "Press Start 2P", cursive; + animation: 1s infinite wave-animation; + display: inline-block; +} + +@keyframes wave-animation { + 0% { + transform: translateY(0); + } + + 50% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.modal { + z-index: 1; + width: 100%; + height: 100%; + background-color: #000c; + display: none; + position: fixed; + top: 0; + left: 0; + overflow: auto; +} + +.modal-content { + width: 80%; + max-width: 800px; + background-color: #fff; + border-radius: 20px; + padding: 20px; + display: block; + position: relative; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + box-shadow: 0 0 20px #0000004d; +} + +.close { + color: #aaa; + cursor: pointer; + font-size: 24px; + font-weight: bold; + position: absolute; + top: 10px; + right: 10px; +} + +.close:hover { + color: #2f588e; +} + +iframe { + width: 99%; +} + +.first-column { + width: 90%; + display: flex; +} + +@media only screen and (max-width: 920px) { + .first-column { + flex-direction: column; + align-items: center; + } + + .titulo { + margin: auto auto 10px; + } + + .header { + width: 100%; + padding-left: 0; + } + + .controle { + width: 50%; + } + + main { + flex-direction: column; + display: flex; + } + + .botao_video button h2 { + display: none; + } + + .robo { + justify-content: center; + align-items: center; + margin-top: 20px; + display: flex; + } + + .robo img { + width: 50%; + } +} + +@media only screen and (max-width: 550px) { + .controle { + width: 70%; + } + + .robo img { + width: 100%; + } +} + +@media only screen and (max-width: 530px) { + .controle { + width: 90%; + } +} + +@media only screen and (max-width: 300px) { + .tela h1 { + font-size: 25px; + } + + .titulo h1 { + font-size: 20px; + } + + .nivel h2 { + font-size: 15px; + } +} + diff --git a/index.d2aa8745.css b/english/index.b488581f.css similarity index 100% rename from index.d2aa8745.css rename to english/index.b488581f.css diff --git a/english/index.d2aa8745.css b/english/index.d2aa8745.css new file mode 100644 index 00000000..78eb0b85 --- /dev/null +++ b/english/index.d2aa8745.css @@ -0,0 +1,57 @@ +.custom-select { + font-family: Arial; + position: relative; +} + +.custom-select select { + display: none; +} + +.select-selected { + background-color: #dad9d9; + border-radius: 60px; + margin-top: 2px; + box-shadow: 0 9px 15px #0000004d; +} + +.select-selected:after { + content: ""; + width: 0; + height: 0; + border: 6px solid #0000; + border-top-color: #fff; + position: absolute; + top: 22px; + right: 5px; +} + +.select-selected.select-arrow-active:after { + border-color: #0000 #0000 #fff; + top: 11px; +} + +.select-items div, .select-selected { + color: #000; + cursor: pointer; + border: 1px solid #0000; + border-bottom-color: #0000001a; + padding: 8px 16px; +} + +.select-items { + z-index: 99; + background-color: #dad9d9; + position: absolute; + top: 100%; + left: 0; + right: 0; +} + +.select-hide { + display: none; +} + +.select-items div:hover, .same-as-selected { + background-color: #0000001a; +} + diff --git a/english/index.e396f235.js b/english/index.e396f235.js new file mode 100644 index 00000000..2b511164 --- /dev/null +++ b/english/index.e396f235.js @@ -0,0 +1,68 @@ +var imgarr = [ + ' ', + ' ' +]; +var hrefs = [ + "./", + "./english" +]; +var x, i, j, l, ll, selElmnt, a, b, c; +/* Look for any elements with the class "custom-select": */ x = document.getElementsByClassName("custom-select"); +l = x.length; +for(i = 0; i < l; i++){ + selElmnt = x[i].getElementsByTagName("select")[0]; + ll = selElmnt.length; + /* For each element, create a new DIV that will act as the selected item: */ a = document.createElement("DIV"); + a.setAttribute("class", "select-selected"); + a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML + imgarr[selElmnt.selectedIndex]; + x[i].appendChild(a); + /* For each element, create a new DIV that will contain the option list: */ b = document.createElement("DIV"); + b.setAttribute("class", "select-items select-hide"); + for(j = 0; j < ll; j++){ + /* For each option in the original select element, + create a new DIV that will act as an option item: */ c = document.createElement("DIV"); + c.innerHTML = selElmnt.options[j].innerHTML + imgarr[j]; + let cIndex = j; + c.addEventListener("click", function(e) { + /* When an item is clicked, update the original select box, + and the selected item: */ var y, i, k, s, h, sl, yl; + s = this.parentNode.parentNode.getElementsByTagName("select")[0]; + sl = s.length; + h = this.parentNode.previousSibling; + for(i = 0; i < sl; i++)if (s.options[i].innerHTML + imgarr[i] == this.innerHTML) { + s.selectedIndex = i; + h.innerHTML = this.innerHTML; + y = this.parentNode.getElementsByClassName("same-as-selected"); + yl = y.length; + for(k = 0; k < yl; k++)y[k].removeAttribute("class"); + this.setAttribute("class", "same-as-selected"); + break; + } + window.location.href = hrefs[cIndex]; + h.click(); + }); + b.appendChild(c); + } + x[i].appendChild(b); + a.addEventListener("click", function(e) { + /* When the select box is clicked, close any other select boxes, + and open/close the current select box: */ e.stopPropagation(); + closeAllSelect(this); + this.nextSibling.classList.toggle("select-hide"); + this.classList.toggle("select-arrow-active"); + }); +} +function closeAllSelect(elmnt) { + /* A function that will close all select boxes in the document, + except the current select box: */ var x, y, i, xl, yl, arrNo = []; + x = document.getElementsByClassName("select-items"); + y = document.getElementsByClassName("select-selected"); + xl = x.length; + yl = y.length; + for(i = 0; i < yl; i++)if (elmnt == y[i]) arrNo.push(i); + else y[i].classList.remove("select-arrow-active"); + for(i = 0; i < xl; i++)if (arrNo.indexOf(i)) x[i].classList.add("select-hide"); +} +/* If the user clicks anywhere outside the select box, +then close all select boxes: */ document.addEventListener("click", closeAllSelect); + diff --git a/english/index.f46ab636.js b/english/index.f46ab636.js new file mode 100644 index 00000000..d1458854 --- /dev/null +++ b/english/index.f46ab636.js @@ -0,0 +1,17 @@ +function openModal(videoId) { + const modal = document.getElementById("myModal"); + const videoFrame = document.getElementById("videoFrame"); + videoFrame.src = `https://www.youtube.com/embed/${videoId}`; + modal.style.display = "block"; +} +function closeModal() { + const modal = document.getElementById("myModal"); + const videoFrame = document.getElementById("videoFrame"); + videoFrame.src = ""; + modal.style.display = "none"; +} +window.addEventListener("click", function(event) { + const modal = document.getElementById("myModal"); + if (event.target == modal) closeModal(); +}); + diff --git a/english/index.html b/english/index.html index da25bd6c..d9b67294 100644 --- a/english/index.html +++ b/english/index.html @@ -7,8 +7,8 @@ Homepage - ELoS - - + + @@ -124,7 +124,7 @@

Repetitions

- - + + \ No newline at end of file diff --git a/english/level1/index.html b/english/level1/index.html deleted file mode 100644 index 31a2e652..00000000 --- a/english/level1/index.html +++ /dev/null @@ -1,169 +0,0 @@ - - - - - - - - - ELoS - Level 1 - - -
-
-
- - - -
-

Level 1 - Round x of X

-

Do something

- - -
-
- - -
-
-

Time:

-
-
-
-
-
-
-
-
Available Functions:
-
-
-
- -
-
- Actions: -
-
-
-
-

moveForward(quantity)

-

moveBackwards(quantity)

-
-
-

rotateLeft()

-

rotateRight()

-
-
-

turnBack()

-

collectCrystal()

-
-
- -
-
-
- -
-
-
-
-
-
-
Enter your code here:
-
-
- -
-
- - -
-
-
-
-
-
-
Console:
-
-
- - - -
-
- -
-
- -
-
-
-
- -
- - - - \ No newline at end of file diff --git a/english/level2/index.html b/english/level2/index.html deleted file mode 100644 index df2b8cbb..00000000 --- a/english/level2/index.html +++ /dev/null @@ -1,182 +0,0 @@ - - - - - - - - - ELoS - Level 2 - - -
-
-
- - - -
-

Level 2 - Round x of X

-

Do something

- - -
-
- - -
-
-
- Fire Extinguisher -

xN

-
-

Time:

-
-
-
-
-
-
-
-
Available Functions:
-
-
-
- -
-
- Actions: -
-
- Checkers: -
-
- Structures: -
-
-
-
-

moveForward(quantity)

-

moveBackwards(quantity)

-

rotateLeft()

-

rotateRight()

-

turnBack()

-

extinguishFire()

-

collectCrystal()

-
-
-

isOnFire()

-
-
-

if(condition){
 action()
}

-
-
- -
-
-
- -
-
-
-
-
-
-
Enter your code here:
-
-
- -
-
- - -
-
-
-
-
-
-
Console:
-
-
- - - -
-
- -
-
- -
-
-
-
- -
- - - - \ No newline at end of file diff --git a/english/level3/index.html b/english/level3/index.html deleted file mode 100644 index 468eff18..00000000 --- a/english/level3/index.html +++ /dev/null @@ -1,183 +0,0 @@ - - - - - - - - - ELoS - Level 3 - - -
-
-
- - - -
-

Level 3 - Round x of X

-

Do something

- - -
-
- - -
-
-

Time:

-
-
-
-
-
-
-
-
Available Functions:
-
-
-
- -
-
- Actions: -
-
- Checkers: -
-
- Structures: -
-
-
-
-

moveForward(quantity)

-

moveBackwards(quantity)

-

rotateLeft()

-

rotateRight()

-

turnBack()

-

disableBlueLaser()

-

disableRedLaser()

-

collectCrystal()

-
-
-

isBlueLaserActive()

-

isRedLaserActive()

-
-
-

- if(condition){
 action()
}
- else{
 action()
} -

-
-
- -
-
-
- -
-
-
-
-
-
-
Enter your code here:
-
-
- -
-
- - -
-
-
-
-
-
-
Console:
-
-
- - - -
-
- -
-
- -
-
-
-
- -
- - - - \ No newline at end of file diff --git a/english/level4/index.html b/english/level4/index.html deleted file mode 100644 index f51441f1..00000000 --- a/english/level4/index.html +++ /dev/null @@ -1,188 +0,0 @@ - - - - - - - - - ELoS - Level 4 - - -
-
-
- - - -
-

Level 4 - Round x of X

-

Do something

- - -
-
- - -
-
-

Time:

-
-
-
-
-
-
-
-
Available Functions:
-
-
-
- -
-
- Actions: -
-
- Checkers: -
-
- Structures: -
-
-
-
-

moveForward(quantity)

-

moveBackwards(quantity)

-

rotateLeft()

-

rotateRight()

-

turnBack()

-

disableBlueLaser()

-

disableRedLaser()

-

turnCrank()

-

collectCrystal()

-
-
-

isBlueLaserActive()

-

isRedLaserActive()

-

isDoorClosed()

-
-
-

- if(condition){
 action()
}
- else{
 action()
} -

-

- while(condition){
 action()
}
-

-
-
- -
-
-
- -
-
-
-
-
-
-
Enter your code here:
-
-
- -
-
- - -
-
-
-
-
-
-
Console:
-
-
- - - -
-
- -
-
- -
-
-
-
- -
- - - - \ No newline at end of file diff --git a/eve.075c2ada.glb b/eve.075c2ada.glb new file mode 100644 index 00000000..8833fd38 Binary files /dev/null and b/eve.075c2ada.glb differ diff --git a/favicon.35c66985.ico b/favicon.35c66985.ico new file mode 100644 index 00000000..73f9a25c Binary files /dev/null and b/favicon.35c66985.ico differ diff --git a/fire-extinguisher.f17b8d2c.png b/fire-extinguisher.f17b8d2c.png new file mode 100644 index 00000000..b40b1269 Binary files /dev/null and b/fire-extinguisher.f17b8d2c.png differ diff --git a/fire.19cbcb57.png b/fire.19cbcb57.png new file mode 100644 index 00000000..b0c22476 Binary files /dev/null and b/fire.19cbcb57.png differ diff --git a/index.5a59f986.js b/index.5a59f986.js new file mode 100644 index 00000000..2b511164 --- /dev/null +++ b/index.5a59f986.js @@ -0,0 +1,68 @@ +var imgarr = [ + ' ', + ' ' +]; +var hrefs = [ + "./", + "./english" +]; +var x, i, j, l, ll, selElmnt, a, b, c; +/* Look for any elements with the class "custom-select": */ x = document.getElementsByClassName("custom-select"); +l = x.length; +for(i = 0; i < l; i++){ + selElmnt = x[i].getElementsByTagName("select")[0]; + ll = selElmnt.length; + /* For each element, create a new DIV that will act as the selected item: */ a = document.createElement("DIV"); + a.setAttribute("class", "select-selected"); + a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML + imgarr[selElmnt.selectedIndex]; + x[i].appendChild(a); + /* For each element, create a new DIV that will contain the option list: */ b = document.createElement("DIV"); + b.setAttribute("class", "select-items select-hide"); + for(j = 0; j < ll; j++){ + /* For each option in the original select element, + create a new DIV that will act as an option item: */ c = document.createElement("DIV"); + c.innerHTML = selElmnt.options[j].innerHTML + imgarr[j]; + let cIndex = j; + c.addEventListener("click", function(e) { + /* When an item is clicked, update the original select box, + and the selected item: */ var y, i, k, s, h, sl, yl; + s = this.parentNode.parentNode.getElementsByTagName("select")[0]; + sl = s.length; + h = this.parentNode.previousSibling; + for(i = 0; i < sl; i++)if (s.options[i].innerHTML + imgarr[i] == this.innerHTML) { + s.selectedIndex = i; + h.innerHTML = this.innerHTML; + y = this.parentNode.getElementsByClassName("same-as-selected"); + yl = y.length; + for(k = 0; k < yl; k++)y[k].removeAttribute("class"); + this.setAttribute("class", "same-as-selected"); + break; + } + window.location.href = hrefs[cIndex]; + h.click(); + }); + b.appendChild(c); + } + x[i].appendChild(b); + a.addEventListener("click", function(e) { + /* When the select box is clicked, close any other select boxes, + and open/close the current select box: */ e.stopPropagation(); + closeAllSelect(this); + this.nextSibling.classList.toggle("select-hide"); + this.classList.toggle("select-arrow-active"); + }); +} +function closeAllSelect(elmnt) { + /* A function that will close all select boxes in the document, + except the current select box: */ var x, y, i, xl, yl, arrNo = []; + x = document.getElementsByClassName("select-items"); + y = document.getElementsByClassName("select-selected"); + xl = x.length; + yl = y.length; + for(i = 0; i < yl; i++)if (elmnt == y[i]) arrNo.push(i); + else y[i].classList.remove("select-arrow-active"); + for(i = 0; i < xl; i++)if (arrNo.indexOf(i)) x[i].classList.add("select-hide"); +} +/* If the user clicks anywhere outside the select box, +then close all select boxes: */ document.addEventListener("click", closeAllSelect); + diff --git a/index.a3a0751e.css b/index.a3a0751e.css new file mode 100644 index 00000000..b51b493b --- /dev/null +++ b/index.a3a0751e.css @@ -0,0 +1,407 @@ +:root { + --background: #2f588e; + --controle: #0298c6; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: Poppins, sans-serif; +} + +body { + background-color: var(--background); + font-size: 18px; +} + +.header { + text-align: center; + width: 100%; + flex-direction: column; + justify-content: center; + align-items: center; + margin-top: 20px; + display: flex; +} + +.controle { + background-color: var(--controle); + height: 140px; + width: 30%; + border: 1px solid #14c8ff; + border-radius: 140px; + flex-direction: row; + justify-content: center; + align-items: center; + margin: 0 auto; + display: flex; + box-shadow: 0 9px 15px #0000004d; +} + +.container { + width: 100%; + height: 85%; + margin-top: 2.5%; + margin-bottom: 2.5%; + display: flex; +} + +.esquerda { + text-align: center; + flex-direction: column; + flex: 1; + justify-content: center; + align-items: center; + display: flex; +} + +.esquerda img { + width: 80%; +} + +.tela { + width: 100%; + height: 100%; + color: #fff; + text-align: center; + background-color: #000; + border: .1px solid #fff; + flex-direction: column; + flex: 2; + justify-content: center; + align-items: center; + display: flex; +} + +.tela h1 { + color: #dad9d9; + font-family: "Press Start 2P", cursive; + font-size: 40px; +} + +.direita { + text-align: center; + flex-direction: column; + flex: 1; + justify-content: center; + align-items: center; + display: flex; +} + +.direita img { + width: 80%; +} + +main { + flex-direction: row; + margin-top: 30px; + margin-bottom: 30px; + display: flex; +} + +.niveis { + text-align: center; + flex-direction: column; + flex: 1.5; + justify-content: center; + align-items: center; + display: flex; +} + +.titulo { + width: 60%; + height: 50px; + text-align: center; + background-color: #7647aa; + border: 2px solid #b06bff; + border-radius: 60px; + justify-content: center; + align-items: center; + margin-left: 20%; + margin-right: 1%; + display: flex; + box-shadow: 0 9px 15px #0000004d; +} + +.titulo h1 { + color: #15b6e6; + font-family: VT323, monospace; + font-size: x-large; +} + +.selecao { + width: 90%; + background-color: #dad9d9; + border-radius: 20px; + flex-direction: column; + margin-top: 25px; + padding: 10px 5px 5px; + display: flex; + box-shadow: 0 9px 15px #0000004d; +} + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +li { + margin-bottom: 10px; +} + +.container_nivel { + flex-direction: row; + justify-content: center; + align-items: center; + display: flex; +} + +.video { + justify-content: center; + align-items: center; + margin-right: 10px; +} + +.botao_video { + flex: .3; + justify-content: center; + align-items: center; +} + +.botao_video button { + color: #0298c6; + cursor: pointer; + background-color: #dad9d9; + border: none; + flex-direction: row; + font-family: VT323, monospace; + font-size: xx-large; + display: flex; +} + +.video h2 { + margin-right: 10px; + font-size: 18px; +} + +.nivel { + text-align: center; + flex-direction: row; + flex: 2; + align-items: center; + margin-left: 10px; + display: flex; +} + +.nivel h2 { + margin-left: 20px; + font-size: 18px; +} + +.line { + opacity: .2; + height: 1px; + width: 98%; + background-color: #000; + margin-left: 1%; + margin-right: 1%; +} + +.botao { + background-color: #0298c6; + border-radius: 20px; + padding: 5px; +} + +.botao button { + color: #8b83d4; + cursor: pointer; + background-color: #2a245e; + border: 2px solid #00c3ff; + border-radius: 100%; + padding: 10px 20px; + font-family: VT323, monospace; + font-size: xx-large; +} + +.botao button:hover { + color: #0298c6; + transform: scale(1.2); +} + +.botao_video button:hover { + color: #7647aa; +} + +.botao2 { + background-color: #2a245e; + border-radius: 20px; + padding: 5px; +} + +.botao2 button { + color: #59d7fe; + cursor: pointer; + background-color: #0298c6; + border: 2px solid #5648d0; + border-radius: 100%; + padding: 10px 20px; + font-family: VT323, monospace; + font-size: xx-large; +} + +.botao2 button:hover { + color: #5648d0; + transform: scale(1.2); +} + +.robo { + flex: 1; + align-items: center; +} + +.robo img { + width: 70%; +} + +.wave { + font-family: "Press Start 2P", cursive; + animation: 1s infinite wave-animation; + display: inline-block; +} + +@keyframes wave-animation { + 0% { + transform: translateY(0); + } + + 50% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.modal { + z-index: 1; + width: 100%; + height: 100%; + background-color: #000c; + display: none; + position: fixed; + top: 0; + left: 0; + overflow: auto; +} + +.modal-content { + width: 80%; + max-width: 800px; + background-color: #fff; + border-radius: 20px; + padding: 20px; + display: block; + position: relative; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + box-shadow: 0 0 20px #0000004d; +} + +.close { + color: #aaa; + cursor: pointer; + font-size: 24px; + font-weight: bold; + position: absolute; + top: 10px; + right: 10px; +} + +.close:hover { + color: #2f588e; +} + +iframe { + width: 99%; +} + +.first-column { + width: 90%; + display: flex; +} + +@media only screen and (max-width: 920px) { + .first-column { + flex-direction: column; + align-items: center; + } + + .titulo { + margin: auto auto 10px; + } + + .header { + width: 100%; + padding-left: 0; + } + + .controle { + width: 50%; + } + + main { + flex-direction: column; + display: flex; + } + + .botao_video button h2 { + display: none; + } + + .robo { + justify-content: center; + align-items: center; + margin-top: 20px; + display: flex; + } + + .robo img { + width: 50%; + } +} + +@media only screen and (max-width: 550px) { + .controle { + width: 70%; + } + + .robo img { + width: 100%; + } +} + +@media only screen and (max-width: 530px) { + .controle { + width: 90%; + } +} + +@media only screen and (max-width: 300px) { + .tela h1 { + font-size: 25px; + } + + .titulo h1 { + font-size: 20px; + } + + .nivel h2 { + font-size: 15px; + } +} + diff --git a/index.b488581f.css b/index.b488581f.css new file mode 100644 index 00000000..78eb0b85 --- /dev/null +++ b/index.b488581f.css @@ -0,0 +1,57 @@ +.custom-select { + font-family: Arial; + position: relative; +} + +.custom-select select { + display: none; +} + +.select-selected { + background-color: #dad9d9; + border-radius: 60px; + margin-top: 2px; + box-shadow: 0 9px 15px #0000004d; +} + +.select-selected:after { + content: ""; + width: 0; + height: 0; + border: 6px solid #0000; + border-top-color: #fff; + position: absolute; + top: 22px; + right: 5px; +} + +.select-selected.select-arrow-active:after { + border-color: #0000 #0000 #fff; + top: 11px; +} + +.select-items div, .select-selected { + color: #000; + cursor: pointer; + border: 1px solid #0000; + border-bottom-color: #0000001a; + padding: 8px 16px; +} + +.select-items { + z-index: 99; + background-color: #dad9d9; + position: absolute; + top: 100%; + left: 0; + right: 0; +} + +.select-hide { + display: none; +} + +.select-items div:hover, .same-as-selected { + background-color: #0000001a; +} + diff --git a/index.f46ab636.js b/index.f46ab636.js new file mode 100644 index 00000000..d1458854 --- /dev/null +++ b/index.f46ab636.js @@ -0,0 +1,17 @@ +function openModal(videoId) { + const modal = document.getElementById("myModal"); + const videoFrame = document.getElementById("videoFrame"); + videoFrame.src = `https://www.youtube.com/embed/${videoId}`; + modal.style.display = "block"; +} +function closeModal() { + const modal = document.getElementById("myModal"); + const videoFrame = document.getElementById("videoFrame"); + videoFrame.src = ""; + modal.style.display = "none"; +} +window.addEventListener("click", function(event) { + const modal = document.getElementById("myModal"); + if (event.target == modal) closeModal(); +}); + diff --git a/index.html b/index.html index aa274308..46a8e208 100644 --- a/index.html +++ b/index.html @@ -6,9 +6,9 @@ Página Inicial - ELoS - - - + + + @@ -18,13 +18,13 @@
- +

ELoS

- +
@@ -103,7 +103,7 @@

Repetições

- +
@@ -114,9 +114,9 @@

Repetições

- - - - + + + + \ No newline at end of file diff --git a/level1/index.2cfafea6.js b/level1/index.2cfafea6.js new file mode 100644 index 00000000..1c58f3d8 --- /dev/null +++ b/level1/index.2cfafea6.js @@ -0,0 +1,1755 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function (modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + var res = localRequire.resolve(x); + return res === false ? {} : newRequire(res); + } + + function resolve(x) { + var id = modules[name][1][x]; + return id != null ? id : x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [ + function (require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function () { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function () { + return mainExports; + }); + + // + @@ -166,5 +166,5 @@