├── assets
    ├── img
    │   ├── cards.png
    │   ├── energy.png
    │   ├── kotaro.png
    │   ├── background.jpg
    │   ├── calculatorIcon.svg
    │   └── parts
    │   │   ├── aqua
    │   │       ├── tail.svg
    │   │       └── back.svg
    │   │   ├── bird
    │   │       └── tail.svg
    │   │   ├── bug
    │   │       └── tail.svg
    │   │   ├── beast
    │   │       └── tail.svg
    │   │   ├── plant
    │   │       └── tail.svg
    │   │   └── reptile
    │   │       └── tail.svg
    ├── js
    │   └── menu.js
    ├── styles
    │   ├── contact.css
    │   ├── about.css
    │   ├── styles.css
    │   └── tools.css
    └── pages
    │   ├── OLD
    │       ├── calculator.css
    │       ├── energyCalculator.js
    │       ├── styles.css
    │       ├── table.css
    │       ├── table.js
    │       ├── indexEN.html
    │       └── index.html
    │   ├── EN
    │       ├── contact.html
    │       ├── about.html
    │       └── index.html
    │   └── ES
    │       ├── contact.html
    │       └── about.html
├── README.md
└── index.html


/assets/img/cards.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jmarcosg/axieTools/HEAD/assets/img/cards.png


--------------------------------------------------------------------------------
/assets/img/energy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jmarcosg/axieTools/HEAD/assets/img/energy.png


--------------------------------------------------------------------------------
/assets/img/kotaro.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jmarcosg/axieTools/HEAD/assets/img/kotaro.png


--------------------------------------------------------------------------------
/assets/img/background.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jmarcosg/axieTools/HEAD/assets/img/background.jpg


--------------------------------------------------------------------------------
/assets/js/menu.js:
--------------------------------------------------------------------------------
1 | function myFunction() {
2 |     var x = document.getElementById("myTopnav");
3 |     if (x.className === "topnav") {
4 |       x.className += " responsive";
5 |     } else {
6 |       x.className = "topnav";
7 |     }
8 |   }
9 |   


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Axie Tools
2 | Tired of counting enemy energy? Want to know how to count cards? Axie Tools is a page where one can do all of this. This is perfect for lazy people like me who just want to see numbers on the screen and don't want to be chrunching numbers in game and just try to play my best :)
3 | 
4 | 


--------------------------------------------------------------------------------
/assets/styles/contact.css:
--------------------------------------------------------------------------------
 1 | .contact {
 2 |   margin-top: 15px;
 3 |   margin: 0 auto;
 4 |   width: 1380px;
 5 |   font-family: "Roboto", sans-serif;
 6 |   font-size: 17px;
 7 | 
 8 |   color: #432d17;
 9 | }
10 | 
11 | .tips {
12 |   margin-top: 15px;
13 |   margin: 0 auto;
14 |   width: 1380px;
15 |   font-family: "Roboto", sans-serif;
16 |   font-size: 17px;
17 | 
18 |   color: #432d17;
19 | }
20 | 
21 | .contact a:link,
22 | .contact a:visited,
23 | .contact a:hover,
24 | .contact a:active,
25 | .tips a:link,
26 | .tips a:visited,
27 | .tips a:hover,
28 | .tips a:active {
29 |   text-decoration: none;
30 |   color: #432d17;
31 | }
32 | 
33 | /* responsive */
34 | @media screen and (max-width: 600px) {
35 |   .contact {
36 |     width: 400px;
37 |   }
38 | 
39 |   .tips {
40 |     width: 400px;
41 |   }
42 | 
43 |   .donos {
44 |     font-size: 14px;
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/assets/styles/about.css:
--------------------------------------------------------------------------------
 1 | .intro {
 2 |   margin-top: 15px;
 3 |   margin-left: 25px;
 4 |   margin-right: 25px;
 5 |   width: fit-content;
 6 |   font-size: 17px;
 7 |   font-style: italic;
 8 |   text-align: center;
 9 | }
10 | 
11 | .TOC-container {
12 |   margin-top: 15px;
13 |   margin: 0 auto;
14 |   height: auto;
15 | }
16 | 
17 | .table-of-contents {
18 |   padding: 2px;
19 |   margin-left: 10px;
20 |   width: 300px;
21 |   font-family: "Roboto", sans-serif;
22 |   font-size: 17px;
23 | 
24 |   color: #2c1c0e;
25 |   background-color: #ab6636;
26 |   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
27 | }
28 | 
29 | .table-of-contents a:link,
30 | .table-of-contents a:visited,
31 | .table-of-contents a:hover,
32 | .table-of-contents a:active {
33 |   color: #2c1c0e;
34 | }
35 | 
36 | .how-to {
37 |   margin-left: 30px;
38 |   margin-right: 30px;
39 |   width: fit-content;
40 |   font-family: "Roboto", sans-serif;
41 |   font-size: 17px;
42 | 
43 |   color: #2c1c0e;
44 | }
45 | 
46 | .patch-notes {
47 |   margin-top: 25px;
48 |   margin-left: 30px;
49 |   width: fit-content;
50 |   font-family: "Roboto", sans-serif;
51 |   font-size: 17px;
52 | 
53 |   color: #2c1c0e;
54 | }
55 | 
56 | /* responsive */
57 | @media screen and (max-width: 600px) {
58 |   .intro {
59 |     width: 400px;
60 |   }
61 | }
62 | 
63 | @media screen and (max-width: 600px) {
64 |   .how-to {
65 |     width: 400px;
66 |   }
67 | }
68 | 
69 | @media screen and (max-width: 600px) {
70 |   .patch-notes {
71 |     width: 400px;
72 |   }
73 | }
74 | 


--------------------------------------------------------------------------------
/assets/pages/OLD/calculator.css:
--------------------------------------------------------------------------------
  1 | .calculator-container {
  2 |   width: auto;
  3 |   height: 210px;
  4 |   margin: auto;
  5 |   display: block;
  6 | }
  7 | 
  8 | /* Rounds */
  9 | .round-container {
 10 |   margin-top: 5px;
 11 |   width: auto;
 12 |   display: block;
 13 |   text-align: center;
 14 | }
 15 | 
 16 | .round-info {
 17 |   font-size: 2em;
 18 | }
 19 | 
 20 | .round-number {
 21 |   font-size: 2em;
 22 |   text-align: center;
 23 | }
 24 | 
 25 | .round-container img {
 26 |   margin-top: 5px;
 27 |   height: 60px;
 28 |   width: 60px;
 29 | }
 30 | 
 31 | .energy-quantity {
 32 |   margin-top: 5px;
 33 |   font-size: 2em;
 34 | }
 35 | 
 36 | /* Gain-Loss */
 37 | .ene-gain-loss-container {
 38 |   margin-top: 8px;
 39 |   margin: 0 auto;
 40 |   width: auto;
 41 |   display: block;
 42 |   text-align: center;
 43 | }
 44 | 
 45 | .eneCalc-item {
 46 |   padding: 6px;
 47 |   display: inline-block;
 48 | }
 49 | .eneCalc-item p {
 50 |   text-align: center;
 51 | }
 52 | 
 53 | .ene-gain-loss-container button {
 54 |   min-width: 50px;
 55 |   width: auto;
 56 |   height: 30px;
 57 |   border-radius: 2px 2px 2px 2px;
 58 | 
 59 |   background-color: #ab6636;
 60 |   border-color: #1a150e;
 61 |   color: #fff;
 62 |   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
 63 | }
 64 | 
 65 | .ene-gain-loss-container button:hover {
 66 |   background-color: #bd7847;
 67 |   color: #fff;
 68 | }
 69 | 
 70 | .gain-container {
 71 |   margin: 0 auto;
 72 | }
 73 | 
 74 | /* responsive */
 75 | @media screen and (max-width: 600px) {
 76 |   .round-info {
 77 |     font-size: 22px;
 78 |   }
 79 | 
 80 |   .round-number {
 81 |     font-size: 22px;
 82 |   }
 83 | 
 84 |   .round-container img {
 85 |     height: 45px;
 86 |     width: 45px;
 87 |   }
 88 | 
 89 |   .energy-quantity {
 90 |     font-size: 22px;
 91 |   }
 92 | 
 93 |   .ene-gain-loss-container {
 94 |     max-width: 350px;
 95 |   }
 96 | 
 97 |   /* .ene-gain-loss-container button {
 98 |       
 99 |     } */
100 | }
101 | 


--------------------------------------------------------------------------------
/assets/pages/OLD/energyCalculator.js:
--------------------------------------------------------------------------------
 1 | var counter = document.getElementById("energyQuantity");
 2 | counter = 3;
 3 | var round = document.getElementById("roundNumber");
 4 | round = 1;
 5 | 
 6 | function subtract(){
 7 |   counter -= 1;
 8 |   if (counter <= 0) {
 9 |     counter = 0;
10 |   }
11 |   
12 |   document.getElementById("energyQuantity").innerHTML = counter;
13 | }
14 | 
15 | function add(){
16 |   counter += 1;
17 |   if (counter >= 10) {
18 |     counter = 10;
19 |   }
20 |   document.getElementById("energyQuantity").innerHTML = counter;
21 | }
22 | 
23 | function reset(){
24 |   counter = 3;
25 |   round = 1;
26 |   document.getElementById("energyQuantity").innerHTML = counter;
27 |   document.getElementById("roundNumber").innerHTML = round;
28 |   
29 |   // Axie1 parts clear
30 |   document.getElementById('a1m1').style.visibility = "hidden";
31 |   document.getElementById('a1m2').style.visibility = "hidden";
32 |   document.getElementById('a1h1').style.visibility = "hidden";
33 |   document.getElementById('a1h2').style.visibility = "hidden";
34 |   document.getElementById('a1b1').style.visibility = "hidden";
35 |   document.getElementById('a1b2').style.visibility = "hidden";
36 |   document.getElementById('a1t1').style.visibility = "hidden";
37 |   document.getElementById('a1t2').style.visibility = "hidden";
38 |   
39 |   // Axie2 parts clear
40 |   document.getElementById('a2m1').style.visibility = "hidden";
41 |   document.getElementById('a2m2').style.visibility = "hidden";
42 |   document.getElementById('a2h1').style.visibility = "hidden";
43 |   document.getElementById('a2h2').style.visibility = "hidden";
44 |   document.getElementById('a2b1').style.visibility = "hidden";
45 |   document.getElementById('a2b2').style.visibility = "hidden";
46 |   document.getElementById('a2t1').style.visibility = "hidden";
47 |   document.getElementById('a2t2').style.visibility = "hidden";
48 |   
49 |   // Axie3 parts clear
50 |   document.getElementById('a3m1').style.visibility = "hidden";
51 |   document.getElementById('a3m2').style.visibility = "hidden";
52 |   document.getElementById('a3h1').style.visibility = "hidden";
53 |   document.getElementById('a3h2').style.visibility = "hidden";
54 |   document.getElementById('a3b1').style.visibility = "hidden";
55 |   document.getElementById('a3b2').style.visibility = "hidden";
56 |   document.getElementById('a3t1').style.visibility = "hidden";
57 |   document.getElementById('a3t2').style.visibility = "hidden";
58 | }
59 | 
60 | function nextRound(){
61 |   round += 1;
62 |   counter += 2;
63 |   if (counter >= 10) {
64 |     counter = 10;
65 |   }
66 |   
67 |   document.getElementById("roundNumber").innerHTML = round;
68 |   document.getElementById("energyQuantity").innerHTML = counter;
69 | }


--------------------------------------------------------------------------------
/assets/pages/OLD/styles.css:
--------------------------------------------------------------------------------
  1 | html,
  2 | body {
  3 |   margin: 0;
  4 |   font-family: "Roboto";
  5 |   color: #432d17;
  6 | 
  7 |   background: #be9770;
  8 | }
  9 | 
 10 | /* header */
 11 | .topnav {
 12 |   overflow: hidden;
 13 |   background-color: #ab6636;
 14 | }
 15 | 
 16 | .topnav a {
 17 |   float: left;
 18 |   display: block;
 19 |   color: #f2f2f2;
 20 |   text-align: center;
 21 |   padding: 14px 16px;
 22 |   text-decoration: none;
 23 |   font-size: 17px;
 24 | }
 25 | 
 26 | .topnav a:hover {
 27 |   background-color: #bd7847;
 28 |   color: #ffffff;
 29 | }
 30 | 
 31 | .topnav a.active {
 32 |   background-color: #88522b;
 33 |   color: white;
 34 | }
 35 | 
 36 | .topnav .icon {
 37 |   display: none;
 38 | }
 39 | 
 40 | /* header dropdown */
 41 | .dropdown {
 42 |   float: left;
 43 |   overflow: hidden;
 44 | }
 45 | 
 46 | .dropdown .dropbtn {
 47 |   font-size: 17px;
 48 |   border: none;
 49 |   outline: none;
 50 |   color: white;
 51 |   padding: 14px 16px;
 52 |   background-color: inherit;
 53 |   font-family: inherit;
 54 |   margin: 0;
 55 | }
 56 | 
 57 | .dropdown-content {
 58 |   display: none;
 59 |   position: absolute;
 60 |   background-color: #ab6636;
 61 |   min-width: 160px;
 62 |   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 63 |   z-index: 1;
 64 | }
 65 | 
 66 | .dropdown-content a {
 67 |   float: none;
 68 |   color: #ffffff;
 69 |   padding: 12px 16px;
 70 |   text-decoration: none;
 71 |   display: block;
 72 |   text-align: left;
 73 | }
 74 | 
 75 | .topnav a:hover,
 76 | .dropdown:hover .dropbtn {
 77 |   background-color: #bd7847;
 78 |   color: #ffffff;
 79 | }
 80 | 
 81 | .dropdown-content a:hover {
 82 |   background-color: #bd7847;
 83 |   color: #ffffff;
 84 | }
 85 | 
 86 | .dropdown:hover .dropdown-content {
 87 |   display: block;
 88 | }
 89 | 
 90 | /* footer */
 91 | footer {
 92 |   /* padding-top: 15px; */
 93 |   position: relative;
 94 |   bottom: 0;
 95 |   width: 100%;
 96 |   font-size: 12px;
 97 |   text-align: center;
 98 | 
 99 |   color: #462d17;
100 | }
101 | 
102 | footer a {
103 |   cursor: pointer;
104 |   font-family: "Roboto", sans-serif;
105 |   text-decoration: none;
106 |   align-items: center;
107 | }
108 | 
109 | footer a:link,
110 | footer a:visited,
111 | footer a:hover,
112 | footer a:active {
113 |   color: #462d17;
114 | }
115 | 
116 | /* responsive */
117 | @media screen and (max-width: 600px) {
118 |   .topnav a:not(:first-child),
119 |   .dropdown .dropbtn {
120 |     display: none;
121 |   }
122 |   .topnav a.icon {
123 |     float: right;
124 |     display: block;
125 |   }
126 | }
127 | 
128 | @media screen and (max-width: 600px) {
129 |   .topnav.responsive {
130 |     position: relative;
131 |   }
132 |   .topnav.responsive .icon {
133 |     position: absolute;
134 |     right: 0;
135 |     top: 0;
136 |   }
137 |   .topnav.responsive a {
138 |     float: none;
139 |     display: block;
140 |     text-align: left;
141 |   }
142 |   .topnav.responsive .dropdown {
143 |     float: none;
144 |   }
145 |   .topnav.responsive .dropdown-content {
146 |     position: relative;
147 |   }
148 |   .topnav.responsive .dropdown .dropbtn {
149 |     display: block;
150 |     width: 100%;
151 |     text-align: left;
152 |   }
153 | 
154 |   .footer {
155 |     font-size: 10px;
156 |   }
157 | }
158 | 


--------------------------------------------------------------------------------
/assets/pages/EN/contact.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="es">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8 |     <meta name="author" content="github.com/jmarcosg">
 9 |     <meta name="description" content="Axie Infinity various tools">
10 | 
11 |     <title>Axie Tools</title>
12 | 
13 |     <!--icons-->
14 |     <link rel="icon" type="image/png" href="../../img/kotaro.png">
15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
16 | 
17 | 
18 |     <!--stylesheet-->
19 |     <link rel="stylesheet" href="../../styles/styles.css">
20 |     <link rel="stylesheet" href="../../styles/about.css">
21 |     <link rel="stylesheet" href="../../styles/contact.css">
22 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
23 | 
24 |     <!--font-->
25 |     <link rel="preconnect" href="https://fonts.googleapis.com">
26 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27 |     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
28 | </head>
29 | 
30 | <body>
31 |     <div class="nav-bar">
32 |         <div class="topnav" id="myTopnav">
33 |             <a href="index.html">Home</a>
34 |             <a href="about.html">How it works</a>
35 |             <a href="#" class="active">Contact</a>
36 |             <div class="dropdown">
37 |                 <button class="dropbtn">Settings
38 |                     <i class="fa fa-caret-down"></i>
39 |                 </button>
40 |                 <div class="dropdown-content">
41 |                     <a href="../ES/contact.html">Switch to Spanish</a>
42 |                 </div>
43 |             </div>
44 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
45 |             <script src="../../js/menu.js"></script>
46 |         </div>
47 |     </div>
48 | 
49 |     <div class="contact">
50 |         <h2>Contact</h2>
51 |         <p>
52 |             <span>This tools were created as a way to help people learn key parts from the game and lower a little bit the difficulty curve we are presented once we start up the game for the first time.</span>
53 |         </p>
54 |         <p>
55 |             <span>Want to help? Perfect! I'm always looking forward to learn something new and how to build better websites. Just send me a message over any of my social media that are on display in <a href="https://github.com/jmarcosg">my Github profile</a>.</span>
56 |         </p>
57 |     </div>
58 | 
59 |     <div class="tips">
60 |         <h2>Donations</h2>
61 |         <span>All donations from Ronin or Cafecito <B>ARE NOT MANDATORY</B> and <B>WILL NEVER BE</B>. The fact that you are going or willing to do it, it's already a big gesture and it will be infinitily appreciated.</span>
62 | 
63 |         <p class="donos">
64 |             <i class="fas fa-wallet"></i><B>&nbsp;Ronin:</B>&nbsp;<span>ronin:dd6fbb017b4bfb7cb8cbe54d37c56675caf48daa</span>
65 | 
66 |             <br><br>
67 | 
68 |             <span><i class="fas fa-mug-hot"></i><B>&nbsp;<a href="https://cafecito.app/jmarcosg">Cafecito</a></B></span>
69 |         </p>
70 |     </div>
71 | 
72 |     <footer>
73 |         <p>
74 |             <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
75 |         </p>
76 |     </footer>
77 | </body>
78 | 
79 | </html>


--------------------------------------------------------------------------------
/assets/pages/ES/contact.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="es">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8 |     <meta name="author" content="github.com/jmarcosg">
 9 |     <meta name="description" content="Axie Infinity various tools">
10 | 
11 |     <title>Axie Tools</title>
12 | 
13 |     <!--icons-->
14 |     <link rel="icon" type="image/png" href="../../img/axie_102x128.png">
15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
16 | 
17 | 
18 |     <!--stylesheet-->
19 |     <link rel="stylesheet" href="../../styles/styles.css">
20 |     <link rel="stylesheet" href="../../styles/contact.css">
21 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
22 | 
23 |     <!--font-->
24 |     <link rel="preconnect" href="https://fonts.googleapis.com">
25 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26 |     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
27 | </head>
28 | 
29 | <body>
30 |     <div class="nav-bar">
31 |         <div class="topnav" id="myTopnav">
32 |             <a href="../../../index.html">Inicio</a>
33 |             <a href="about.html">Cómo funciona</a>
34 |             <a href="#" class="active">Contacto</a>
35 |             <div class="dropdown">
36 |                 <button class="dropbtn">Opciones
37 |                     <i class="fa fa-caret-down"></i>
38 |                 </button>
39 |                 <div class="dropdown-content">
40 |                     <a href="assets/pages/EN/index.html">Cambiar a Inglés</a>
41 |                 </div>
42 |             </div>
43 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
44 |             <script src="../js/menu.js"></script>
45 |         </div>
46 |     </div>
47 | 
48 |     <div class="contact">
49 |         <h2>Contacto</h2>
50 |         <p>
51 |             <span>Estas herramientas fueron hechas como una manera de ayudar a aprender partes claves del juego y bajar un poco la curva de dificultad que se nos presenta al iniciar el juego por primera vez.</span>
52 |         </p>
53 | 
54 |         <p>
55 |             <span>¿Querés ayudar? ¡Perfecto! Estoy en continuo aprendizaje del juego y cómo construir páginas web. No dudes en enviarme un mensaje a través de cualquiera de mis redes sociales que hay en <a href="https://github.com/jmarcosg">mi perfil de Github</a>.</span>
56 |         </p>
57 |     </div>
58 | 
59 |     <div class="tips">
60 |         <h2>Donaciones</h2>
61 |         <span>Tanto las donaciones de Ronin como las de Cafecito <B>NO SON OBLIGATORIAS</B> y <B>NUNCA</B> les voy a obligar que donen. El hecho de que donen o quieran hacerlo, ya es un enorme gesto de por sí y se lo agradece en cantidades infinitas.</span>
62 | 
63 |         <p class="donos">
64 |             <i class="fas fa-wallet"></i><B>&nbsp;Ronin:</B>&nbsp;<span>ronin:dd6fbb017b4bfb7cb8cbe54d37c56675caf48daa</span>
65 | 
66 |             <br><br>
67 | 
68 |             <span><i class="fas fa-mug-hot"></i><B>&nbsp;<a href="https://cafecito.app/jmarcosg">Cafecito</a></B></span>
69 |         </p>
70 |     </div>
71 | 
72 |     <footer>
73 |         <p>
74 |             <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
75 |         </p>
76 |     </footer>
77 | </body>
78 | 
79 | </html>


--------------------------------------------------------------------------------
/assets/pages/OLD/table.css:
--------------------------------------------------------------------------------
  1 | .cards-and-parts-container table {
  2 |   margin: auto;
  3 |   border-collapse: collapse;
  4 |   font-weight: bold;
  5 |   text-align: center;
  6 |   max-width: 400px;
  7 | }
  8 | 
  9 | th {
 10 |   background-color: #ab6636;
 11 |   color: #fff;
 12 |   font-weight: 400;
 13 |   border: 1px solid #000;
 14 |   padding: 8px;
 15 | }
 16 | 
 17 | /* Axie 1 */
 18 | .axie1 {
 19 |   background-color: #f0c66e;
 20 |   color: #000000;
 21 |   border: 1px solid #000;
 22 |   padding: 8px;
 23 |   font-weight: 500;
 24 | }
 25 | 
 26 | .axie1 button {
 27 |   width: max-content;
 28 |   height: max-content;
 29 | }
 30 | 
 31 | #a1m1 {
 32 |   font-size: 18px;
 33 |   visibility: hidden;
 34 | }
 35 | 
 36 | #a1m2 {
 37 |   font-size: 18px;
 38 |   visibility: hidden;
 39 | }
 40 | 
 41 | #a1h1 {
 42 |   font-size: 18px;
 43 |   visibility: hidden;
 44 | }
 45 | 
 46 | #a1h2 {
 47 |   font-size: 18px;
 48 |   visibility: hidden;
 49 | }
 50 | 
 51 | #a1b1 {
 52 |   font-size: 18px;
 53 |   visibility: hidden;
 54 | }
 55 | 
 56 | #a1b2 {
 57 |   font-size: 18px;
 58 |   visibility: hidden;
 59 | }
 60 | 
 61 | #a1t1 {
 62 |   font-size: 18px;
 63 |   visibility: hidden;
 64 | }
 65 | 
 66 | #a1t2 {
 67 |   font-size: 18px;
 68 |   visibility: hidden;
 69 | }
 70 | 
 71 | /* Axie 2 */
 72 | .axie2 {
 73 |   background-color: #ff9ab8;
 74 |   color: #000000;
 75 |   border: 1px solid #000;
 76 |   padding: 8px;
 77 |   font-weight: 500;
 78 | }
 79 | 
 80 | #a2m1 {
 81 |   font-size: 18px;
 82 |   visibility: hidden;
 83 | }
 84 | 
 85 | #a2m2 {
 86 |   font-size: 18px;
 87 |   visibility: hidden;
 88 | }
 89 | 
 90 | #a2h1 {
 91 |   font-size: 18px;
 92 |   visibility: hidden;
 93 | }
 94 | 
 95 | #a2h2 {
 96 |   font-size: 18px;
 97 |   visibility: hidden;
 98 | }
 99 | 
100 | #a2b1 {
101 |   font-size: 18px;
102 |   visibility: hidden;
103 | }
104 | 
105 | #a2b2 {
106 |   font-size: 18px;
107 |   visibility: hidden;
108 | }
109 | 
110 | #a2t1 {
111 |   font-size: 18px;
112 |   visibility: hidden;
113 | }
114 | 
115 | #a2t2 {
116 |   font-size: 18px;
117 |   visibility: hidden;
118 | }
119 | 
120 | /* Axie 3*/
121 | .axie3 {
122 |   background-color: #5cbfea;
123 |   color: #000000;
124 |   border: 1px solid #000;
125 |   padding: 8px;
126 |   font-weight: 500;
127 | }
128 | 
129 | #a3m1 {
130 |   font-size: 18px;
131 |   visibility: hidden;
132 | }
133 | 
134 | #a3m2 {
135 |   font-size: 18px;
136 |   visibility: hidden;
137 | }
138 | 
139 | #a3h1 {
140 |   font-size: 18px;
141 |   visibility: hidden;
142 | }
143 | 
144 | #a3h2 {
145 |   font-size: 18px;
146 |   visibility: hidden;
147 | }
148 | 
149 | #a3b1 {
150 |   font-size: 18px;
151 |   visibility: hidden;
152 | }
153 | 
154 | #a3b2 {
155 |   font-size: 18px;
156 |   visibility: hidden;
157 | }
158 | 
159 | #a3t1 {
160 |   font-size: 18px;
161 |   visibility: hidden;
162 | }
163 | 
164 | #a3t2 {
165 |   font-size: 18px;
166 |   visibility: hidden;
167 | }
168 | 
169 | .clear-checkboxes {
170 |   text-align: center;
171 | }
172 | 
173 | .clear-checkboxes button {
174 |   margin-top: 10px;
175 |   margin-left: auto;
176 |   min-width: 150px;
177 |   width: auto;
178 |   height: 30px;
179 |   border-radius: 2px 2px 2px 2px;
180 | 
181 |   background-color: #ab6636;
182 |   border-color: #1a150e;
183 |   color: #fff;
184 |   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
185 | }
186 | 
187 | .clear-checkboxes button:hover {
188 |   background-color: #bd7847;
189 |   color: #fff;
190 | }
191 | 
192 | /* responsive */
193 | @media screen and (max-width: 600px) {
194 |   .cards-and-parts-container table {
195 |     margin: auto;
196 |     border-collapse: collapse;
197 |     font-weight: bold;
198 |     text-align: center;
199 |     max-width: 350px;
200 |     max-height: 500px;
201 |   }
202 | 
203 |   th,
204 |   td {
205 |     font-size: 14px;
206 |   }
207 | }
208 | 


--------------------------------------------------------------------------------
/assets/styles/styles.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
  2 | 
  3 | @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
  4 | 
  5 | html,
  6 | body {
  7 |   margin: 0 auto;
  8 |   height: 100vh;
  9 |   font-family: "Inter", sans-serif;
 10 |   color: #432d17;
 11 |   background-color: #c07f5aad;
 12 |   user-select: none;
 13 | }
 14 | 
 15 | /* header */
 16 | .topnav {
 17 |   overflow: hidden;
 18 |   background-color: #79471f;
 19 |   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
 20 | }
 21 | 
 22 | .topnav a {
 23 |   float: left;
 24 |   display: block;
 25 |   color: #f2f2f2;
 26 |   text-align: center;
 27 |   padding: 14px 16px;
 28 |   text-decoration: none;
 29 |   font-size: 17px;
 30 | }
 31 | 
 32 | .topnav a:hover {
 33 |   background-color: #5f3816;
 34 |   color: #ffffff;
 35 | }
 36 | 
 37 | .topnav a.active {
 38 |   background-color: #5f3816;
 39 |   color: white;
 40 | }
 41 | 
 42 | .topnav .icon {
 43 |   display: none;
 44 | }
 45 | 
 46 | /* header dropdown */
 47 | .dropdown {
 48 |   float: left;
 49 |   overflow: hidden;
 50 | }
 51 | 
 52 | .dropdown .dropbtn {
 53 |   font-size: 17px;
 54 |   border: none;
 55 |   outline: none;
 56 |   color: white;
 57 |   padding: 14px 16px;
 58 |   background-color: inherit;
 59 |   font-family: inherit;
 60 |   margin: 0;
 61 | }
 62 | 
 63 | .dropdown-content {
 64 |   display: none;
 65 |   position: absolute;
 66 |   background-color: #79471f;
 67 |   min-width: 160px;
 68 |   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 69 |   z-index: 1;
 70 | }
 71 | 
 72 | .dropdown-content a {
 73 |   float: none;
 74 |   color: #ffffff;
 75 |   padding: 12px 16px;
 76 |   text-decoration: none;
 77 |   display: block;
 78 |   text-align: left;
 79 | }
 80 | 
 81 | .topnav a:hover,
 82 | .dropdown:hover .dropbtn {
 83 |   background-color: #5f3816;
 84 |   color: #ffffff;
 85 | }
 86 | 
 87 | .dropdown-content a:hover {
 88 |   background-color: #5f3816;
 89 |   color: #ffffff;
 90 | }
 91 | 
 92 | .dropdown:hover .dropdown-content {
 93 |   display: block;
 94 | }
 95 | 
 96 | .main-container {
 97 |   height: fit-content;
 98 |   padding-bottom: 200px;
 99 |   max-width: 540px;
100 |   margin-left: auto;
101 |   margin-right: auto;
102 |   margin-top: 15px;
103 |   padding: 0.5rem;
104 | }
105 | 
106 | /* footer */
107 | footer {
108 |   padding-top: 15px;
109 |   position: relative;
110 |   bottom: 0;
111 |   width: 100%;
112 |   font-size: 13px;
113 |   text-align: center;
114 | 
115 |   color: #462d17;
116 | }
117 | 
118 | footer a {
119 |   cursor: pointer;
120 |   font-family: "Inter", sans-serif;
121 |   text-decoration: none;
122 |   align-items: center;
123 | }
124 | 
125 | footer a:link,
126 | footer a:visited,
127 | footer a:hover,
128 | footer a:active {
129 |   color: #462d17;
130 | }
131 | 
132 | /* responsive */
133 | @media screen and (max-width: 600px) {
134 |   .topnav a:not(:first-child),
135 |   .dropdown .dropbtn {
136 |     display: none;
137 |   }
138 |   .topnav a.icon {
139 |     float: right;
140 |     display: block;
141 |   }
142 | }
143 | 
144 | @media screen and (max-width: 600px) {
145 |   .topnav.responsive {
146 |     position: relative;
147 |   }
148 |   .topnav.responsive .icon {
149 |     position: absolute;
150 |     right: 0;
151 |     top: 0;
152 |   }
153 |   .topnav.responsive a {
154 |     float: none;
155 |     display: block;
156 |     text-align: left;
157 |   }
158 |   .topnav.responsive .dropdown {
159 |     float: none;
160 |   }
161 |   .topnav.responsive .dropdown-content {
162 |     position: relative;
163 |   }
164 |   .topnav.responsive .dropdown .dropbtn {
165 |     display: block;
166 |     width: 100%;
167 |     text-align: left;
168 |   }
169 | 
170 |   .footer {
171 |     font-size: 10px;
172 |   }
173 | }
174 | 


--------------------------------------------------------------------------------
/assets/img/calculatorIcon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 422.32 422.32" style="enable-background:new 0 0 422.32 422.32;" xml:space="preserve" width="512" height="512">
 4 | <g id="_x34_2._Calculator_1_">
 5 | 	<g id="XMLID_90_">
 6 | 		<g>
 7 | 			<g>
 8 | 				<path style="fill:#FF7124;" d="M385.68,121.69v275.63c0,8.28-6.72,15-15,15H269.33v-0.93V266.98V122.57v-0.88H385.68z"/>
 9 | 			</g>
10 | 			<g>
11 | 				<path style="fill:#8ECAC1;" d="M385.68,25v96.69H269.33H152.99H36.64V25c0-8.28,6.72-15,15-15h319.04      C378.96,10,385.68,16.72,385.68,25z"/>
12 | 			</g>
13 | 			<g>
14 | 				<path style="fill:#E6B263;" d="M269.33,411.39v0.93H152.99v-0.93V266.98H268.6h0.73V411.39z M238.83,358.82      c0-4.71-3.82-8.53-8.53-8.53c-4.71,0-8.53,3.82-8.53,8.53c0,4.71,3.82,8.53,8.53,8.53      C235.01,367.35,238.83,363.53,238.83,358.82z M200.54,320.53c0-4.71-3.81-8.53-8.53-8.53c-4.71,0-8.52,3.82-8.52,8.53      c0,4.71,3.81,8.53,8.52,8.53C196.73,329.06,200.54,325.24,200.54,320.53z"/>
15 | 			</g>
16 | 			<g>
17 | 				<polygon style="fill:#F2D59F;" points="269.33,122.57 269.33,266.98 268.6,266.98 152.99,266.98 152.99,122.57 152.99,121.69       269.33,121.69     "/>
18 | 			</g>
19 | 			<g>
20 | 				<circle style="fill:#5E2A41;" cx="230.3" cy="358.82" r="8.53"/>
21 | 			</g>
22 | 			<g>
23 | 				<path style="fill:#5E2A41;" d="M192.01,312c4.72,0,8.53,3.82,8.53,8.53c0,4.71-3.81,8.53-8.53,8.53c-4.71,0-8.52-3.82-8.52-8.53      C183.49,315.82,187.3,312,192.01,312z"/>
24 | 			</g>
25 | 			<g>
26 | 				<path style="fill:#F2D59F;" d="M152.99,411.39v0.93H51.64c-8.28,0-15-6.72-15-15V266.98h0.73h115.62V411.39z"/>
27 | 			</g>
28 | 			<g>
29 | 				<polygon style="fill:#E6B263;" points="152.99,122.57 152.99,266.98 37.37,266.98 36.64,266.98 36.64,121.69 152.99,121.69           "/>
30 | 			</g>
31 | 		</g>
32 | 		<g>
33 | 			<g>
34 | 				<path style="fill:#5E2A41;" d="M370.68,422.32H51.64c-13.785,0-25-11.215-25-25V25c0-13.785,11.215-25,25-25h319.04      c13.785,0,25,11.215,25,25v372.32C395.68,411.105,384.465,422.32,370.68,422.32z M51.64,20c-2.757,0-5,2.243-5,5v372.32      c0,2.757,2.243,5,5,5h319.04c2.757,0,5-2.243,5-5V25c0-2.757-2.243-5-5-5H51.64z"/>
35 | 			</g>
36 | 			<g>
37 | 				<path style="fill:#5E2A41;" d="M385.68,131.69H36.64c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h349.04      c5.523,0,10,4.477,10,10C395.68,127.213,391.203,131.69,385.68,131.69z"/>
38 | 			</g>
39 | 			<g>
40 | 				<path style="fill:#5E2A41;" d="M269.33,421.39c-5.523,0-10-4.477-10-10V122.57c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10      v288.82C279.33,416.913,274.853,421.39,269.33,421.39z"/>
41 | 			</g>
42 | 			<g>
43 | 				<path style="fill:#5E2A41;" d="M268.6,276.98H37.37c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10H268.6      c5.523,0,10,4.477,10,10C278.6,272.503,274.123,276.98,268.6,276.98z"/>
44 | 			</g>
45 | 			<g>
46 | 				<path style="fill:#5E2A41;" d="M119.54,204.34H70.09c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h49.45      c5.523,0,10,4.477,10,10C129.54,199.863,125.063,204.34,119.54,204.34z"/>
47 | 			</g>
48 | 			<g>
49 | 				<path style="fill:#5E2A41;" d="M94.82,229.06c-5.523,0-10-4.477-10-10v-49.45c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10      v49.45C104.82,224.583,100.343,229.06,94.82,229.06z"/>
50 | 			</g>
51 | 			<g>
52 | 				<path style="fill:#5E2A41;" d="M236.38,204.34h-50.44c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h50.44      c5.523,0,10,4.477,10,10C246.38,199.863,241.903,204.34,236.38,204.34z"/>
53 | 			</g>
54 | 			<g>
55 | 				<path style="fill:#5E2A41;" d="M113.96,368.82c-2.56,0-5.118-0.976-7.071-2.929l-38.289-38.29      c-3.905-3.905-3.906-10.237-0.001-14.142c3.905-3.905,10.237-3.906,14.142,0l38.29,38.29c3.905,3.905,3.905,10.237,0,14.142      C119.078,367.843,116.519,368.82,113.96,368.82z"/>
56 | 			</g>
57 | 			<g>
58 | 				<path style="fill:#5E2A41;" d="M75.67,368.82c-2.56,0-5.12-0.977-7.073-2.931c-3.904-3.906-3.903-10.238,0.003-14.142      l38.287-38.287c3.903-3.907,10.235-3.908,14.142-0.003c3.906,3.904,3.908,10.236,0.004,14.142l-38.294,38.293      C80.786,367.844,78.228,368.82,75.67,368.82z"/>
59 | 			</g>
60 | 			<g>
61 | 				<path style="fill:#5E2A41;" d="M192.01,368.82c-2.559,0-5.119-0.976-7.071-2.929c-3.905-3.905-3.905-10.237,0-14.142      l38.29-38.29c3.905-3.905,10.237-3.905,14.143,0c3.905,3.905,3.905,10.237,0,14.143l-38.29,38.29      C197.129,367.844,194.569,368.82,192.01,368.82z"/>
62 | 			</g>
63 | 			<g>
64 | 				<path style="fill:#5E2A41;" d="M352.77,259.55h-51.11c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h51.11      c5.523,0,10,4.477,10,10C362.77,255.073,358.293,259.55,352.77,259.55z"/>
65 | 			</g>
66 | 			<g>
67 | 				<path style="fill:#5E2A41;" d="M352.77,294.46h-51.11c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h51.11      c5.523,0,10,4.477,10,10C362.77,289.983,358.293,294.46,352.77,294.46z"/>
68 | 			</g>
69 | 			<g>
70 | 				<path style="fill:#5E2A41;" d="M152.99,421.39c-5.523,0-10-4.477-10-10V122.57c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10      v288.82C162.99,416.913,158.513,421.39,152.99,421.39z"/>
71 | 			</g>
72 | 		</g>
73 | 	</g>
74 | </g>
75 | 
76 | 
77 | 
78 | 
79 | 
80 | 
81 | 
82 | 
83 | 
84 | 
85 | 
86 | 
87 | 
88 | 
89 | 
90 | </svg>
91 | 


--------------------------------------------------------------------------------
/assets/pages/EN/about.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <meta name="author" content="github.com/jmarcosg">
  9 |     <meta name="description" content="Axie Infinity various tools">
 10 | 
 11 |     <title>Axie Tools</title>
 12 | 
 13 |     <!--icons-->
 14 |     <link rel="icon" type="image/png" href="../../img/kotaro.png">
 15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
 16 | 
 17 | 
 18 |     <!--stylesheet-->
 19 |     <link rel="stylesheet" href="../../styles/styles.css">
 20 |     <link rel="stylesheet" href="../../styles/about.css">
 21 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
 22 | 
 23 |     <!--font-->
 24 |     <link rel="preconnect" href="https://fonts.googleapis.com">
 25 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 26 |     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 27 | </head>
 28 | 
 29 | <body>
 30 |     <div class="nav-bar">
 31 |         <div class="topnav" id="myTopnav">
 32 |             <a href="index.html">Home</a>
 33 |             <a href="#" class="active">How it works</a>
 34 |             <a href="contact.html">Contact</a>
 35 |             <div class="dropdown">
 36 |                 <button class="dropbtn">Settings
 37 |                     <i class="fa fa-caret-down"></i>
 38 |                 </button>
 39 |                 <div class="dropdown-content">
 40 |                     <a href="../ES/about.html">Switch to Spanish</a>
 41 |                 </div>
 42 |             </div>
 43 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
 44 |             <script src="../../js/menu.js"></script>
 45 |         </div>
 46 |     </div>
 47 | 
 48 |     <div class="TOC-container">
 49 |         <p class="intro">
 50 |             <span>
 51 |                 Tired of counting enemy energy? Want to know how to count cards? Axie Tools is a page where one can do all of this. This tool are perfect for lazy people like me who just want to see numbers on the screen and don't want to be chrunching numbers in game and just try to play my best :)
 52 |             </span>
 53 |         </p>
 54 |         <div class="table-of-contents">
 55 |             <h3><B>&nbsp;&nbsp;Table of Contents</B></h3>
 56 |             <ul>
 57 |                 <li><a href="#howTo">How To</a></li>
 58 |                 <li><a href="#patchNotes">Patch Notes</a></li>
 59 |             </ul>
 60 |         </div>
 61 | 
 62 |         <div class="how-to" id="howTo">
 63 |             <p>
 64 |             <h3>Enemy Energy Calculator</h3>
 65 |             <span>
 66 |                 Enemy Energy Calculator is a tool you can use to track how much energy your enemy has for their next round with just a few clicks.
 67 |             </span>
 68 |             </p>
 69 | 
 70 |             <p>
 71 |             <h4>How it works</h4>
 72 |             <span>You can see we have four buttons: <I>-1 ENE</I>, <I>+1 ENE</I>, <I>NEXT ROUND</I> and <I>RESET</I>.</span>
 73 |             <ul>
 74 |                 <li><B>-1 ENE:&nbsp;</B>substracts 1 energy point from the available energy.</li>
 75 |                 <li><B>+1 ENE:&nbsp;</B>ads 1 energy point to the available energy.</li>
 76 |                 <li><B>NEXT ROUND:&nbsp;</B>acts as the game round has finished and adds 2 energy points to the available energy.</li>
 77 |                 <li><B>NEW GAME:&nbsp;</B>acts as a reset button for a new arena match.</li>
 78 |             </ul>
 79 |             </p>
 80 | 
 81 |             <br>
 82 | 
 83 |             <p>
 84 |             <h3>Cards and Parts Table</h3>
 85 |             <span>This table can be used to keep track which cards/axie parts' appeared clicking checkboxes.</span>
 86 |             </p>
 87 | 
 88 |             <p>
 89 |             <h4>How it works</h4>
 90 |             <span>Every time you start a game you are dealt six random cards from your 24 cards deck. As soon as a round starts you should be checking which cards have been dealt and clicking checkboxes in the table (any color can be used for your axies, it doesn't mean that if you have a double aquatic and bug composition you can't use this table). Collumns and rows will, eventually, get checked. When this happens, it means that your 24 cards deck is out of cards, so the game will now shuffle them back and will be a new set of cards. This also means that you should click the <I>CLEAR ALL</I> button so you can still keep track which cards/axie parts appears.</span>
 91 |             </p>
 92 |         </div>
 93 | 
 94 |         <div class="patch-notes" id="patchNotes">
 95 |             <h2>Patch Notes</h2>
 96 |             <h3>AT 1.1.5</h3>
 97 |             <ul>
 98 |                 <li>Se volvió a los colores originales ya que reprensentan los colores de Axie Infinity.</li>
 99 |                 <li>Se corrigió cuando se clickeaba en "nueva partida" no se desmarcaban las cartas.</li>
100 |                 <li>Ahora la página tiene un diseño reponsivo.</li>
101 |             </ul>
102 |             <h3>AT 1.1.5</h3>
103 |             <ul>
104 |                 <li>Axie Tools orginal colors are back because they represent Axie Infinity.</li>
105 |                 <li>Clicking on "new game" now unchecks cards that appeared.</li>
106 |                 <li>Website now has responsive design.</li>
107 |             </ul>
108 |             <h3>AT 1.1</h3>
109 |             <ul>
110 |                 <li>Website is now available in English and Spanish!</li>
111 |                 <li>A contact page was added.</li>
112 |                 <li>New colors and and funcionalities</li>
113 |                 <ul>
114 |                     <li>Now you can click a cell from the Cards and Parts Table instead of a checkbox to check which card/part appeared.</li>
115 |                 </ul>
116 |                 <li>Grammar mistakes were fixed.</li>
117 |             </ul>
118 | 
119 |             <h3>AT 1.0</h3>
120 |             <ul>
121 |                 <li>Enemy Energy Calculator added.</li>
122 |                 <li>Cards and Parts Table added.</li>
123 |             </ul>
124 |         </div>
125 |     </div>
126 | 
127 |     <footer>
128 |         <p>
129 |             <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
130 |         </p>
131 |     </footer>
132 | </body>
133 | 
134 | </html>


--------------------------------------------------------------------------------
/assets/pages/ES/about.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="es">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <meta name="author" content="github.com/jmarcosg">
  9 |     <meta name="description" content="Axie Infinity various tools">
 10 | 
 11 |     <title>Axie Tools</title>
 12 | 
 13 |     <!--icons-->
 14 |     <link rel="icon" type="image/png" href="../../img/kotaro.png">
 15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
 16 | 
 17 | 
 18 |     <!--stylesheet-->
 19 |     <link rel="stylesheet" href="../../styles/styles.css">
 20 |     <link rel="stylesheet" href="../../styles/about.css">
 21 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
 22 | 
 23 |     <!--font-->
 24 |     <link rel="preconnect" href="https://fonts.googleapis.com">
 25 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 26 |     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 27 | </head>
 28 | 
 29 | <body>
 30 |     <div class="nav-bar">
 31 |         <div class="topnav" id="myTopnav">
 32 |             <a href="../../../index.html">Inicio</a>
 33 |             <a href="#" class="active">Cómo funciona</a>
 34 |             <a href="contact.html">Contacto</a>
 35 |             <div class="dropdown">
 36 |                 <button class="dropbtn">Opciones
 37 |                     <i class="fa fa-caret-down"></i>
 38 |                 </button>
 39 |                 <div class="dropdown-content">
 40 |                     <a href="assets/pages/EN/index.html">Cambiar a Inglés</a>
 41 |                 </div>
 42 |             </div>
 43 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
 44 |             <script src="./../js/menu.js"></script>
 45 |         </div>
 46 |     </div>
 47 | 
 48 |     <div class="TOC-container">
 49 |         <p class="intro">
 50 |             <span>
 51 |                 ¿Te cansas o te cuesta contar las energías de tu contricante? ¿Querés aprender a contar cartas? Axie Tools es una página donde uno puede hacer todo ésto. Éstas herramientas son perfectas para gente perezosa como yo que solo queremos ver números en la pantalla y no queremos estar constantemente sacando cuentas en medio de una partida y tratar de jugar lo mejor posible :)
 52 |             </span>
 53 |         </p>
 54 |         <div class="table-of-contents">
 55 |             <h3><B>&nbsp;&nbsp;Tabla de Contenido</B></h3>
 56 |             <ul>
 57 |                 <li><a href="#howTo">Cómo se usa</a></li>
 58 |                 <li><a href="#patchNotes">Notas de Parche</a></li>
 59 |             </ul>
 60 |         </div>
 61 |     </div>
 62 | 
 63 |     <div class="how-to">
 64 |         <h3>Calculadora de energía</h3>
 65 |         <p>
 66 |             La calculadora de energía de enemigos es una herramienta que se puede utilizar para ver y calcular cuanta energía tienen con solo unos clicks.
 67 |         </p>
 68 | 
 69 |         <h4>Cómo funciona</h4>
 70 |         <span>Podrás ver que hay cuatro botones: <I>-1 ENE</I>, <I>+1 ENE</I>, <I>SIGUIENTE RONDA</I> and <I>NUEVA PARTIDA</I>.</span>
 71 |         <ul>
 72 |             <li><B>-1 ENE:&nbsp;</B>resta 1 punto de energía de la energía disponible.</li>
 73 |             <li><B>+1 ENE:&nbsp;</B>suma 1 punto de energía a la energía disponible.</li>
 74 |             <li><B>SIGUIENTE RONDA:&nbsp;</B>funciona como si la ronda de la partida hubiese terminado y agrega 2 puntos de energía a la energía disponible.</li>
 75 |             <li><B>NUEVA PARTIDA:&nbsp;</B>funciona como un botón de reset para una nueva partida y comenzar de 0.</li>
 76 |         </ul>
 77 | 
 78 |         <h3>Tabla de Cartas y Partes</h3>
 79 |         <span>Ésta tabla puede ser utilizada para hacer un seguimiento de las que cartas/partes que van apareciendo en la partida.</span>
 80 | 
 81 |         <h4>Cómo funciona</h4>
 82 |         <span>Cada vez que inicias una nueva partida se te reparten seis cartas aleatorias de tu mazo de 24 cartas. Cuando la ronda comience deberías marcar en la tabla cuales fueron las cartas que te tocaron (podés utilizar cualquiera de los colores para tus axies, ésto no significa que si tu composición de equipo es doble pez y una planta no puedas utilizarla). Las columnas y filas, eventualmente, se van llenar. Cuando ésto ocurra significa que te quedaste sin cartas en tu mazo y el juego se va a engargar de mezclarlas y repartirte nuevas cartas. Es en éste preciso momento que deberías hacer click en el botón de <I>MEZCLAR CARTAS</I> para que se limpie la tabla y volver a marcar las cartas/partes que vayan apareciendo.</span>
 83 |     </div>
 84 | 
 85 |     <div class="patch-notes">
 86 |         <h2>Notas de Parche</h2>
 87 |         <h3>AT 2.0</h3>
 88 |         Nueva season, cambiaron varias cartas dentro del juego. Pero eso no es lo único que cambia.
 89 |         <ul>
 90 |             <li>Nuevo diseño y colores representativos del juego.</li>
 91 |             <li>Se agregó un contador de cartas del enemigo y una calculadora.</li>
 92 |             <li>Se rediseño el contador de partes y la manera de utilizarlo.</li>
 93 |         </ul>
 94 |         <h3>AT 1.1.5</h3>
 95 |         <ul>
 96 |             <li>Se volvió a los colores originales ya que reprensentan los colores de Axie Infinity.</li>
 97 |             <li>Se corrigió cuando se clickeaba en "nueva partida" no se desmarcaban las cartas.</li>
 98 |             <li>Ahora la página tiene un diseño reponsivo.</li>
 99 |         </ul>
100 |         <h3>AT 1.1</h3>
101 |         <ul>
102 |             <li>¡La página ahora esta disponible en Español e Inglés!</li>
103 |             <li>Se agregó una página de contacto.</li>
104 |             <li>Nuevos colores y funcionalidades.</li>
105 |             <ul>
106 |                 <li>Ahora podes clickear una celda de la Tabla de Partes y Cartas para marcar que carta/parte apareció.</li>
107 |             </ul>
108 |             <li>Se corrigieron errores gramaticales en ambos idiomas.</li>
109 |         </ul>
110 | 
111 |         <h3>AT 1.0</h3>
112 |         <ul>
113 |             <li>Se agregó la Calculadora de Energía de Enemigos.</li>
114 |             <li>Se agregó la Tabla de Partes y Cartas.</li>
115 |         </ul>
116 |     </div>
117 | 
118 |     <footer>
119 |         <p>
120 |             <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
121 |         </p>
122 |     </footer>
123 | </body>
124 | 
125 | </html>


--------------------------------------------------------------------------------
/assets/pages/OLD/table.js:
--------------------------------------------------------------------------------
  1 | function uncheckAll() {
  2 |     // Axie1 parts clear
  3 |     document.getElementById('a1m1').style.visibility = "hidden";
  4 |     document.getElementById('a1m2').style.visibility = "hidden";
  5 |     document.getElementById('a1h1').style.visibility = "hidden";
  6 |     document.getElementById('a1h2').style.visibility = "hidden";
  7 |     document.getElementById('a1b1').style.visibility = "hidden";
  8 |     document.getElementById('a1b2').style.visibility = "hidden";
  9 |     document.getElementById('a1t1').style.visibility = "hidden";
 10 |     document.getElementById('a1t2').style.visibility = "hidden";
 11 |     
 12 |     // Axie2 parts clear
 13 |     document.getElementById('a2m1').style.visibility = "hidden";
 14 |     document.getElementById('a2m2').style.visibility = "hidden";
 15 |     document.getElementById('a2h1').style.visibility = "hidden";
 16 |     document.getElementById('a2h2').style.visibility = "hidden";
 17 |     document.getElementById('a2b1').style.visibility = "hidden";
 18 |     document.getElementById('a2b2').style.visibility = "hidden";
 19 |     document.getElementById('a2t1').style.visibility = "hidden";
 20 |     document.getElementById('a2t2').style.visibility = "hidden";
 21 |     
 22 |     // Axie3 parts clear
 23 |     document.getElementById('a3m1').style.visibility = "hidden";
 24 |     document.getElementById('a3m2').style.visibility = "hidden";
 25 |     document.getElementById('a3h1').style.visibility = "hidden";
 26 |     document.getElementById('a3h2').style.visibility = "hidden";
 27 |     document.getElementById('a3b1').style.visibility = "hidden";
 28 |     document.getElementById('a3b2').style.visibility = "hidden";
 29 |     document.getElementById('a3t1').style.visibility = "hidden";
 30 |     document.getElementById('a3t2').style.visibility = "hidden";
 31 |     
 32 | }
 33 | 
 34 | 
 35 | /**
 36 | * Axie parts toggle
 37 | * A(n) = stands for an axie and its number
 38 | * P(n) = stands for an axie part innitial and its number of appearance
 39 | */
 40 | 
 41 | // Axie1
 42 | function toggleA1M1(){
 43 | var am1 = document.getElementById('a1m1');
 44 | 
 45 | if (am1.style.visibility === 'hidden') {
 46 |   am1.style.visibility = 'visible';
 47 | } else {
 48 |   am1.style.visibility = 'hidden';
 49 | }
 50 | }  
 51 | 
 52 | function toggleA1M2(){
 53 |   var am1 = document.getElementById('a1m2');
 54 |   
 55 |   if (am1.style.visibility === 'hidden') {
 56 |     am1.style.visibility = 'visible';
 57 |   } else {
 58 |     am1.style.visibility = 'hidden';
 59 |   }
 60 | }
 61 | 
 62 | function toggleA1H1(){
 63 | var am1 = document.getElementById('a1h1');
 64 | 
 65 | if (am1.style.visibility === 'hidden') {
 66 |   am1.style.visibility = 'visible';
 67 | } else {
 68 |   am1.style.visibility = 'hidden';
 69 | }
 70 | }  
 71 | 
 72 | function toggleA1H2(){
 73 |   var am1 = document.getElementById('a1h2');
 74 |   
 75 |   if (am1.style.visibility === 'hidden') {
 76 |     am1.style.visibility = 'visible';
 77 |   } else {
 78 |     am1.style.visibility = 'hidden';
 79 |   }
 80 | }
 81 | 
 82 | function toggleA1B1(){
 83 | var am1 = document.getElementById('a1b1');
 84 | 
 85 | if (am1.style.visibility === 'hidden') {
 86 |   am1.style.visibility = 'visible';
 87 | } else {
 88 |   am1.style.visibility = 'hidden';
 89 | }
 90 | }  
 91 | 
 92 | function toggleA1B2(){
 93 |   var am1 = document.getElementById('a1b2');
 94 |   
 95 |   if (am1.style.visibility === 'hidden') {
 96 |     am1.style.visibility = 'visible';
 97 |   } else {
 98 |     am1.style.visibility = 'hidden';
 99 |   }
100 | }
101 | 
102 | function toggleA1T1(){
103 | var am1 = document.getElementById('a1t1');
104 | 
105 | if (am1.style.visibility === 'hidden') {
106 |   am1.style.visibility = 'visible';
107 | } else {
108 |   am1.style.visibility = 'hidden';
109 | }
110 | }  
111 | 
112 | function toggleA1T2(){
113 |   var am1 = document.getElementById('a1t2');
114 |   
115 |   if (am1.style.visibility === 'hidden') {
116 |     am1.style.visibility = 'visible';
117 |   } else {
118 |     am1.style.visibility = 'hidden';
119 |   }
120 | }
121 | 
122 | // Axie2
123 | function toggleA2M1(){
124 | var am1 = document.getElementById('a2m1');
125 | 
126 | if (am1.style.visibility === 'hidden') {
127 |   am1.style.visibility = 'visible';
128 | } else {
129 |   am1.style.visibility = 'hidden';
130 | }
131 | }  
132 | 
133 | function toggleA2M2(){
134 |   var am1 = document.getElementById('a2m2');
135 |   
136 |   if (am1.style.visibility === 'hidden') {
137 |     am1.style.visibility = 'visible';
138 |   } else {
139 |     am1.style.visibility = 'hidden';
140 |   }
141 | }
142 | 
143 | function toggleA2H1(){
144 | var am1 = document.getElementById('a2h1');
145 | 
146 | if (am1.style.visibility === 'hidden') {
147 |   am1.style.visibility = 'visible';
148 | } else {
149 |   am1.style.visibility = 'hidden';
150 | }
151 | }  
152 | 
153 | function toggleA2H2(){
154 |   var am1 = document.getElementById('a2h2');
155 |   
156 |   if (am1.style.visibility === 'hidden') {
157 |     am1.style.visibility = 'visible';
158 |   } else {
159 |     am1.style.visibility = 'hidden';
160 |   }
161 | }
162 | 
163 | function toggleA2B1(){
164 | var am1 = document.getElementById('a2b1');
165 | 
166 | if (am1.style.visibility === 'hidden') {
167 |   am1.style.visibility = 'visible';
168 | } else {
169 |   am1.style.visibility = 'hidden';
170 | }
171 | }  
172 | 
173 | function toggleA2B2(){
174 |   var am1 = document.getElementById('a2b2');
175 |   
176 |   if (am1.style.visibility === 'hidden') {
177 |     am1.style.visibility = 'visible';
178 |   } else {
179 |     am1.style.visibility = 'hidden';
180 |   }
181 | }
182 | 
183 | function toggleA2T1(){
184 | var am1 = document.getElementById('a2t1');
185 | 
186 | if (am1.style.visibility === 'hidden') {
187 |   am1.style.visibility = 'visible';
188 | } else {
189 |   am1.style.visibility = 'hidden';
190 | }
191 | }  
192 | 
193 | function toggleA2T2(){
194 |   var am1 = document.getElementById('a2t2');
195 |   
196 |   if (am1.style.visibility === 'hidden') {
197 |     am1.style.visibility = 'visible';
198 |   } else {
199 |     am1.style.visibility = 'hidden';
200 |   }
201 | }
202 | 
203 | // Axie3
204 | function toggleA3M1(){
205 | var am1 = document.getElementById('a3m1');
206 | 
207 | if (am1.style.visibility === 'hidden') {
208 |   am1.style.visibility = 'visible';
209 | } else {
210 |   am1.style.visibility = 'hidden';
211 | }
212 | }  
213 | 
214 | function toggleA3M2(){
215 |   var am1 = document.getElementById('a3m2');
216 |   
217 |   if (am1.style.visibility === 'hidden') {
218 |     am1.style.visibility = 'visible';
219 |   } else {
220 |     am1.style.visibility = 'hidden';
221 |   }
222 | }
223 | 
224 | function toggleA3H1(){
225 | var am1 = document.getElementById('a3h1');
226 | 
227 | if (am1.style.visibility === 'hidden') {
228 |   am1.style.visibility = 'visible';
229 | } else {
230 |   am1.style.visibility = 'hidden';
231 | }
232 | }  
233 | 
234 | function toggleA3H2(){
235 |   var am1 = document.getElementById('a3h2');
236 |   
237 |   if (am1.style.visibility === 'hidden') {
238 |     am1.style.visibility = 'visible';
239 |   } else {
240 |     am1.style.visibility = 'hidden';
241 |   }
242 | }
243 | 
244 | function toggleA3B1(){
245 | var am1 = document.getElementById('a3b1');
246 | 
247 | if (am1.style.visibility === 'hidden') {
248 |   am1.style.visibility = 'visible';
249 | } else {
250 |   am1.style.visibility = 'hidden';
251 | }
252 | }  
253 | 
254 | function toggleA3B2(){
255 |   var am1 = document.getElementById('a3b2');
256 |   
257 |   if (am1.style.visibility === 'hidden') {
258 |     am1.style.visibility = 'visible';
259 |   } else {
260 |     am1.style.visibility = 'hidden';
261 |   }
262 | }
263 | 
264 | function toggleA3T1(){
265 | var am1 = document.getElementById('a3t1');
266 | 
267 | if (am1.style.visibility === 'hidden') {
268 |   am1.style.visibility = 'visible';
269 | } else {
270 |   am1.style.visibility = 'hidden';
271 | }
272 | }  
273 | 
274 | function toggleA3T2(){
275 |   var am1 = document.getElementById('a3t2');
276 |   
277 |   if (am1.style.visibility === 'hidden') {
278 |     am1.style.visibility = 'visible';
279 |   } else {
280 |     am1.style.visibility = 'hidden';
281 |   }
282 | }


--------------------------------------------------------------------------------
/assets/pages/OLD/indexEN.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <meta name="author" content="github.com/jmarcosg">
  9 |     <meta name="description" content="Axie Infinity various tools">
 10 | 
 11 |     <title>Axie Tools</title>
 12 | 
 13 |     <!--icons-->
 14 |     <link rel="icon" type="image/png" href="../../img/kotaro.png">
 15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
 16 | 
 17 | 
 18 |     <!--stylesheet-->
 19 |     <link rel="stylesheet" href="styles.css">
 20 |     <link rel="stylesheet" href="calculator.css">
 21 |     <link rel="stylesheet" href="table.css">
 22 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
 23 | 
 24 |     <!--font-->
 25 |     <link rel="preconnect" href="https://fonts.googleapis.com">
 26 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 27 |     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 28 | </head>
 29 | 
 30 | <body onload="uncheckAll()">
 31 |     <div class="nav-bar">
 32 |         <div class="topnav" id="myTopnav">
 33 |             <a href="#" class="active">Home</a>
 34 |             <a href="../EN/about.html">How it works</a>
 35 |             <a href="../EN/contact.html">Contact</a>
 36 |             <a href="../EN/index.html">V2.0</a>
 37 |             <div class="dropdown">
 38 |                 <button class="dropbtn">Options
 39 |                     <i class="fa fa-caret-down"></i>
 40 |                 </button>
 41 |                 <div class="dropdown-content">
 42 |                     <a href="index.html">Cambiar a Español</a>
 43 |                 </div>
 44 |             </div>
 45 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
 46 |             <script src="../../js/menu.js"></script>
 47 |         </div>
 48 |     </div>
 49 | 
 50 |     <div class="calculator-container">
 51 |         <div class="round-container">
 52 |             <span class="round-info">Round&nbsp;</span><span id="roundNumber" class="round-number">1</span><br>
 53 |             <img src="../../img/energy.png">
 54 | 
 55 |             <div class="energy-quantity">
 56 |                 <span id="energyQuantity">3</span><span>/10</span>
 57 |             </div>
 58 |         </div>
 59 | 
 60 |         <div class="ene-gain-loss-container">
 61 |             <div class="eneCalc-item">
 62 |                 <button onclick="subtract()">-1 ENE</button>
 63 |             </div>
 64 | 
 65 |             <div class="eneCalc-item">
 66 |                 <button onclick="add()">+1 ENE</button>
 67 |             </div>
 68 | 
 69 |             <div class="eneCalc-item">
 70 |                 <button onclick="nextRound()">NEXT ROUND</button>
 71 |             </div>
 72 | 
 73 |             <div class="eneCalc-item">
 74 |                 <button onclick="reset()">NEW GAME</button>
 75 |             </div>
 76 |         </div>
 77 |         <script src="energyCalculator.js"></script>
 78 |     </div>
 79 | 
 80 |     <div class="cards-and-parts-container">
 81 |         <table>
 82 |             <thead>
 83 |                 <tr>
 84 |                     <th class="table-header">Part</th>
 85 |                     <th class="table-header">First Appearance</th>
 86 |                     <th class="table-header">Second Appearance</th>
 87 |                 </tr>
 88 |             </thead>
 89 |             <tbody>
 90 |                 <div>
 91 |                     <tr>
 92 |                         <td class="axie1">Mouth</td>
 93 |                         <td class="axie1" onclick="toggleA1M1()"><i class=" fas fa-times" id="a1m1"></i></td>
 94 |                         <td class="axie1" onclick="toggleA1M2()"><i class="fas fa-times" id="a1m2"></i></td>
 95 |                     </tr>
 96 |                     <tr>
 97 |                         <td class="axie1">Horn</td>
 98 |                         <td class="axie1" onclick="toggleA1H1()"><i class=" fas fa-times" id="a1h1"></td>
 99 |                         <td class="axie1" onclick="toggleA1H2()"><i class=" fas fa-times" id="a1h2"></td>
100 |                     </tr>
101 |                     <tr>
102 |                         <td class="axie1">Back</td>
103 |                         <td class="axie1" onclick="toggleA1B1()"><i class=" fas fa-times" id="a1b1"></td>
104 |                         <td class="axie1" onclick="toggleA1B2()"><i class=" fas fa-times" id="a1b2"></td>
105 |                     </tr>
106 |                     <tr>
107 |                         <td class="axie1">Tail</td>
108 |                         <td class="axie1" onclick="toggleA1T1()"><i class=" fas fa-times" id="a1t1"></td>
109 |                         <td class="axie1" onclick="toggleA1T2()"><i class=" fas fa-times" id="a1t2"></td>
110 |                     </tr>
111 |                 </div>
112 | 
113 |                 <div>
114 |                     <tr>
115 |                         <td class="axie2">Mouth</td>
116 |                         <td class="axie2" onclick="toggleA2M1()"><i class=" fas fa-times" id="a2m1"></i></td>
117 |                         <td class="axie2" onclick="toggleA2M2()"><i class="fas fa-times" id="a2m2"></i></td>
118 |                     </tr>
119 |                     <tr>
120 |                         <td class="axie2">Horn</td>
121 |                         <td class="axie2" onclick="toggleA2H1()"><i class=" fas fa-times" id="a2h1"></td>
122 |                         <td class="axie2" onclick="toggleA2H2()"><i class=" fas fa-times" id="a2h2"></td>
123 |                     </tr>
124 |                     <tr>
125 |                         <td class="axie2">Back</td>
126 |                         <td class="axie2" onclick="toggleA2B1()"><i class=" fas fa-times" id="a2b1"></td>
127 |                         <td class="axie2" onclick="toggleA2B2()"><i class=" fas fa-times" id="a2b2"></td>
128 |                     </tr>
129 |                     <tr>
130 |                         <td class="axie2">Tail</td>
131 |                         <td class="axie2" onclick="toggleA2T1()"><i class=" fas fa-times" id="a2t1"></td>
132 |                         <td class="axie2" onclick="toggleA2T2()"><i class=" fas fa-times" id="a2t2"></td>
133 |                     </tr>
134 |                 </div>
135 | 
136 |                 <div>
137 |                     <tr>
138 |                         <td class="axie3">Mouth</td>
139 |                         <td class="axie3" onclick="toggleA3M1()"><i class=" fas fa-times" id="a3m1"></i></td>
140 |                         <td class="axie3" onclick="toggleA3M2()"><i class="fas fa-times" id="a3m2"></i></td>
141 |                     </tr>
142 |                     <tr>
143 |                         <td class="axie3">Horn</td>
144 |                         <td class="axie3" onclick="toggleA3H1()"><i class=" fas fa-times" id="a3h1"></td>
145 |                         <td class="axie3" onclick="toggleA3H2()"><i class=" fas fa-times" id="a3h2"></td>
146 |                     </tr>
147 |                     <tr>
148 |                         <td class="axie3">Back</td>
149 |                         <td class="axie3" onclick="toggleA3B1()"><i class=" fas fa-times" id="a3b1"></td>
150 |                         <td class="axie3" onclick="toggleA3B2()"><i class=" fas fa-times" id="a3b2"></td>
151 |                     </tr>
152 |                     <tr>
153 |                         <td class="axie3">Tail</td>
154 |                         <td class="axie3" onclick="toggleA3T1()"><i class=" fas fa-times" id="a3t1"></td>
155 |                         <td class="axie3" onclick="toggleA3T2()"><i class=" fas fa-times" id="a3t2"></td>
156 |                     </tr>
157 |                 </div>
158 |             </tbody>
159 |         </table>
160 | 
161 |         <div class="clear-checkboxes">
162 |             <button onclick="uncheckAll()">SHUFFLE CARDS</button>
163 |             <script src="table.js"></script>
164 |         </div>
165 |     </div>
166 | 
167 |     <footer>
168 |         <p>
169 |             <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
170 |         </p>
171 |     </footer>
172 | </body>
173 | 
174 | </html>


--------------------------------------------------------------------------------
/assets/pages/OLD/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="es">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <meta name="author" content="github.com/jmarcosg">
  9 |     <meta name="description" content="Varias herramientas para Axie Infinity">
 10 | 
 11 |     <title>Axie Tools</title>
 12 | 
 13 |     <!--icons-->
 14 |     <link rel="icon" type="image/png" href="../../img/kotaro.png">
 15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
 16 | 
 17 | 
 18 |     <!--stylesheet-->
 19 |     <link rel="stylesheet" href="styles.css">
 20 |     <link rel="stylesheet" href="calculator.css">
 21 |     <link rel="stylesheet" href="table.css">
 22 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
 23 | 
 24 |     <!--font-->
 25 |     <link rel="preconnect" href="https://fonts.googleapis.com">
 26 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 27 |     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 28 | </head>
 29 | 
 30 | <body onload="uncheckAll()">
 31 |     <div class="nav-bar">
 32 |         <div class="topnav" id="myTopnav">
 33 |             <a href="#" class="active">Inicio</a>
 34 |             <a href="../ES/about.html">Cómo funciona</a>
 35 |             <a href="../ES/contact.html">Contacto</a>
 36 |             <a href="../../../index.html">V2.0</a>
 37 |             <div class="dropdown">
 38 |                 <button class="dropbtn">Opciones
 39 |                     <i class="fa fa-caret-down"></i>
 40 |                 </button>
 41 |                 <div class="dropdown-content">
 42 |                     <a href="indexEN.html">Cambiar a Inglés</a>
 43 |                 </div>
 44 |             </div>
 45 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
 46 |             <script src="../../js/menu.js"></script>
 47 |         </div>
 48 |     </div>
 49 | 
 50 |     <div class="main-container">
 51 |         <div class="calculator-container">
 52 |             <div class="round-container">
 53 |                 <span class="round-info">Ronda&nbsp;</span><span id="roundNumber" class="round-number">1</span><br>
 54 |                 <img src="../../img/energy.png">
 55 | 
 56 |                 <div class="energy-quantity">
 57 |                     <span id="energyQuantity">3</span><span>/10</span>
 58 |                 </div>
 59 |             </div>
 60 | 
 61 |             <div class="ene-gain-loss-container">
 62 |                 <div class="eneCalc-item">
 63 |                     <button onclick="subtract()">-1 ENE</button>
 64 |                 </div>
 65 | 
 66 |                 <div class="eneCalc-item">
 67 |                     <button onclick="add()">+1 ENE</button>
 68 |                 </div>
 69 | 
 70 |                 <div class="eneCalc-item">
 71 |                     <button onclick="nextRound()">SIGUIENTE RONDA</button>
 72 |                 </div>
 73 | 
 74 |                 <div class="eneCalc-item">
 75 |                     <button onclick="reset()">NUEVA PARTIDA</button>
 76 |                 </div>
 77 |             </div>
 78 |             <script src="energyCalculator.js"></script>
 79 |         </div>
 80 | 
 81 |         <div class="cards-and-parts-container">
 82 |             <table>
 83 |                 <thead>
 84 |                     <tr>
 85 |                         <th class="table-header">Parte</th>
 86 |                         <th class="table-header">Primer Aparición</th>
 87 |                         <th class="table-header">Segunda Aparición</th>
 88 |                     </tr>
 89 |                 </thead>
 90 |                 <tbody>
 91 |                     <div>
 92 |                         <tr>
 93 |                             <td class="axie1">Boca</td>
 94 |                             <td class="axie1" onclick="toggleA1M1()"><i class=" fas fa-times" id="a1m1"></i></td>
 95 |                             <td class="axie1" onclick="toggleA1M2()"><i class="fas fa-times" id="a1m2"></i></td>
 96 |                         </tr>
 97 |                         <tr>
 98 |                             <td class="axie1">Cuerno</td>
 99 |                             <td class="axie1" onclick="toggleA1H1()"><i class=" fas fa-times" id="a1h1"></td>
100 |                             <td class="axie1" onclick="toggleA1H2()"><i class=" fas fa-times" id="a1h2"></td>
101 |                         </tr>
102 |                         <tr>
103 |                             <td class="axie1">Espalda</td>
104 |                             <td class="axie1" onclick="toggleA1B1()"><i class=" fas fa-times" id="a1b1"></td>
105 |                             <td class="axie1" onclick="toggleA1B2()"><i class=" fas fa-times" id="a1b2"></td>
106 |                         </tr>
107 |                         <tr>
108 |                             <td class="axie1">Cola</td>
109 |                             <td class="axie1" onclick="toggleA1T1()"><i class=" fas fa-times" id="a1t1"></td>
110 |                             <td class="axie1" onclick="toggleA1T2()"><i class=" fas fa-times" id="a1t2"></td>
111 |                         </tr>
112 |                     </div>
113 | 
114 |                     <div>
115 |                         <tr>
116 |                             <td class="axie2">Boca</td>
117 |                             <td class="axie2" onclick="toggleA2M1()"><i class=" fas fa-times" id="a2m1"></i></td>
118 |                             <td class="axie2" onclick="toggleA2M2()"><i class="fas fa-times" id="a2m2"></i></td>
119 |                         </tr>
120 |                         <tr>
121 |                             <td class="axie2">Cuerno</td>
122 |                             <td class="axie2" onclick="toggleA2H1()"><i class=" fas fa-times" id="a2h1"></td>
123 |                             <td class="axie2" onclick="toggleA2H2()"><i class=" fas fa-times" id="a2h2"></td>
124 |                         </tr>
125 |                         <tr>
126 |                             <td class="axie2">Espalda</td>
127 |                             <td class="axie2" onclick="toggleA2B1()"><i class=" fas fa-times" id="a2b1"></td>
128 |                             <td class="axie2" onclick="toggleA2B2()"><i class=" fas fa-times" id="a2b2"></td>
129 |                         </tr>
130 |                         <tr>
131 |                             <td class="axie2">Cola</td>
132 |                             <td class="axie2" onclick="toggleA2T1()"><i class=" fas fa-times" id="a2t1"></td>
133 |                             <td class="axie2" onclick="toggleA2T2()"><i class=" fas fa-times" id="a2t2"></td>
134 |                         </tr>
135 |                     </div>
136 | 
137 |                     <div>
138 |                         <tr>
139 |                             <td class="axie3">Boca</td>
140 |                             <td class="axie3" onclick="toggleA3M1()"><i class=" fas fa-times" id="a3m1"></i></td>
141 |                             <td class="axie3" onclick="toggleA3M2()"><i class="fas fa-times" id="a3m2"></i></td>
142 |                         </tr>
143 |                         <tr>
144 |                             <td class="axie3">Cuerno</td>
145 |                             <td class="axie3" onclick="toggleA3H1()"><i class=" fas fa-times" id="a3h1"></td>
146 |                             <td class="axie3" onclick="toggleA3H2()"><i class=" fas fa-times" id="a3h2"></td>
147 |                         </tr>
148 |                         <tr>
149 |                             <td class="axie3">Espalda</td>
150 |                             <td class="axie3" onclick="toggleA3B1()"><i class=" fas fa-times" id="a3b1"></td>
151 |                             <td class="axie3" onclick="toggleA3B2()"><i class=" fas fa-times" id="a3b2"></td>
152 |                         </tr>
153 |                         <tr>
154 |                             <td class="axie3">Cola</td>
155 |                             <td class="axie3" onclick="toggleA3T1()"><i class=" fas fa-times" id="a3t1"></td>
156 |                             <td class="axie3" onclick="toggleA3T2()"><i class=" fas fa-times" id="a3t2"></td>
157 |                         </tr>
158 |                     </div>
159 |                 </tbody>
160 |             </table>
161 | 
162 |             <div class="clear-checkboxes">
163 |                 <button onclick="uncheckAll()">MEZCLAR CARTAS</button>
164 |                 <script src="table.js"></script>
165 |             </div>
166 |         </div>
167 |     </div>
168 | 
169 | 
170 |     <footer>
171 |         <p>
172 |             <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
173 |         </p>
174 |     </footer>
175 | </body>
176 | 
177 | </html>


--------------------------------------------------------------------------------
/assets/img/parts/aqua/tail.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(2.963 4.148)"><path fill="#4CB6CD" fill-rule="nonzero" d="M18.2081602,0 L19.7317317,0 C19.7705802,0.0275626779 19.8133355,0.0491636004 19.8585786,0.064085883 C21.6203403,0.339443908 23.0205886,1.21481481 24.0572092,2.64864842 C25.7055135,4.92968331 26.2812573,7.48607622 25.8922603,10.2628964 C25.4771892,13.2242276 24.2298619,15.7785078 22.0868549,17.8729189 C20.2546226,19.662394 18.051011,20.8800258 15.7198478,21.8828642 C15.2787027,22.0730091 14.8037317,22.1786452 14.340036,22.3237187 C14.7889329,21.8955405 15.2399439,21.4708835 15.6839079,21.0384799 C15.8396476,20.8863639 15.9763604,20.7145293 16.1215295,20.5511455 C16.2765646,20.4856511 16.4308949,20.4166355 16.5873393,20.3539581 C19.2158879,19.3060483 21.411043,17.7053097 23.0001522,15.3355405 C24.2164725,13.524234 25.0501381,11.588277 25.0804404,9.35372195 C25.1107427,7.10015244 24.5526166,5.0444745 23.2714635,3.16978637 C21.3525526,0.361275362 17.8861101,0.546490607 16.1208248,1.77750295 C14.4196677,2.96344391 13.1963003,5.69589694 14.8100741,7.99946753 C15.3604484,8.78469565 16.0996837,9.20583145 17.0651291,9.1875212 C17.8635596,9.17273215 18.249033,8.73399034 18.2173213,7.93890284 C18.2032272,7.57058508 18.1898378,7.20085883 18.2081602,6.83394954 C18.2236637,6.52760494 18.3667187,6.28252925 18.6965205,6.21210521 C19.0263223,6.14168116 19.2497137,6.31844552 19.4012252,6.58183145 C20.225025,8.02834138 19.7592152,9.33822866 18.385041,9.90655072 C17.4039852,10.3104494 16.3428591,10.4825278 15.2843403,10.4093784 C13.4577457,10.2952915 12.0426987,9.56428986 11.2816176,7.79664627 C11.0835956,7.336073 10.8045325,6.90366935 10.5205365,6.48675899 C10.1991912,6.01562211 9.70237437,5.86209769 9.15481882,5.92336661 C8.85010805,5.95439414 8.55189444,6.0315699 8.27041441,6.15224477 C6.93852252,6.76070853 5.98998999,7.7762233 5.32404404,9.05512399 C5.14082082,9.40724423 5.11263263,9.81077402 5.20283483,10.2227547 C5.29974914,10.1616785 5.38377641,10.0822521 5.45018619,9.98894686 C6.09918751,9.12135387 6.95640153,8.4310936 7.94272673,7.98186151 C8.94763564,7.52410521 9.32676677,7.61776919 10.0413373,8.44384326 C10.2830511,8.72553945 10.5346306,8.99596779 10.7587267,9.28893183 C11.8813213,10.7593859 13.4126446,11.4629222 15.2082322,11.6777155 C15.4823624,12.45238 16.1764965,12.7735137 16.8290531,13.1432399 C16.8015696,13.1664799 16.7895896,13.1833816 16.7733814,13.1890156 C16.6937497,13.2157767 16.6127087,13.2383124 16.5330771,13.2650735 C15.5074533,13.6004064 14.5812288,14.1850559 13.8375816,14.9665185 C13.7206006,15.0904648 13.6846607,15.2904691 13.6106667,15.4559656 C13.4318174,15.4661733 13.252531,15.4661733 13.0736817,15.4559656 C11.7044404,15.3094836 10.3563403,15.0566613 9.08152953,14.5221428 C8.13088288,14.1228384 7.20208208,13.6700118 6.26271071,13.2432421 C5.97519119,13.1129576 5.68978579,12.973518 5.3924004,12.8714031 C4.92659059,12.7115405 4.48192192,12.8284444 4.17678478,13.1847901 C3.85332533,13.562263 3.54255055,13.9855115 3.36073674,14.4411551 C3.08378779,15.1200429 2.83361762,15.8496361 3.07180781,16.5926098 C3.24093694,17.1193816 3.52634234,17.6074203 3.75396196,18.1158819 C3.90265465,18.4489877 4.09715315,18.7764595 4.16832833,19.126467 C4.2535976,19.5447858 4.22893293,19.9856404 4.25218819,20.4166355 C4.03232032,20.2201524 3.80258659,20.0335287 3.5946987,19.8257778 C2.16273874,18.4003951 0.667355355,17.020788 0.000704704705,15.0228578 L0.000704704705,13.8186065 C0.031007007,13.7566334 0.0662422422,13.6967729 0.0902022022,13.6326871 C0.294566567,13.0918304 0.451011011,12.5263253 0.708932933,12.012934 C2.0827945,9.2659957 3.9921107,6.82112377 6.32472472,4.82193451 C6.93274198,4.30109788 7.59886468,3.85210981 8.30987788,3.48387762 C9.49307708,2.86907568 10.7241962,2.87189265 11.9334695,3.47824369 C12.3922322,3.70853033 12.8495856,3.93670424 13.3090531,4.16487815 C13.3301942,4.14163822 13.3513353,4.12825765 13.356973,4.11065164 C14.0313754,1.99159206 15.5211211,0.752128824 17.6155035,0.166904992 C17.8121161,0.107044552 18.0101381,0.0542265164 18.2081602,0 Z"></path><path fill="#4D4040" fill-rule="nonzero" d="M15.2082322,11.6784198 C13.4126446,11.4636264 11.8813213,10.7629071 10.7587267,9.28963607 C10.5346306,8.99596779 10.2830511,8.72624369 10.0413373,8.4445475 C9.32676677,7.61847343 8.94763564,7.52480945 7.94272673,7.98256575 C6.95640153,8.43179784 6.09918751,9.12205811 5.45018619,9.9896511 C5.38377641,10.0829563 5.29974914,10.1623827 5.20283483,10.2234589 C5.11333734,9.81147826 5.14082082,9.40794847 5.32404404,9.05582823 C5.98998999,7.7762233 6.93852252,6.76070853 8.26900501,6.15506173 C8.55048503,6.03438687 8.84869864,5.95721111 9.15340941,5.92618357 C9.70096496,5.86209769 10.1977818,6.01562211 10.5191271,6.48957595 C10.801009,6.90648631 11.0828909,7.33888996 11.2802082,7.79946323 C12.0398799,9.56710682 13.4563363,10.2981084 15.2829309,10.4121954 C16.3414496,10.4853447 17.4025758,10.3132663 18.3836316,9.90936769 C19.7592152,9.33822866 20.225025,8.02834138 19.3977017,6.58183145 C19.2461902,6.31844552 19.0256176,6.14097692 18.692997,6.21210521 C18.3603764,6.28323349 18.2201401,6.52760494 18.2046366,6.83394954 C18.1863143,7.20085883 18.1997037,7.57058508 18.2137978,7.93890284 C18.2455095,8.73399034 17.8614454,9.17273215 17.0616056,9.1875212 C16.0996837,9.20583145 15.3604484,8.78469565 14.8065506,7.99946753 C13.1927768,5.69589694 14.4161441,2.96344391 16.1173013,1.77750295 C17.8861101,0.546490607 21.3525526,0.361275362 23.2714635,3.16908213 C24.5526166,5.04377026 25.1107427,7.09733548 25.0804404,9.35301771 C25.0501381,11.5875727 24.2164725,13.5235298 23.0001522,15.3348363 C21.4089289,17.7046055 19.2137738,19.3053441 16.5873393,20.3532539 C16.4308949,20.4159313 16.2765646,20.4849469 16.1215295,20.5504412 C16.0602202,20.5659345 15.9967968,20.5757939 15.9376016,20.5962169 C13.7206006,21.3659517 11.4422903,21.6941278 9.10901301,21.4131358 C8.14074875,21.2962319 7.1901021,21.0222823 6.23804605,20.7934042 C5.86455255,20.7039656 5.56152953,20.4694536 5.43397798,20.0891637 C5.06424291,18.9905486 4.70413881,17.8872385 4.35366567,16.7792335 C4.2831952,16.5588062 4.2691011,16.3214772 4.22893293,16.0911906 L4.3282963,16.0524573 C4.45443844,16.2517574 4.58198999,16.4503532 4.70601802,16.6510617 C5.09924324,17.2848782 5.46075676,17.9468642 5.89133133,18.5567364 C6.31868079,19.1900291 6.99485919,19.6123622 7.75175175,19.7187332 C8.41981181,19.8166227 9.08575776,19.9349351 9.75734134,19.9919785 C11.4923243,20.1377563 13.1913674,19.9159206 14.8558799,19.4159098 C16.5324316,18.9644046 18.1012932,18.1813287 19.4695816,17.1130435 C21.940981,15.1841288 23.5773053,12.7467525 23.8817377,9.55231777 C23.9909104,8.4140749 23.8321142,7.26609273 23.418042,6.20013312 C23.0975461,5.11250475 22.4934086,4.12960528 21.6675556,3.35218465 C20.7711712,2.50709608 19.7112953,2.15004616 18.4766527,2.27751369 C16.3322362,2.4986452 14.8333293,4.80644122 15.5253493,6.84451315 C15.6521962,7.21705636 15.8544464,7.52692217 16.2378058,7.68185507 C16.4675395,7.73749007 16.6965686,7.8353795 16.927007,7.83960494 C17.2596276,7.8459431 17.3751992,7.65861514 17.2793594,7.33888996 C17.2180501,7.13958991 17.1306667,6.94733226 17.051035,6.75296189 C16.8205966,6.18956951 16.927007,5.85435105 17.4372132,5.51913258 C17.881673,5.23557834 18.3867315,5.06066144 18.9114555,5.00855824 C19.4012252,5.05010843 19.840961,5.20152013 20.1714675,5.58814815 C21.5984945,7.26001503 21.2658739,10.1657112 18.9347107,11.0981256 C17.751294,11.5664718 16.4781351,11.7647305 15.2082322,11.6784198 Z"></path><path fill="#3479B7" fill-rule="nonzero" d="M14.8544705,19.4130929 C13.189958,19.9131036 11.4909149,20.1349393 9.75593193,19.9891616 C9.08434835,19.9321181 8.41699299,19.8138057 7.75034234,19.7159163 C6.99451192,19.6115898 6.31827297,19.1921936 5.88921722,18.5616661 C5.45864264,17.9517939 5.09712913,17.2940333 4.7039039,16.6559914 C4.57987588,16.4552829 4.45232432,16.2566871 4.32618218,16.057387 L4.22681882,16.0961202 C4.26698699,16.3264069 4.28178579,16.5637359 4.35155155,16.7841632 C4.70249449,17.8898207 5.0625986,18.9931308 5.43186386,20.0940934 C5.55941542,20.4729748 5.86243844,20.7074868 6.23593193,20.7983339 C7.18798799,21.027212 8.13863463,21.3011616 9.1068989,21.4180655 C11.4401762,21.6997617 13.7184865,21.3708814 15.9354875,20.6011465 C15.9946827,20.5807236 16.0581061,20.5708642 16.1194154,20.5553709 C15.9742462,20.7187547 15.8375335,20.8905894 15.6817938,21.0427053 C15.2378298,21.475109 14.7868188,21.899766 14.3379219,22.3279442 C13.9228509,22.6695008 13.5268068,23.0371143 13.0898899,23.3483886 C11.602963,24.4047493 10.0378138,24.5533441 8.43883884,23.6300848 C6.9159445,22.7381815 5.50965461,21.6609175 4.25218819,20.4229737 C4.22893293,19.9919785 4.25218819,19.551124 4.16832833,19.1328052 C4.09785786,18.7806849 3.90265465,18.4553258 3.75396196,18.1222201 C3.52352352,17.6102373 3.24164164,17.1221986 3.07180781,16.5954267 C2.83361762,15.8531573 3.08378779,15.1228599 3.36073674,14.4439721 C3.54607407,13.9883285 3.85403003,13.56508 4.17678478,13.1876071 C4.48192192,12.8312614 4.92659059,12.7143575 5.3924004,12.8742201 C5.68978579,12.9763349 5.97519119,13.1157746 6.26271071,13.246059 C7.20208208,13.6728288 8.13088288,14.1256554 9.08152953,14.5249597 C10.3563403,15.0594783 11.7044404,15.3123006 13.0736817,15.4587826 C13.252531,15.4689903 13.4318174,15.4689903 13.6106667,15.4587826 L13.6754995,15.5608975 C14.1272152,16.186263 14.7980941,16.4573956 15.4985706,16.6714847 C15.8389429,16.7757123 16.1884765,16.8517703 16.5436476,16.9433215 C16.1948188,17.2595255 15.8607888,17.533475 15.5570611,17.8405239 C15.1342382,18.2722233 14.8763163,18.7933612 14.8544705,19.4130929 Z"></path><path fill="#FCE3C2" fill-rule="nonzero" d="M13.6754995,15.5587848 L13.6106667,15.4566699 C13.6846607,15.2911734 13.7206006,15.0911691 13.8375816,14.9672228 C14.5812288,14.1857601 15.5074533,13.6011106 16.5330771,13.2657778 C16.6127087,13.2390166 16.6937497,13.2164809 16.7733814,13.1897198 C16.7895896,13.1840859 16.8015696,13.1671841 16.8290531,13.1439442 C16.1764965,12.7742179 15.4823624,12.4544928 15.2082322,11.6784198 C16.4769636,11.7642015 17.7488601,11.5659519 18.9311872,11.0981256 C21.2623504,10.1657112 21.594971,7.26001503 20.1679439,5.58814815 C19.8374374,5.20152013 19.3977017,5.05010843 18.9079319,5.00855824 C18.2706882,4.81954469 17.5926426,4.81661241 16.9537858,5.00010735 C16.7938725,5.05078922 16.6477591,5.13753211 16.5267347,5.25363392 C16.0954555,5.65505099 16.0278038,6.15506173 16.1814294,6.70084809 C16.2723363,7.02339023 16.402002,7.34241116 16.2378058,7.67974235 C15.8544464,7.52480945 15.6521962,7.21494364 15.5253493,6.84240043 C14.8333293,4.8043285 16.3322362,2.49653247 18.4766527,2.27540097 C19.7112953,2.14793344 20.7711712,2.50780032 21.6675556,3.35007193 C22.4938314,4.12827449 23.0979996,5.11219621 23.418042,6.20083736 C23.3969009,6.57971873 23.3891491,6.95930435 23.3525045,7.336073 C23.1248849,9.65584112 22.0896737,11.5319377 20.225025,12.9340805 C18.5372573,14.2017134 16.5943864,14.8848266 14.5584945,15.3418787 C14.2632232,15.41019 13.9700661,15.4869522 13.6754995,15.5587848 Z"></path><path fill="#D8A87D" fill-rule="nonzero" d="M13.6754995,15.5587848 C13.9700661,15.4883607 14.2632232,15.41019 14.5584945,15.3439914 C16.5943864,14.8869393 18.5372573,14.2052346 20.225025,12.9361932 C22.0896737,11.5340505 23.1248849,9.65795384 23.3525045,7.33818572 C23.3891491,6.96141707 23.3969009,6.58183145 23.418042,6.20295008 C23.8321142,7.2689097 23.9909104,8.41689186 23.8817377,9.55513473 C23.5773053,12.7488653 21.940981,15.1890585 19.4695816,17.1158604 C18.1004052,18.182308 16.5310797,18.9634605 14.8544705,19.4130929 C14.8763163,18.7933612 15.1363524,18.2722233 15.5591752,17.8384112 C15.8600841,17.5313623 16.1934094,17.2574128 16.5457618,16.9412088 C16.1934094,16.8496575 15.8410571,16.7735996 15.5006847,16.669372 C14.7987988,16.4552829 14.1272152,16.1841503 13.6754995,15.5587848 Z"></path><path fill="#D7A77C" fill-rule="nonzero" d="M16.2378058,7.68185507 C16.402002,7.34452389 16.2723363,7.02550295 16.1814294,6.70296082 C16.0278038,6.15717445 16.0954555,5.65716371 16.5267347,5.25574665 C16.6477591,5.13964483 16.7938725,5.05290195 16.9537858,5.00222008 C17.592441,4.8180361 18.2704865,4.82023531 18.9079319,5.00855824 C18.3832079,5.06066144 17.8781495,5.23557834 17.4336897,5.51913258 C16.9234835,5.85435105 16.8170731,6.18886527 17.0475115,6.75296189 C17.1271431,6.94733226 17.2145265,7.13958991 17.2758358,7.33888996 C17.3751992,7.65861514 17.2596276,7.8459431 16.9234835,7.83960494 C16.6965686,7.8353795 16.4675395,7.73749007 16.2378058,7.68185507 Z"></path></g></svg>


--------------------------------------------------------------------------------
/assets/img/parts/bird/tail.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(2.963 4.148)"><path fill="#F38ABC" fill-rule="nonzero" d="M18.2081602,0 L19.7317317,0 C19.7705802,0.0275626779 19.8133355,0.0491636004 19.8585786,0.064085883 C21.6203403,0.339443908 23.0205886,1.21481481 24.0572092,2.64864842 C25.7055135,4.92968331 26.2812573,7.48607622 25.8922603,10.2628964 C25.4771892,13.2242276 24.2298619,15.7785078 22.0868549,17.8729189 C20.2546226,19.662394 18.051011,20.8800258 15.7198478,21.8828642 C15.2787027,22.0730091 14.8037317,22.1786452 14.340036,22.3237187 C14.7889329,21.8955405 15.2399439,21.4708835 15.6839079,21.0384799 C15.8396476,20.8863639 15.9763604,20.7145293 16.1215295,20.5511455 C16.2765646,20.4856511 16.4308949,20.4166355 16.5873393,20.3539581 C19.2158879,19.3060483 21.411043,17.7053097 23.0001522,15.3355405 C24.2164725,13.524234 25.0501381,11.588277 25.0804404,9.35372195 C25.1107427,7.10015244 24.5526166,5.0444745 23.2714635,3.16978637 C21.3525526,0.361275362 17.8861101,0.546490607 16.1208248,1.77750295 C14.4196677,2.96344391 13.1963003,5.69589694 14.8100741,7.99946753 C15.3604484,8.78469565 16.0996837,9.20583145 17.0651291,9.1875212 C17.8635596,9.17273215 18.249033,8.73399034 18.2173213,7.93890284 C18.2032272,7.57058508 18.1898378,7.20085883 18.2081602,6.83394954 C18.2236637,6.52760494 18.3667187,6.28252925 18.6965205,6.21210521 C19.0263223,6.14168116 19.2497137,6.31844552 19.4012252,6.58183145 C20.225025,8.02834138 19.7592152,9.33822866 18.385041,9.90655072 C17.4039852,10.3104494 16.3428591,10.4825278 15.2843403,10.4093784 C13.4577457,10.2952915 12.0426987,9.56428986 11.2816176,7.79664627 C11.0835956,7.336073 10.8045325,6.90366935 10.5205365,6.48675899 C10.1991912,6.01562211 9.70237437,5.86209769 9.15481882,5.92336661 C8.85010805,5.95439414 8.55189444,6.0315699 8.27041441,6.15224477 C6.93852252,6.76070853 5.98998999,7.7762233 5.32404404,9.05512399 C5.14082082,9.40724423 5.11263263,9.81077402 5.20283483,10.2227547 C5.29974914,10.1616785 5.38377641,10.0822521 5.45018619,9.98894686 C6.09918751,9.12135387 6.95640153,8.4310936 7.94272673,7.98186151 C8.94763564,7.52410521 9.32676677,7.61776919 10.0413373,8.44384326 C10.2830511,8.72553945 10.5346306,8.99596779 10.7587267,9.28893183 C11.8813213,10.7593859 13.4126446,11.4629222 15.2082322,11.6777155 C15.4823624,12.45238 16.1764965,12.7735137 16.8290531,13.1432399 C16.8015696,13.1664799 16.7895896,13.1833816 16.7733814,13.1890156 C16.6937497,13.2157767 16.6127087,13.2383124 16.5330771,13.2650735 C15.5074533,13.6004064 14.5812288,14.1850559 13.8375816,14.9665185 C13.7206006,15.0904648 13.6846607,15.2904691 13.6106667,15.4559656 C13.4318174,15.4661733 13.252531,15.4661733 13.0736817,15.4559656 C11.7044404,15.3094836 10.3563403,15.0566613 9.08152953,14.5221428 C8.13088288,14.1228384 7.20208208,13.6700118 6.26271071,13.2432421 C5.97519119,13.1129576 5.68978579,12.973518 5.3924004,12.8714031 C4.92659059,12.7115405 4.48192192,12.8284444 4.17678478,13.1847901 C3.85332533,13.562263 3.54255055,13.9855115 3.36073674,14.4411551 C3.08378779,15.1200429 2.83361762,15.8496361 3.07180781,16.5926098 C3.24093694,17.1193816 3.52634234,17.6074203 3.75396196,18.1158819 C3.90265465,18.4489877 4.09715315,18.7764595 4.16832833,19.126467 C4.2535976,19.5447858 4.22893293,19.9856404 4.25218819,20.4166355 C4.03232032,20.2201524 3.80258659,20.0335287 3.5946987,19.8257778 C2.16273874,18.4003951 0.667355355,17.020788 0.000704704705,15.0228578 L0.000704704705,13.8186065 C0.031007007,13.7566334 0.0662422422,13.6967729 0.0902022022,13.6326871 C0.294566567,13.0918304 0.451011011,12.5263253 0.708932933,12.012934 C2.0827945,9.2659957 3.9921107,6.82112377 6.32472472,4.82193451 C6.93274198,4.30109788 7.59886468,3.85210981 8.30987788,3.48387762 C9.49307708,2.86907568 10.7241962,2.87189265 11.9334695,3.47824369 C12.3922322,3.70853033 12.8495856,3.93670424 13.3090531,4.16487815 C13.3301942,4.14163822 13.3513353,4.12825765 13.356973,4.11065164 C14.0313754,1.99159206 15.5211211,0.752128824 17.6155035,0.166904992 C17.8121161,0.107044552 18.0101381,0.0542265164 18.2081602,0 Z"></path><path fill="#4D4040" fill-rule="nonzero" d="M15.2082322,11.6784198 C13.4126446,11.4636264 11.8813213,10.7629071 10.7587267,9.28963607 C10.5346306,8.99596779 10.2830511,8.72624369 10.0413373,8.4445475 C9.32676677,7.61847343 8.94763564,7.52480945 7.94272673,7.98256575 C6.95640153,8.43179784 6.09918751,9.12205811 5.45018619,9.9896511 C5.38377641,10.0829563 5.29974914,10.1623827 5.20283483,10.2234589 C5.11333734,9.81147826 5.14082082,9.40794847 5.32404404,9.05582823 C5.98998999,7.7762233 6.93852252,6.76070853 8.26900501,6.15506173 C8.55048503,6.03438687 8.84869864,5.95721111 9.15340941,5.92618357 C9.70096496,5.86209769 10.1977818,6.01562211 10.5191271,6.48957595 C10.801009,6.90648631 11.0828909,7.33888996 11.2802082,7.79946323 C12.0398799,9.56710682 13.4563363,10.2981084 15.2829309,10.4121954 C16.3414496,10.4853447 17.4025758,10.3132663 18.3836316,9.90936769 C19.7592152,9.33822866 20.225025,8.02834138 19.3977017,6.58183145 C19.2461902,6.31844552 19.0256176,6.14097692 18.692997,6.21210521 C18.3603764,6.28323349 18.2201401,6.52760494 18.2046366,6.83394954 C18.1863143,7.20085883 18.1997037,7.57058508 18.2137978,7.93890284 C18.2455095,8.73399034 17.8614454,9.17273215 17.0616056,9.1875212 C16.0996837,9.20583145 15.3604484,8.78469565 14.8065506,7.99946753 C13.1927768,5.69589694 14.4161441,2.96344391 16.1173013,1.77750295 C17.8861101,0.546490607 21.3525526,0.361275362 23.2714635,3.16908213 C24.5526166,5.04377026 25.1107427,7.09733548 25.0804404,9.35301771 C25.0501381,11.5875727 24.2164725,13.5235298 23.0001522,15.3348363 C21.4089289,17.7046055 19.2137738,19.3053441 16.5873393,20.3532539 C16.4308949,20.4159313 16.2765646,20.4849469 16.1215295,20.5504412 C16.0602202,20.5659345 15.9967968,20.5757939 15.9376016,20.5962169 C13.7206006,21.3659517 11.4422903,21.6941278 9.10901301,21.4131358 C8.14074875,21.2962319 7.1901021,21.0222823 6.23804605,20.7934042 C5.86455255,20.7039656 5.56152953,20.4694536 5.43397798,20.0891637 C5.06424291,18.9905486 4.70413881,17.8872385 4.35366567,16.7792335 C4.2831952,16.5588062 4.2691011,16.3214772 4.22893293,16.0911906 L4.3282963,16.0524573 C4.45443844,16.2517574 4.58198999,16.4503532 4.70601802,16.6510617 C5.09924324,17.2848782 5.46075676,17.9468642 5.89133133,18.5567364 C6.31868079,19.1900291 6.99485919,19.6123622 7.75175175,19.7187332 C8.41981181,19.8166227 9.08575776,19.9349351 9.75734134,19.9919785 C11.4923243,20.1377563 13.1913674,19.9159206 14.8558799,19.4159098 C16.5324316,18.9644046 18.1012932,18.1813287 19.4695816,17.1130435 C21.940981,15.1841288 23.5773053,12.7467525 23.8817377,9.55231777 C23.9909104,8.4140749 23.8321142,7.26609273 23.418042,6.20013312 C23.0975461,5.11250475 22.4934086,4.12960528 21.6675556,3.35218465 C20.7711712,2.50709608 19.7112953,2.15004616 18.4766527,2.27751369 C16.3322362,2.4986452 14.8333293,4.80644122 15.5253493,6.84451315 C15.6521962,7.21705636 15.8544464,7.52692217 16.2378058,7.68185507 C16.4675395,7.73749007 16.6965686,7.8353795 16.927007,7.83960494 C17.2596276,7.8459431 17.3751992,7.65861514 17.2793594,7.33888996 C17.2180501,7.13958991 17.1306667,6.94733226 17.051035,6.75296189 C16.8205966,6.18956951 16.927007,5.85435105 17.4372132,5.51913258 C17.881673,5.23557834 18.3867315,5.06066144 18.9114555,5.00855824 C19.4012252,5.05010843 19.840961,5.20152013 20.1714675,5.58814815 C21.5984945,7.26001503 21.2658739,10.1657112 18.9347107,11.0981256 C17.751294,11.5664718 16.4781351,11.7647305 15.2082322,11.6784198 Z"></path><path fill="#D2536F" fill-rule="nonzero" d="M14.8544705,19.4130929 C13.189958,19.9131036 11.4909149,20.1349393 9.75593193,19.9891616 C9.08434835,19.9321181 8.41699299,19.8138057 7.75034234,19.7159163 C6.99451192,19.6115898 6.31827297,19.1921936 5.88921722,18.5616661 C5.45864264,17.9517939 5.09712913,17.2940333 4.7039039,16.6559914 C4.57987588,16.4552829 4.45232432,16.2566871 4.32618218,16.057387 L4.22681882,16.0961202 C4.26698699,16.3264069 4.28178579,16.5637359 4.35155155,16.7841632 C4.70249449,17.8898207 5.0625986,18.9931308 5.43186386,20.0940934 C5.55941542,20.4729748 5.86243844,20.7074868 6.23593193,20.7983339 C7.18798799,21.027212 8.13863463,21.3011616 9.1068989,21.4180655 C11.4401762,21.6997617 13.7184865,21.3708814 15.9354875,20.6011465 C15.9946827,20.5807236 16.0581061,20.5708642 16.1194154,20.5553709 C15.9742462,20.7187547 15.8375335,20.8905894 15.6817938,21.0427053 C15.2378298,21.475109 14.7868188,21.899766 14.3379219,22.3279442 C13.9228509,22.6695008 13.5268068,23.0371143 13.0898899,23.3483886 C11.602963,24.4047493 10.0378138,24.5533441 8.43883884,23.6300848 C6.9159445,22.7381815 5.50965461,21.6609175 4.25218819,20.4229737 C4.22893293,19.9919785 4.25218819,19.551124 4.16832833,19.1328052 C4.09785786,18.7806849 3.90265465,18.4553258 3.75396196,18.1222201 C3.52352352,17.6102373 3.24164164,17.1221986 3.07180781,16.5954267 C2.83361762,15.8531573 3.08378779,15.1228599 3.36073674,14.4439721 C3.54607407,13.9883285 3.85403003,13.56508 4.17678478,13.1876071 C4.48192192,12.8312614 4.92659059,12.7143575 5.3924004,12.8742201 C5.68978579,12.9763349 5.97519119,13.1157746 6.26271071,13.246059 C7.20208208,13.6728288 8.13088288,14.1256554 9.08152953,14.5249597 C10.3563403,15.0594783 11.7044404,15.3123006 13.0736817,15.4587826 C13.252531,15.4689903 13.4318174,15.4689903 13.6106667,15.4587826 L13.6754995,15.5608975 C14.1272152,16.186263 14.7980941,16.4573956 15.4985706,16.6714847 C15.8389429,16.7757123 16.1884765,16.8517703 16.5436476,16.9433215 C16.1948188,17.2595255 15.8607888,17.533475 15.5570611,17.8405239 C15.1342382,18.2722233 14.8763163,18.7933612 14.8544705,19.4130929 Z"></path><path fill="#FCE3C2" fill-rule="nonzero" d="M13.6754995,15.5587848 L13.6106667,15.4566699 C13.6846607,15.2911734 13.7206006,15.0911691 13.8375816,14.9672228 C14.5812288,14.1857601 15.5074533,13.6011106 16.5330771,13.2657778 C16.6127087,13.2390166 16.6937497,13.2164809 16.7733814,13.1897198 C16.7895896,13.1840859 16.8015696,13.1671841 16.8290531,13.1439442 C16.1764965,12.7742179 15.4823624,12.4544928 15.2082322,11.6784198 C16.4769636,11.7642015 17.7488601,11.5659519 18.9311872,11.0981256 C21.2623504,10.1657112 21.594971,7.26001503 20.1679439,5.58814815 C19.8374374,5.20152013 19.3977017,5.05010843 18.9079319,5.00855824 C18.2706882,4.81954469 17.5926426,4.81661241 16.9537858,5.00010735 C16.7938725,5.05078922 16.6477591,5.13753211 16.5267347,5.25363392 C16.0954555,5.65505099 16.0278038,6.15506173 16.1814294,6.70084809 C16.2723363,7.02339023 16.402002,7.34241116 16.2378058,7.67974235 C15.8544464,7.52480945 15.6521962,7.21494364 15.5253493,6.84240043 C14.8333293,4.8043285 16.3322362,2.49653247 18.4766527,2.27540097 C19.7112953,2.14793344 20.7711712,2.50780032 21.6675556,3.35007193 C22.4938314,4.12827449 23.0979996,5.11219621 23.418042,6.20083736 C23.3969009,6.57971873 23.3891491,6.95930435 23.3525045,7.336073 C23.1248849,9.65584112 22.0896737,11.5319377 20.225025,12.9340805 C18.5372573,14.2017134 16.5943864,14.8848266 14.5584945,15.3418787 C14.2632232,15.41019 13.9700661,15.4869522 13.6754995,15.5587848 Z"></path><path fill="#D8A87D" fill-rule="nonzero" d="M13.6754995,15.5587848 C13.9700661,15.4883607 14.2632232,15.41019 14.5584945,15.3439914 C16.5943864,14.8869393 18.5372573,14.2052346 20.225025,12.9361932 C22.0896737,11.5340505 23.1248849,9.65795384 23.3525045,7.33818572 C23.3891491,6.96141707 23.3969009,6.58183145 23.418042,6.20295008 C23.8321142,7.2689097 23.9909104,8.41689186 23.8817377,9.55513473 C23.5773053,12.7488653 21.940981,15.1890585 19.4695816,17.1158604 C18.1004052,18.182308 16.5310797,18.9634605 14.8544705,19.4130929 C14.8763163,18.7933612 15.1363524,18.2722233 15.5591752,17.8384112 C15.8600841,17.5313623 16.1934094,17.2574128 16.5457618,16.9412088 C16.1934094,16.8496575 15.8410571,16.7735996 15.5006847,16.669372 C14.7987988,16.4552829 14.1272152,16.1841503 13.6754995,15.5587848 Z"></path><path fill="#D7A77C" fill-rule="nonzero" d="M16.2378058,7.68185507 C16.402002,7.34452389 16.2723363,7.02550295 16.1814294,6.70296082 C16.0278038,6.15717445 16.0954555,5.65716371 16.5267347,5.25574665 C16.6477591,5.13964483 16.7938725,5.05290195 16.9537858,5.00222008 C17.592441,4.8180361 18.2704865,4.82023531 18.9079319,5.00855824 C18.3832079,5.06066144 17.8781495,5.23557834 17.4336897,5.51913258 C16.9234835,5.85435105 16.8170731,6.18886527 17.0475115,6.75296189 C17.1271431,6.94733226 17.2145265,7.13958991 17.2758358,7.33888996 C17.3751992,7.65861514 17.2596276,7.8459431 16.9234835,7.83960494 C16.6965686,7.8353795 16.4675395,7.73749007 16.2378058,7.68185507 Z"></path></g></svg>


--------------------------------------------------------------------------------
/assets/img/parts/bug/tail.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(2.963 4.148)"><path fill="#EF5243" fill-rule="nonzero" d="M18.2081602,0 L19.7317317,0 C19.7705802,0.0275626779 19.8133355,0.0491636004 19.8585786,0.064085883 C21.6203403,0.339443908 23.0205886,1.21481481 24.0572092,2.64864842 C25.7055135,4.92968331 26.2812573,7.48607622 25.8922603,10.2628964 C25.4771892,13.2242276 24.2298619,15.7785078 22.0868549,17.8729189 C20.2546226,19.662394 18.051011,20.8800258 15.7198478,21.8828642 C15.2787027,22.0730091 14.8037317,22.1786452 14.340036,22.3237187 C14.7889329,21.8955405 15.2399439,21.4708835 15.6839079,21.0384799 C15.8396476,20.8863639 15.9763604,20.7145293 16.1215295,20.5511455 C16.2765646,20.4856511 16.4308949,20.4166355 16.5873393,20.3539581 C19.2158879,19.3060483 21.411043,17.7053097 23.0001522,15.3355405 C24.2164725,13.524234 25.0501381,11.588277 25.0804404,9.35372195 C25.1107427,7.10015244 24.5526166,5.0444745 23.2714635,3.16978637 C21.3525526,0.361275362 17.8861101,0.546490607 16.1208248,1.77750295 C14.4196677,2.96344391 13.1963003,5.69589694 14.8100741,7.99946753 C15.3604484,8.78469565 16.0996837,9.20583145 17.0651291,9.1875212 C17.8635596,9.17273215 18.249033,8.73399034 18.2173213,7.93890284 C18.2032272,7.57058508 18.1898378,7.20085883 18.2081602,6.83394954 C18.2236637,6.52760494 18.3667187,6.28252925 18.6965205,6.21210521 C19.0263223,6.14168116 19.2497137,6.31844552 19.4012252,6.58183145 C20.225025,8.02834138 19.7592152,9.33822866 18.385041,9.90655072 C17.4039852,10.3104494 16.3428591,10.4825278 15.2843403,10.4093784 C13.4577457,10.2952915 12.0426987,9.56428986 11.2816176,7.79664627 C11.0835956,7.336073 10.8045325,6.90366935 10.5205365,6.48675899 C10.1991912,6.01562211 9.70237437,5.86209769 9.15481882,5.92336661 C8.85010805,5.95439414 8.55189444,6.0315699 8.27041441,6.15224477 C6.93852252,6.76070853 5.98998999,7.7762233 5.32404404,9.05512399 C5.14082082,9.40724423 5.11263263,9.81077402 5.20283483,10.2227547 C5.29974914,10.1616785 5.38377641,10.0822521 5.45018619,9.98894686 C6.09918751,9.12135387 6.95640153,8.4310936 7.94272673,7.98186151 C8.94763564,7.52410521 9.32676677,7.61776919 10.0413373,8.44384326 C10.2830511,8.72553945 10.5346306,8.99596779 10.7587267,9.28893183 C11.8813213,10.7593859 13.4126446,11.4629222 15.2082322,11.6777155 C15.4823624,12.45238 16.1764965,12.7735137 16.8290531,13.1432399 C16.8015696,13.1664799 16.7895896,13.1833816 16.7733814,13.1890156 C16.6937497,13.2157767 16.6127087,13.2383124 16.5330771,13.2650735 C15.5074533,13.6004064 14.5812288,14.1850559 13.8375816,14.9665185 C13.7206006,15.0904648 13.6846607,15.2904691 13.6106667,15.4559656 C13.4318174,15.4661733 13.252531,15.4661733 13.0736817,15.4559656 C11.7044404,15.3094836 10.3563403,15.0566613 9.08152953,14.5221428 C8.13088288,14.1228384 7.20208208,13.6700118 6.26271071,13.2432421 C5.97519119,13.1129576 5.68978579,12.973518 5.3924004,12.8714031 C4.92659059,12.7115405 4.48192192,12.8284444 4.17678478,13.1847901 C3.85332533,13.562263 3.54255055,13.9855115 3.36073674,14.4411551 C3.08378779,15.1200429 2.83361762,15.8496361 3.07180781,16.5926098 C3.24093694,17.1193816 3.52634234,17.6074203 3.75396196,18.1158819 C3.90265465,18.4489877 4.09715315,18.7764595 4.16832833,19.126467 C4.2535976,19.5447858 4.22893293,19.9856404 4.25218819,20.4166355 C4.03232032,20.2201524 3.80258659,20.0335287 3.5946987,19.8257778 C2.16273874,18.4003951 0.667355355,17.020788 0.000704704705,15.0228578 L0.000704704705,13.8186065 C0.031007007,13.7566334 0.0662422422,13.6967729 0.0902022022,13.6326871 C0.294566567,13.0918304 0.451011011,12.5263253 0.708932933,12.012934 C2.0827945,9.2659957 3.9921107,6.82112377 6.32472472,4.82193451 C6.93274198,4.30109788 7.59886468,3.85210981 8.30987788,3.48387762 C9.49307708,2.86907568 10.7241962,2.87189265 11.9334695,3.47824369 C12.3922322,3.70853033 12.8495856,3.93670424 13.3090531,4.16487815 C13.3301942,4.14163822 13.3513353,4.12825765 13.356973,4.11065164 C14.0313754,1.99159206 15.5211211,0.752128824 17.6155035,0.166904992 C17.8121161,0.107044552 18.0101381,0.0542265164 18.2081602,0 Z"></path><path fill="#4D4040" fill-rule="nonzero" d="M15.2082322,11.6784198 C13.4126446,11.4636264 11.8813213,10.7629071 10.7587267,9.28963607 C10.5346306,8.99596779 10.2830511,8.72624369 10.0413373,8.4445475 C9.32676677,7.61847343 8.94763564,7.52480945 7.94272673,7.98256575 C6.95640153,8.43179784 6.09918751,9.12205811 5.45018619,9.9896511 C5.38377641,10.0829563 5.29974914,10.1623827 5.20283483,10.2234589 C5.11333734,9.81147826 5.14082082,9.40794847 5.32404404,9.05582823 C5.98998999,7.7762233 6.93852252,6.76070853 8.26900501,6.15506173 C8.55048503,6.03438687 8.84869864,5.95721111 9.15340941,5.92618357 C9.70096496,5.86209769 10.1977818,6.01562211 10.5191271,6.48957595 C10.801009,6.90648631 11.0828909,7.33888996 11.2802082,7.79946323 C12.0398799,9.56710682 13.4563363,10.2981084 15.2829309,10.4121954 C16.3414496,10.4853447 17.4025758,10.3132663 18.3836316,9.90936769 C19.7592152,9.33822866 20.225025,8.02834138 19.3977017,6.58183145 C19.2461902,6.31844552 19.0256176,6.14097692 18.692997,6.21210521 C18.3603764,6.28323349 18.2201401,6.52760494 18.2046366,6.83394954 C18.1863143,7.20085883 18.1997037,7.57058508 18.2137978,7.93890284 C18.2455095,8.73399034 17.8614454,9.17273215 17.0616056,9.1875212 C16.0996837,9.20583145 15.3604484,8.78469565 14.8065506,7.99946753 C13.1927768,5.69589694 14.4161441,2.96344391 16.1173013,1.77750295 C17.8861101,0.546490607 21.3525526,0.361275362 23.2714635,3.16908213 C24.5526166,5.04377026 25.1107427,7.09733548 25.0804404,9.35301771 C25.0501381,11.5875727 24.2164725,13.5235298 23.0001522,15.3348363 C21.4089289,17.7046055 19.2137738,19.3053441 16.5873393,20.3532539 C16.4308949,20.4159313 16.2765646,20.4849469 16.1215295,20.5504412 C16.0602202,20.5659345 15.9967968,20.5757939 15.9376016,20.5962169 C13.7206006,21.3659517 11.4422903,21.6941278 9.10901301,21.4131358 C8.14074875,21.2962319 7.1901021,21.0222823 6.23804605,20.7934042 C5.86455255,20.7039656 5.56152953,20.4694536 5.43397798,20.0891637 C5.06424291,18.9905486 4.70413881,17.8872385 4.35366567,16.7792335 C4.2831952,16.5588062 4.2691011,16.3214772 4.22893293,16.0911906 L4.3282963,16.0524573 C4.45443844,16.2517574 4.58198999,16.4503532 4.70601802,16.6510617 C5.09924324,17.2848782 5.46075676,17.9468642 5.89133133,18.5567364 C6.31868079,19.1900291 6.99485919,19.6123622 7.75175175,19.7187332 C8.41981181,19.8166227 9.08575776,19.9349351 9.75734134,19.9919785 C11.4923243,20.1377563 13.1913674,19.9159206 14.8558799,19.4159098 C16.5324316,18.9644046 18.1012932,18.1813287 19.4695816,17.1130435 C21.940981,15.1841288 23.5773053,12.7467525 23.8817377,9.55231777 C23.9909104,8.4140749 23.8321142,7.26609273 23.418042,6.20013312 C23.0975461,5.11250475 22.4934086,4.12960528 21.6675556,3.35218465 C20.7711712,2.50709608 19.7112953,2.15004616 18.4766527,2.27751369 C16.3322362,2.4986452 14.8333293,4.80644122 15.5253493,6.84451315 C15.6521962,7.21705636 15.8544464,7.52692217 16.2378058,7.68185507 C16.4675395,7.73749007 16.6965686,7.8353795 16.927007,7.83960494 C17.2596276,7.8459431 17.3751992,7.65861514 17.2793594,7.33888996 C17.2180501,7.13958991 17.1306667,6.94733226 17.051035,6.75296189 C16.8205966,6.18956951 16.927007,5.85435105 17.4372132,5.51913258 C17.881673,5.23557834 18.3867315,5.06066144 18.9114555,5.00855824 C19.4012252,5.05010843 19.840961,5.20152013 20.1714675,5.58814815 C21.5984945,7.26001503 21.2658739,10.1657112 18.9347107,11.0981256 C17.751294,11.5664718 16.4781351,11.7647305 15.2082322,11.6784198 Z"></path><path fill="#B72C2C" fill-rule="nonzero" d="M14.8544705,19.4130929 C13.189958,19.9131036 11.4909149,20.1349393 9.75593193,19.9891616 C9.08434835,19.9321181 8.41699299,19.8138057 7.75034234,19.7159163 C6.99451192,19.6115898 6.31827297,19.1921936 5.88921722,18.5616661 C5.45864264,17.9517939 5.09712913,17.2940333 4.7039039,16.6559914 C4.57987588,16.4552829 4.45232432,16.2566871 4.32618218,16.057387 L4.22681882,16.0961202 C4.26698699,16.3264069 4.28178579,16.5637359 4.35155155,16.7841632 C4.70249449,17.8898207 5.0625986,18.9931308 5.43186386,20.0940934 C5.55941542,20.4729748 5.86243844,20.7074868 6.23593193,20.7983339 C7.18798799,21.027212 8.13863463,21.3011616 9.1068989,21.4180655 C11.4401762,21.6997617 13.7184865,21.3708814 15.9354875,20.6011465 C15.9946827,20.5807236 16.0581061,20.5708642 16.1194154,20.5553709 C15.9742462,20.7187547 15.8375335,20.8905894 15.6817938,21.0427053 C15.2378298,21.475109 14.7868188,21.899766 14.3379219,22.3279442 C13.9228509,22.6695008 13.5268068,23.0371143 13.0898899,23.3483886 C11.602963,24.4047493 10.0378138,24.5533441 8.43883884,23.6300848 C6.9159445,22.7381815 5.50965461,21.6609175 4.25218819,20.4229737 C4.22893293,19.9919785 4.25218819,19.551124 4.16832833,19.1328052 C4.09785786,18.7806849 3.90265465,18.4553258 3.75396196,18.1222201 C3.52352352,17.6102373 3.24164164,17.1221986 3.07180781,16.5954267 C2.83361762,15.8531573 3.08378779,15.1228599 3.36073674,14.4439721 C3.54607407,13.9883285 3.85403003,13.56508 4.17678478,13.1876071 C4.48192192,12.8312614 4.92659059,12.7143575 5.3924004,12.8742201 C5.68978579,12.9763349 5.97519119,13.1157746 6.26271071,13.246059 C7.20208208,13.6728288 8.13088288,14.1256554 9.08152953,14.5249597 C10.3563403,15.0594783 11.7044404,15.3123006 13.0736817,15.4587826 C13.252531,15.4689903 13.4318174,15.4689903 13.6106667,15.4587826 L13.6754995,15.5608975 C14.1272152,16.186263 14.7980941,16.4573956 15.4985706,16.6714847 C15.8389429,16.7757123 16.1884765,16.8517703 16.5436476,16.9433215 C16.1948188,17.2595255 15.8607888,17.533475 15.5570611,17.8405239 C15.1342382,18.2722233 14.8763163,18.7933612 14.8544705,19.4130929 Z"></path><path fill="#FCE3C2" fill-rule="nonzero" d="M13.6754995,15.5587848 L13.6106667,15.4566699 C13.6846607,15.2911734 13.7206006,15.0911691 13.8375816,14.9672228 C14.5812288,14.1857601 15.5074533,13.6011106 16.5330771,13.2657778 C16.6127087,13.2390166 16.6937497,13.2164809 16.7733814,13.1897198 C16.7895896,13.1840859 16.8015696,13.1671841 16.8290531,13.1439442 C16.1764965,12.7742179 15.4823624,12.4544928 15.2082322,11.6784198 C16.4769636,11.7642015 17.7488601,11.5659519 18.9311872,11.0981256 C21.2623504,10.1657112 21.594971,7.26001503 20.1679439,5.58814815 C19.8374374,5.20152013 19.3977017,5.05010843 18.9079319,5.00855824 C18.2706882,4.81954469 17.5926426,4.81661241 16.9537858,5.00010735 C16.7938725,5.05078922 16.6477591,5.13753211 16.5267347,5.25363392 C16.0954555,5.65505099 16.0278038,6.15506173 16.1814294,6.70084809 C16.2723363,7.02339023 16.402002,7.34241116 16.2378058,7.67974235 C15.8544464,7.52480945 15.6521962,7.21494364 15.5253493,6.84240043 C14.8333293,4.8043285 16.3322362,2.49653247 18.4766527,2.27540097 C19.7112953,2.14793344 20.7711712,2.50780032 21.6675556,3.35007193 C22.4938314,4.12827449 23.0979996,5.11219621 23.418042,6.20083736 C23.3969009,6.57971873 23.3891491,6.95930435 23.3525045,7.336073 C23.1248849,9.65584112 22.0896737,11.5319377 20.225025,12.9340805 C18.5372573,14.2017134 16.5943864,14.8848266 14.5584945,15.3418787 C14.2632232,15.41019 13.9700661,15.4869522 13.6754995,15.5587848 Z"></path><path fill="#D8A87D" fill-rule="nonzero" d="M13.6754995,15.5587848 C13.9700661,15.4883607 14.2632232,15.41019 14.5584945,15.3439914 C16.5943864,14.8869393 18.5372573,14.2052346 20.225025,12.9361932 C22.0896737,11.5340505 23.1248849,9.65795384 23.3525045,7.33818572 C23.3891491,6.96141707 23.3969009,6.58183145 23.418042,6.20295008 C23.8321142,7.2689097 23.9909104,8.41689186 23.8817377,9.55513473 C23.5773053,12.7488653 21.940981,15.1890585 19.4695816,17.1158604 C18.1004052,18.182308 16.5310797,18.9634605 14.8544705,19.4130929 C14.8763163,18.7933612 15.1363524,18.2722233 15.5591752,17.8384112 C15.8600841,17.5313623 16.1934094,17.2574128 16.5457618,16.9412088 C16.1934094,16.8496575 15.8410571,16.7735996 15.5006847,16.669372 C14.7987988,16.4552829 14.1272152,16.1841503 13.6754995,15.5587848 Z"></path><path fill="#D7A77C" fill-rule="nonzero" d="M16.2378058,7.68185507 C16.402002,7.34452389 16.2723363,7.02550295 16.1814294,6.70296082 C16.0278038,6.15717445 16.0954555,5.65716371 16.5267347,5.25574665 C16.6477591,5.13964483 16.7938725,5.05290195 16.9537858,5.00222008 C17.592441,4.8180361 18.2704865,4.82023531 18.9079319,5.00855824 C18.3832079,5.06066144 17.8781495,5.23557834 17.4336897,5.51913258 C16.9234835,5.85435105 16.8170731,6.18886527 17.0475115,6.75296189 C17.1271431,6.94733226 17.2145265,7.13958991 17.2758358,7.33888996 C17.3751992,7.65861514 17.2596276,7.8459431 16.9234835,7.83960494 C16.6965686,7.8353795 16.4675395,7.73749007 16.2378058,7.68185507 Z"></path></g></svg>


--------------------------------------------------------------------------------
/assets/img/parts/beast/tail.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(2.963 4.148)"><path fill="#FDB610" fill-rule="nonzero" d="M18.2081602,0 L19.7317317,0 C19.7705802,0.0275626779 19.8133355,0.0491636004 19.8585786,0.064085883 C21.6203403,0.339443908 23.0205886,1.21481481 24.0572092,2.64864842 C25.7055135,4.92968331 26.2812573,7.48607622 25.8922603,10.2628964 C25.4771892,13.2242276 24.2298619,15.7785078 22.0868549,17.8729189 C20.2546226,19.662394 18.051011,20.8800258 15.7198478,21.8828642 C15.2787027,22.0730091 14.8037317,22.1786452 14.340036,22.3237187 C14.7889329,21.8955405 15.2399439,21.4708835 15.6839079,21.0384799 C15.8396476,20.8863639 15.9763604,20.7145293 16.1215295,20.5511455 C16.2765646,20.4856511 16.4308949,20.4166355 16.5873393,20.3539581 C19.2158879,19.3060483 21.411043,17.7053097 23.0001522,15.3355405 C24.2164725,13.524234 25.0501381,11.588277 25.0804404,9.35372195 C25.1107427,7.10015244 24.5526166,5.0444745 23.2714635,3.16978637 C21.3525526,0.361275362 17.8861101,0.546490607 16.1208248,1.77750295 C14.4196677,2.96344391 13.1963003,5.69589694 14.8100741,7.99946753 C15.3604484,8.78469565 16.0996837,9.20583145 17.0651291,9.1875212 C17.8635596,9.17273215 18.249033,8.73399034 18.2173213,7.93890284 C18.2032272,7.57058508 18.1898378,7.20085883 18.2081602,6.83394954 C18.2236637,6.52760494 18.3667187,6.28252925 18.6965205,6.21210521 C19.0263223,6.14168116 19.2497137,6.31844552 19.4012252,6.58183145 C20.225025,8.02834138 19.7592152,9.33822866 18.385041,9.90655072 C17.4039852,10.3104494 16.3428591,10.4825278 15.2843403,10.4093784 C13.4577457,10.2952915 12.0426987,9.56428986 11.2816176,7.79664627 C11.0835956,7.336073 10.8045325,6.90366935 10.5205365,6.48675899 C10.1991912,6.01562211 9.70237437,5.86209769 9.15481882,5.92336661 C8.85010805,5.95439414 8.55189444,6.0315699 8.27041441,6.15224477 C6.93852252,6.76070853 5.98998999,7.7762233 5.32404404,9.05512399 C5.14082082,9.40724423 5.11263263,9.81077402 5.20283483,10.2227547 C5.29974914,10.1616785 5.38377641,10.0822521 5.45018619,9.98894686 C6.09918751,9.12135387 6.95640153,8.4310936 7.94272673,7.98186151 C8.94763564,7.52410521 9.32676677,7.61776919 10.0413373,8.44384326 C10.2830511,8.72553945 10.5346306,8.99596779 10.7587267,9.28893183 C11.8813213,10.7593859 13.4126446,11.4629222 15.2082322,11.6777155 C15.4823624,12.45238 16.1764965,12.7735137 16.8290531,13.1432399 C16.8015696,13.1664799 16.7895896,13.1833816 16.7733814,13.1890156 C16.6937497,13.2157767 16.6127087,13.2383124 16.5330771,13.2650735 C15.5074533,13.6004064 14.5812288,14.1850559 13.8375816,14.9665185 C13.7206006,15.0904648 13.6846607,15.2904691 13.6106667,15.4559656 C13.4318174,15.4661733 13.252531,15.4661733 13.0736817,15.4559656 C11.7044404,15.3094836 10.3563403,15.0566613 9.08152953,14.5221428 C8.13088288,14.1228384 7.20208208,13.6700118 6.26271071,13.2432421 C5.97519119,13.1129576 5.68978579,12.973518 5.3924004,12.8714031 C4.92659059,12.7115405 4.48192192,12.8284444 4.17678478,13.1847901 C3.85332533,13.562263 3.54255055,13.9855115 3.36073674,14.4411551 C3.08378779,15.1200429 2.83361762,15.8496361 3.07180781,16.5926098 C3.24093694,17.1193816 3.52634234,17.6074203 3.75396196,18.1158819 C3.90265465,18.4489877 4.09715315,18.7764595 4.16832833,19.126467 C4.2535976,19.5447858 4.22893293,19.9856404 4.25218819,20.4166355 C4.03232032,20.2201524 3.80258659,20.0335287 3.5946987,19.8257778 C2.16273874,18.4003951 0.667355355,17.020788 0.000704704705,15.0228578 L0.000704704705,13.8186065 C0.031007007,13.7566334 0.0662422422,13.6967729 0.0902022022,13.6326871 C0.294566567,13.0918304 0.451011011,12.5263253 0.708932933,12.012934 C2.0827945,9.2659957 3.9921107,6.82112377 6.32472472,4.82193451 C6.93274198,4.30109788 7.59886468,3.85210981 8.30987788,3.48387762 C9.49307708,2.86907568 10.7241962,2.87189265 11.9334695,3.47824369 C12.3922322,3.70853033 12.8495856,3.93670424 13.3090531,4.16487815 C13.3301942,4.14163822 13.3513353,4.12825765 13.356973,4.11065164 C14.0313754,1.99159206 15.5211211,0.752128824 17.6155035,0.166904992 C17.8121161,0.107044552 18.0101381,0.0542265164 18.2081602,0 Z"></path><path fill="#4D4040" fill-rule="nonzero" d="M15.2082322,11.6784198 C13.4126446,11.4636264 11.8813213,10.7629071 10.7587267,9.28963607 C10.5346306,8.99596779 10.2830511,8.72624369 10.0413373,8.4445475 C9.32676677,7.61847343 8.94763564,7.52480945 7.94272673,7.98256575 C6.95640153,8.43179784 6.09918751,9.12205811 5.45018619,9.9896511 C5.38377641,10.0829563 5.29974914,10.1623827 5.20283483,10.2234589 C5.11333734,9.81147826 5.14082082,9.40794847 5.32404404,9.05582823 C5.98998999,7.7762233 6.93852252,6.76070853 8.26900501,6.15506173 C8.55048503,6.03438687 8.84869864,5.95721111 9.15340941,5.92618357 C9.70096496,5.86209769 10.1977818,6.01562211 10.5191271,6.48957595 C10.801009,6.90648631 11.0828909,7.33888996 11.2802082,7.79946323 C12.0398799,9.56710682 13.4563363,10.2981084 15.2829309,10.4121954 C16.3414496,10.4853447 17.4025758,10.3132663 18.3836316,9.90936769 C19.7592152,9.33822866 20.225025,8.02834138 19.3977017,6.58183145 C19.2461902,6.31844552 19.0256176,6.14097692 18.692997,6.21210521 C18.3603764,6.28323349 18.2201401,6.52760494 18.2046366,6.83394954 C18.1863143,7.20085883 18.1997037,7.57058508 18.2137978,7.93890284 C18.2455095,8.73399034 17.8614454,9.17273215 17.0616056,9.1875212 C16.0996837,9.20583145 15.3604484,8.78469565 14.8065506,7.99946753 C13.1927768,5.69589694 14.4161441,2.96344391 16.1173013,1.77750295 C17.8861101,0.546490607 21.3525526,0.361275362 23.2714635,3.16908213 C24.5526166,5.04377026 25.1107427,7.09733548 25.0804404,9.35301771 C25.0501381,11.5875727 24.2164725,13.5235298 23.0001522,15.3348363 C21.4089289,17.7046055 19.2137738,19.3053441 16.5873393,20.3532539 C16.4308949,20.4159313 16.2765646,20.4849469 16.1215295,20.5504412 C16.0602202,20.5659345 15.9967968,20.5757939 15.9376016,20.5962169 C13.7206006,21.3659517 11.4422903,21.6941278 9.10901301,21.4131358 C8.14074875,21.2962319 7.1901021,21.0222823 6.23804605,20.7934042 C5.86455255,20.7039656 5.56152953,20.4694536 5.43397798,20.0891637 C5.06424291,18.9905486 4.70413881,17.8872385 4.35366567,16.7792335 C4.2831952,16.5588062 4.2691011,16.3214772 4.22893293,16.0911906 L4.3282963,16.0524573 C4.45443844,16.2517574 4.58198999,16.4503532 4.70601802,16.6510617 C5.09924324,17.2848782 5.46075676,17.9468642 5.89133133,18.5567364 C6.31868079,19.1900291 6.99485919,19.6123622 7.75175175,19.7187332 C8.41981181,19.8166227 9.08575776,19.9349351 9.75734134,19.9919785 C11.4923243,20.1377563 13.1913674,19.9159206 14.8558799,19.4159098 C16.5324316,18.9644046 18.1012932,18.1813287 19.4695816,17.1130435 C21.940981,15.1841288 23.5773053,12.7467525 23.8817377,9.55231777 C23.9909104,8.4140749 23.8321142,7.26609273 23.418042,6.20013312 C23.0975461,5.11250475 22.4934086,4.12960528 21.6675556,3.35218465 C20.7711712,2.50709608 19.7112953,2.15004616 18.4766527,2.27751369 C16.3322362,2.4986452 14.8333293,4.80644122 15.5253493,6.84451315 C15.6521962,7.21705636 15.8544464,7.52692217 16.2378058,7.68185507 C16.4675395,7.73749007 16.6965686,7.8353795 16.927007,7.83960494 C17.2596276,7.8459431 17.3751992,7.65861514 17.2793594,7.33888996 C17.2180501,7.13958991 17.1306667,6.94733226 17.051035,6.75296189 C16.8205966,6.18956951 16.927007,5.85435105 17.4372132,5.51913258 C17.881673,5.23557834 18.3867315,5.06066144 18.9114555,5.00855824 C19.4012252,5.05010843 19.840961,5.20152013 20.1714675,5.58814815 C21.5984945,7.26001503 21.2658739,10.1657112 18.9347107,11.0981256 C17.751294,11.5664718 16.4781351,11.7647305 15.2082322,11.6784198 Z"></path><path fill="#E37C11" fill-rule="nonzero" d="M14.8544705,19.4130929 C13.189958,19.9131036 11.4909149,20.1349393 9.75593193,19.9891616 C9.08434835,19.9321181 8.41699299,19.8138057 7.75034234,19.7159163 C6.99451192,19.6115898 6.31827297,19.1921936 5.88921722,18.5616661 C5.45864264,17.9517939 5.09712913,17.2940333 4.7039039,16.6559914 C4.57987588,16.4552829 4.45232432,16.2566871 4.32618218,16.057387 L4.22681882,16.0961202 C4.26698699,16.3264069 4.28178579,16.5637359 4.35155155,16.7841632 C4.70249449,17.8898207 5.0625986,18.9931308 5.43186386,20.0940934 C5.55941542,20.4729748 5.86243844,20.7074868 6.23593193,20.7983339 C7.18798799,21.027212 8.13863463,21.3011616 9.1068989,21.4180655 C11.4401762,21.6997617 13.7184865,21.3708814 15.9354875,20.6011465 C15.9946827,20.5807236 16.0581061,20.5708642 16.1194154,20.5553709 C15.9742462,20.7187547 15.8375335,20.8905894 15.6817938,21.0427053 C15.2378298,21.475109 14.7868188,21.899766 14.3379219,22.3279442 C13.9228509,22.6695008 13.5268068,23.0371143 13.0898899,23.3483886 C11.602963,24.4047493 10.0378138,24.5533441 8.43883884,23.6300848 C6.9159445,22.7381815 5.50965461,21.6609175 4.25218819,20.4229737 C4.22893293,19.9919785 4.25218819,19.551124 4.16832833,19.1328052 C4.09785786,18.7806849 3.90265465,18.4553258 3.75396196,18.1222201 C3.52352352,17.6102373 3.24164164,17.1221986 3.07180781,16.5954267 C2.83361762,15.8531573 3.08378779,15.1228599 3.36073674,14.4439721 C3.54607407,13.9883285 3.85403003,13.56508 4.17678478,13.1876071 C4.48192192,12.8312614 4.92659059,12.7143575 5.3924004,12.8742201 C5.68978579,12.9763349 5.97519119,13.1157746 6.26271071,13.246059 C7.20208208,13.6728288 8.13088288,14.1256554 9.08152953,14.5249597 C10.3563403,15.0594783 11.7044404,15.3123006 13.0736817,15.4587826 C13.252531,15.4689903 13.4318174,15.4689903 13.6106667,15.4587826 L13.6754995,15.5608975 C14.1272152,16.186263 14.7980941,16.4573956 15.4985706,16.6714847 C15.8389429,16.7757123 16.1884765,16.8517703 16.5436476,16.9433215 C16.1948188,17.2595255 15.8607888,17.533475 15.5570611,17.8405239 C15.1342382,18.2722233 14.8763163,18.7933612 14.8544705,19.4130929 Z"></path><path fill="#FCE3C2" fill-rule="nonzero" d="M13.6754995,15.5587848 L13.6106667,15.4566699 C13.6846607,15.2911734 13.7206006,15.0911691 13.8375816,14.9672228 C14.5812288,14.1857601 15.5074533,13.6011106 16.5330771,13.2657778 C16.6127087,13.2390166 16.6937497,13.2164809 16.7733814,13.1897198 C16.7895896,13.1840859 16.8015696,13.1671841 16.8290531,13.1439442 C16.1764965,12.7742179 15.4823624,12.4544928 15.2082322,11.6784198 C16.4769636,11.7642015 17.7488601,11.5659519 18.9311872,11.0981256 C21.2623504,10.1657112 21.594971,7.26001503 20.1679439,5.58814815 C19.8374374,5.20152013 19.3977017,5.05010843 18.9079319,5.00855824 C18.2706882,4.81954469 17.5926426,4.81661241 16.9537858,5.00010735 C16.7938725,5.05078922 16.6477591,5.13753211 16.5267347,5.25363392 C16.0954555,5.65505099 16.0278038,6.15506173 16.1814294,6.70084809 C16.2723363,7.02339023 16.402002,7.34241116 16.2378058,7.67974235 C15.8544464,7.52480945 15.6521962,7.21494364 15.5253493,6.84240043 C14.8333293,4.8043285 16.3322362,2.49653247 18.4766527,2.27540097 C19.7112953,2.14793344 20.7711712,2.50780032 21.6675556,3.35007193 C22.4938314,4.12827449 23.0979996,5.11219621 23.418042,6.20083736 C23.3969009,6.57971873 23.3891491,6.95930435 23.3525045,7.336073 C23.1248849,9.65584112 22.0896737,11.5319377 20.225025,12.9340805 C18.5372573,14.2017134 16.5943864,14.8848266 14.5584945,15.3418787 C14.2632232,15.41019 13.9700661,15.4869522 13.6754995,15.5587848 Z"></path><path fill="#D8A87D" fill-rule="nonzero" d="M13.6754995,15.5587848 C13.9700661,15.4883607 14.2632232,15.41019 14.5584945,15.3439914 C16.5943864,14.8869393 18.5372573,14.2052346 20.225025,12.9361932 C22.0896737,11.5340505 23.1248849,9.65795384 23.3525045,7.33818572 C23.3891491,6.96141707 23.3969009,6.58183145 23.418042,6.20295008 C23.8321142,7.2689097 23.9909104,8.41689186 23.8817377,9.55513473 C23.5773053,12.7488653 21.940981,15.1890585 19.4695816,17.1158604 C18.1004052,18.182308 16.5310797,18.9634605 14.8544705,19.4130929 C14.8763163,18.7933612 15.1363524,18.2722233 15.5591752,17.8384112 C15.8600841,17.5313623 16.1934094,17.2574128 16.5457618,16.9412088 C16.1934094,16.8496575 15.8410571,16.7735996 15.5006847,16.669372 C14.7987988,16.4552829 14.1272152,16.1841503 13.6754995,15.5587848 Z"></path><path fill="#D7A77C" fill-rule="nonzero" d="M16.2378058,7.68185507 C16.402002,7.34452389 16.2723363,7.02550295 16.1814294,6.70296082 C16.0278038,6.15717445 16.0954555,5.65716371 16.5267347,5.25574665 C16.6477591,5.13964483 16.7938725,5.05290195 16.9537858,5.00222008 C17.592441,4.8180361 18.2704865,4.82023531 18.9079319,5.00855824 C18.3832079,5.06066144 17.8781495,5.23557834 17.4336897,5.51913258 C16.9234835,5.85435105 16.8170731,6.18886527 17.0475115,6.75296189 C17.1271431,6.94733226 17.2145265,7.13958991 17.2758358,7.33888996 C17.3751992,7.65861514 17.2596276,7.8459431 16.9234835,7.83960494 C16.6965686,7.8353795 16.4675395,7.73749007 16.2378058,7.68185507 Z"></path></g></svg>


--------------------------------------------------------------------------------
/assets/img/parts/plant/tail.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(2.963 4.148)"><path fill="#6CC001" fill-rule="nonzero" d="M18.2081602,0 L19.7317317,0 C19.7705802,0.0275626779 19.8133355,0.0491636004 19.8585786,0.064085883 C21.6203403,0.339443908 23.0205886,1.21481481 24.0572092,2.64864842 C25.7055135,4.92968331 26.2812573,7.48607622 25.8922603,10.2628964 C25.4771892,13.2242276 24.2298619,15.7785078 22.0868549,17.8729189 C20.2546226,19.662394 18.051011,20.8800258 15.7198478,21.8828642 C15.2787027,22.0730091 14.8037317,22.1786452 14.340036,22.3237187 C14.7889329,21.8955405 15.2399439,21.4708835 15.6839079,21.0384799 C15.8396476,20.8863639 15.9763604,20.7145293 16.1215295,20.5511455 C16.2765646,20.4856511 16.4308949,20.4166355 16.5873393,20.3539581 C19.2158879,19.3060483 21.411043,17.7053097 23.0001522,15.3355405 C24.2164725,13.524234 25.0501381,11.588277 25.0804404,9.35372195 C25.1107427,7.10015244 24.5526166,5.0444745 23.2714635,3.16978637 C21.3525526,0.361275362 17.8861101,0.546490607 16.1208248,1.77750295 C14.4196677,2.96344391 13.1963003,5.69589694 14.8100741,7.99946753 C15.3604484,8.78469565 16.0996837,9.20583145 17.0651291,9.1875212 C17.8635596,9.17273215 18.249033,8.73399034 18.2173213,7.93890284 C18.2032272,7.57058508 18.1898378,7.20085883 18.2081602,6.83394954 C18.2236637,6.52760494 18.3667187,6.28252925 18.6965205,6.21210521 C19.0263223,6.14168116 19.2497137,6.31844552 19.4012252,6.58183145 C20.225025,8.02834138 19.7592152,9.33822866 18.385041,9.90655072 C17.4039852,10.3104494 16.3428591,10.4825278 15.2843403,10.4093784 C13.4577457,10.2952915 12.0426987,9.56428986 11.2816176,7.79664627 C11.0835956,7.336073 10.8045325,6.90366935 10.5205365,6.48675899 C10.1991912,6.01562211 9.70237437,5.86209769 9.15481882,5.92336661 C8.85010805,5.95439414 8.55189444,6.0315699 8.27041441,6.15224477 C6.93852252,6.76070853 5.98998999,7.7762233 5.32404404,9.05512399 C5.14082082,9.40724423 5.11263263,9.81077402 5.20283483,10.2227547 C5.29974914,10.1616785 5.38377641,10.0822521 5.45018619,9.98894686 C6.09918751,9.12135387 6.95640153,8.4310936 7.94272673,7.98186151 C8.94763564,7.52410521 9.32676677,7.61776919 10.0413373,8.44384326 C10.2830511,8.72553945 10.5346306,8.99596779 10.7587267,9.28893183 C11.8813213,10.7593859 13.4126446,11.4629222 15.2082322,11.6777155 C15.4823624,12.45238 16.1764965,12.7735137 16.8290531,13.1432399 C16.8015696,13.1664799 16.7895896,13.1833816 16.7733814,13.1890156 C16.6937497,13.2157767 16.6127087,13.2383124 16.5330771,13.2650735 C15.5074533,13.6004064 14.5812288,14.1850559 13.8375816,14.9665185 C13.7206006,15.0904648 13.6846607,15.2904691 13.6106667,15.4559656 C13.4318174,15.4661733 13.252531,15.4661733 13.0736817,15.4559656 C11.7044404,15.3094836 10.3563403,15.0566613 9.08152953,14.5221428 C8.13088288,14.1228384 7.20208208,13.6700118 6.26271071,13.2432421 C5.97519119,13.1129576 5.68978579,12.973518 5.3924004,12.8714031 C4.92659059,12.7115405 4.48192192,12.8284444 4.17678478,13.1847901 C3.85332533,13.562263 3.54255055,13.9855115 3.36073674,14.4411551 C3.08378779,15.1200429 2.83361762,15.8496361 3.07180781,16.5926098 C3.24093694,17.1193816 3.52634234,17.6074203 3.75396196,18.1158819 C3.90265465,18.4489877 4.09715315,18.7764595 4.16832833,19.126467 C4.2535976,19.5447858 4.22893293,19.9856404 4.25218819,20.4166355 C4.03232032,20.2201524 3.80258659,20.0335287 3.5946987,19.8257778 C2.16273874,18.4003951 0.667355355,17.020788 0.000704704705,15.0228578 L0.000704704705,13.8186065 C0.031007007,13.7566334 0.0662422422,13.6967729 0.0902022022,13.6326871 C0.294566567,13.0918304 0.451011011,12.5263253 0.708932933,12.012934 C2.0827945,9.2659957 3.9921107,6.82112377 6.32472472,4.82193451 C6.93274198,4.30109788 7.59886468,3.85210981 8.30987788,3.48387762 C9.49307708,2.86907568 10.7241962,2.87189265 11.9334695,3.47824369 C12.3922322,3.70853033 12.8495856,3.93670424 13.3090531,4.16487815 C13.3301942,4.14163822 13.3513353,4.12825765 13.356973,4.11065164 C14.0313754,1.99159206 15.5211211,0.752128824 17.6155035,0.166904992 C17.8121161,0.107044552 18.0101381,0.0542265164 18.2081602,0 Z"></path><path fill="#4D4040" fill-rule="nonzero" d="M15.2082322,11.6784198 C13.4126446,11.4636264 11.8813213,10.7629071 10.7587267,9.28963607 C10.5346306,8.99596779 10.2830511,8.72624369 10.0413373,8.4445475 C9.32676677,7.61847343 8.94763564,7.52480945 7.94272673,7.98256575 C6.95640153,8.43179784 6.09918751,9.12205811 5.45018619,9.9896511 C5.38377641,10.0829563 5.29974914,10.1623827 5.20283483,10.2234589 C5.11333734,9.81147826 5.14082082,9.40794847 5.32404404,9.05582823 C5.98998999,7.7762233 6.93852252,6.76070853 8.26900501,6.15506173 C8.55048503,6.03438687 8.84869864,5.95721111 9.15340941,5.92618357 C9.70096496,5.86209769 10.1977818,6.01562211 10.5191271,6.48957595 C10.801009,6.90648631 11.0828909,7.33888996 11.2802082,7.79946323 C12.0398799,9.56710682 13.4563363,10.2981084 15.2829309,10.4121954 C16.3414496,10.4853447 17.4025758,10.3132663 18.3836316,9.90936769 C19.7592152,9.33822866 20.225025,8.02834138 19.3977017,6.58183145 C19.2461902,6.31844552 19.0256176,6.14097692 18.692997,6.21210521 C18.3603764,6.28323349 18.2201401,6.52760494 18.2046366,6.83394954 C18.1863143,7.20085883 18.1997037,7.57058508 18.2137978,7.93890284 C18.2455095,8.73399034 17.8614454,9.17273215 17.0616056,9.1875212 C16.0996837,9.20583145 15.3604484,8.78469565 14.8065506,7.99946753 C13.1927768,5.69589694 14.4161441,2.96344391 16.1173013,1.77750295 C17.8861101,0.546490607 21.3525526,0.361275362 23.2714635,3.16908213 C24.5526166,5.04377026 25.1107427,7.09733548 25.0804404,9.35301771 C25.0501381,11.5875727 24.2164725,13.5235298 23.0001522,15.3348363 C21.4089289,17.7046055 19.2137738,19.3053441 16.5873393,20.3532539 C16.4308949,20.4159313 16.2765646,20.4849469 16.1215295,20.5504412 C16.0602202,20.5659345 15.9967968,20.5757939 15.9376016,20.5962169 C13.7206006,21.3659517 11.4422903,21.6941278 9.10901301,21.4131358 C8.14074875,21.2962319 7.1901021,21.0222823 6.23804605,20.7934042 C5.86455255,20.7039656 5.56152953,20.4694536 5.43397798,20.0891637 C5.06424291,18.9905486 4.70413881,17.8872385 4.35366567,16.7792335 C4.2831952,16.5588062 4.2691011,16.3214772 4.22893293,16.0911906 L4.3282963,16.0524573 C4.45443844,16.2517574 4.58198999,16.4503532 4.70601802,16.6510617 C5.09924324,17.2848782 5.46075676,17.9468642 5.89133133,18.5567364 C6.31868079,19.1900291 6.99485919,19.6123622 7.75175175,19.7187332 C8.41981181,19.8166227 9.08575776,19.9349351 9.75734134,19.9919785 C11.4923243,20.1377563 13.1913674,19.9159206 14.8558799,19.4159098 C16.5324316,18.9644046 18.1012932,18.1813287 19.4695816,17.1130435 C21.940981,15.1841288 23.5773053,12.7467525 23.8817377,9.55231777 C23.9909104,8.4140749 23.8321142,7.26609273 23.418042,6.20013312 C23.0975461,5.11250475 22.4934086,4.12960528 21.6675556,3.35218465 C20.7711712,2.50709608 19.7112953,2.15004616 18.4766527,2.27751369 C16.3322362,2.4986452 14.8333293,4.80644122 15.5253493,6.84451315 C15.6521962,7.21705636 15.8544464,7.52692217 16.2378058,7.68185507 C16.4675395,7.73749007 16.6965686,7.8353795 16.927007,7.83960494 C17.2596276,7.8459431 17.3751992,7.65861514 17.2793594,7.33888996 C17.2180501,7.13958991 17.1306667,6.94733226 17.051035,6.75296189 C16.8205966,6.18956951 16.927007,5.85435105 17.4372132,5.51913258 C17.881673,5.23557834 18.3867315,5.06066144 18.9114555,5.00855824 C19.4012252,5.05010843 19.840961,5.20152013 20.1714675,5.58814815 C21.5984945,7.26001503 21.2658739,10.1657112 18.9347107,11.0981256 C17.751294,11.5664718 16.4781351,11.7647305 15.2082322,11.6784198 Z"></path><path fill="#428B13" fill-rule="nonzero" d="M14.8544705,19.4130929 C13.189958,19.9131036 11.4909149,20.1349393 9.75593193,19.9891616 C9.08434835,19.9321181 8.41699299,19.8138057 7.75034234,19.7159163 C6.99451192,19.6115898 6.31827297,19.1921936 5.88921722,18.5616661 C5.45864264,17.9517939 5.09712913,17.2940333 4.7039039,16.6559914 C4.57987588,16.4552829 4.45232432,16.2566871 4.32618218,16.057387 L4.22681882,16.0961202 C4.26698699,16.3264069 4.28178579,16.5637359 4.35155155,16.7841632 C4.70249449,17.8898207 5.0625986,18.9931308 5.43186386,20.0940934 C5.55941542,20.4729748 5.86243844,20.7074868 6.23593193,20.7983339 C7.18798799,21.027212 8.13863463,21.3011616 9.1068989,21.4180655 C11.4401762,21.6997617 13.7184865,21.3708814 15.9354875,20.6011465 C15.9946827,20.5807236 16.0581061,20.5708642 16.1194154,20.5553709 C15.9742462,20.7187547 15.8375335,20.8905894 15.6817938,21.0427053 C15.2378298,21.475109 14.7868188,21.899766 14.3379219,22.3279442 C13.9228509,22.6695008 13.5268068,23.0371143 13.0898899,23.3483886 C11.602963,24.4047493 10.0378138,24.5533441 8.43883884,23.6300848 C6.9159445,22.7381815 5.50965461,21.6609175 4.25218819,20.4229737 C4.22893293,19.9919785 4.25218819,19.551124 4.16832833,19.1328052 C4.09785786,18.7806849 3.90265465,18.4553258 3.75396196,18.1222201 C3.52352352,17.6102373 3.24164164,17.1221986 3.07180781,16.5954267 C2.83361762,15.8531573 3.08378779,15.1228599 3.36073674,14.4439721 C3.54607407,13.9883285 3.85403003,13.56508 4.17678478,13.1876071 C4.48192192,12.8312614 4.92659059,12.7143575 5.3924004,12.8742201 C5.68978579,12.9763349 5.97519119,13.1157746 6.26271071,13.246059 C7.20208208,13.6728288 8.13088288,14.1256554 9.08152953,14.5249597 C10.3563403,15.0594783 11.7044404,15.3123006 13.0736817,15.4587826 C13.252531,15.4689903 13.4318174,15.4689903 13.6106667,15.4587826 L13.6754995,15.5608975 C14.1272152,16.186263 14.7980941,16.4573956 15.4985706,16.6714847 C15.8389429,16.7757123 16.1884765,16.8517703 16.5436476,16.9433215 C16.1948188,17.2595255 15.8607888,17.533475 15.5570611,17.8405239 C15.1342382,18.2722233 14.8763163,18.7933612 14.8544705,19.4130929 Z"></path><path fill="#FCE3C2" fill-rule="nonzero" d="M13.6754995,15.5587848 L13.6106667,15.4566699 C13.6846607,15.2911734 13.7206006,15.0911691 13.8375816,14.9672228 C14.5812288,14.1857601 15.5074533,13.6011106 16.5330771,13.2657778 C16.6127087,13.2390166 16.6937497,13.2164809 16.7733814,13.1897198 C16.7895896,13.1840859 16.8015696,13.1671841 16.8290531,13.1439442 C16.1764965,12.7742179 15.4823624,12.4544928 15.2082322,11.6784198 C16.4769636,11.7642015 17.7488601,11.5659519 18.9311872,11.0981256 C21.2623504,10.1657112 21.594971,7.26001503 20.1679439,5.58814815 C19.8374374,5.20152013 19.3977017,5.05010843 18.9079319,5.00855824 C18.2706882,4.81954469 17.5926426,4.81661241 16.9537858,5.00010735 C16.7938725,5.05078922 16.6477591,5.13753211 16.5267347,5.25363392 C16.0954555,5.65505099 16.0278038,6.15506173 16.1814294,6.70084809 C16.2723363,7.02339023 16.402002,7.34241116 16.2378058,7.67974235 C15.8544464,7.52480945 15.6521962,7.21494364 15.5253493,6.84240043 C14.8333293,4.8043285 16.3322362,2.49653247 18.4766527,2.27540097 C19.7112953,2.14793344 20.7711712,2.50780032 21.6675556,3.35007193 C22.4938314,4.12827449 23.0979996,5.11219621 23.418042,6.20083736 C23.3969009,6.57971873 23.3891491,6.95930435 23.3525045,7.336073 C23.1248849,9.65584112 22.0896737,11.5319377 20.225025,12.9340805 C18.5372573,14.2017134 16.5943864,14.8848266 14.5584945,15.3418787 C14.2632232,15.41019 13.9700661,15.4869522 13.6754995,15.5587848 Z"></path><path fill="#D8A87D" fill-rule="nonzero" d="M13.6754995,15.5587848 C13.9700661,15.4883607 14.2632232,15.41019 14.5584945,15.3439914 C16.5943864,14.8869393 18.5372573,14.2052346 20.225025,12.9361932 C22.0896737,11.5340505 23.1248849,9.65795384 23.3525045,7.33818572 C23.3891491,6.96141707 23.3969009,6.58183145 23.418042,6.20295008 C23.8321142,7.2689097 23.9909104,8.41689186 23.8817377,9.55513473 C23.5773053,12.7488653 21.940981,15.1890585 19.4695816,17.1158604 C18.1004052,18.182308 16.5310797,18.9634605 14.8544705,19.4130929 C14.8763163,18.7933612 15.1363524,18.2722233 15.5591752,17.8384112 C15.8600841,17.5313623 16.1934094,17.2574128 16.5457618,16.9412088 C16.1934094,16.8496575 15.8410571,16.7735996 15.5006847,16.669372 C14.7987988,16.4552829 14.1272152,16.1841503 13.6754995,15.5587848 Z"></path><path fill="#D7A77C" fill-rule="nonzero" d="M16.2378058,7.68185507 C16.402002,7.34452389 16.2723363,7.02550295 16.1814294,6.70296082 C16.0278038,6.15717445 16.0954555,5.65716371 16.5267347,5.25574665 C16.6477591,5.13964483 16.7938725,5.05290195 16.9537858,5.00222008 C17.592441,4.8180361 18.2704865,4.82023531 18.9079319,5.00855824 C18.3832079,5.06066144 17.8781495,5.23557834 17.4336897,5.51913258 C16.9234835,5.85435105 16.8170731,6.18886527 17.0475115,6.75296189 C17.1271431,6.94733226 17.2145265,7.13958991 17.2758358,7.33888996 C17.3751992,7.65861514 17.2596276,7.8459431 16.9234835,7.83960494 C16.6965686,7.8353795 16.4675395,7.73749007 16.2378058,7.68185507 Z"></path></g></svg>


--------------------------------------------------------------------------------
/assets/img/parts/reptile/tail.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(2.963 4.148)"><path fill="#9B47CC" fill-rule="nonzero" d="M18.2081602,0 L19.7317317,0 C19.7705802,0.0275626779 19.8133355,0.0491636004 19.8585786,0.064085883 C21.6203403,0.339443908 23.0205886,1.21481481 24.0572092,2.64864842 C25.7055135,4.92968331 26.2812573,7.48607622 25.8922603,10.2628964 C25.4771892,13.2242276 24.2298619,15.7785078 22.0868549,17.8729189 C20.2546226,19.662394 18.051011,20.8800258 15.7198478,21.8828642 C15.2787027,22.0730091 14.8037317,22.1786452 14.340036,22.3237187 C14.7889329,21.8955405 15.2399439,21.4708835 15.6839079,21.0384799 C15.8396476,20.8863639 15.9763604,20.7145293 16.1215295,20.5511455 C16.2765646,20.4856511 16.4308949,20.4166355 16.5873393,20.3539581 C19.2158879,19.3060483 21.411043,17.7053097 23.0001522,15.3355405 C24.2164725,13.524234 25.0501381,11.588277 25.0804404,9.35372195 C25.1107427,7.10015244 24.5526166,5.0444745 23.2714635,3.16978637 C21.3525526,0.361275362 17.8861101,0.546490607 16.1208248,1.77750295 C14.4196677,2.96344391 13.1963003,5.69589694 14.8100741,7.99946753 C15.3604484,8.78469565 16.0996837,9.20583145 17.0651291,9.1875212 C17.8635596,9.17273215 18.249033,8.73399034 18.2173213,7.93890284 C18.2032272,7.57058508 18.1898378,7.20085883 18.2081602,6.83394954 C18.2236637,6.52760494 18.3667187,6.28252925 18.6965205,6.21210521 C19.0263223,6.14168116 19.2497137,6.31844552 19.4012252,6.58183145 C20.225025,8.02834138 19.7592152,9.33822866 18.385041,9.90655072 C17.4039852,10.3104494 16.3428591,10.4825278 15.2843403,10.4093784 C13.4577457,10.2952915 12.0426987,9.56428986 11.2816176,7.79664627 C11.0835956,7.336073 10.8045325,6.90366935 10.5205365,6.48675899 C10.1991912,6.01562211 9.70237437,5.86209769 9.15481882,5.92336661 C8.85010805,5.95439414 8.55189444,6.0315699 8.27041441,6.15224477 C6.93852252,6.76070853 5.98998999,7.7762233 5.32404404,9.05512399 C5.14082082,9.40724423 5.11263263,9.81077402 5.20283483,10.2227547 C5.29974914,10.1616785 5.38377641,10.0822521 5.45018619,9.98894686 C6.09918751,9.12135387 6.95640153,8.4310936 7.94272673,7.98186151 C8.94763564,7.52410521 9.32676677,7.61776919 10.0413373,8.44384326 C10.2830511,8.72553945 10.5346306,8.99596779 10.7587267,9.28893183 C11.8813213,10.7593859 13.4126446,11.4629222 15.2082322,11.6777155 C15.4823624,12.45238 16.1764965,12.7735137 16.8290531,13.1432399 C16.8015696,13.1664799 16.7895896,13.1833816 16.7733814,13.1890156 C16.6937497,13.2157767 16.6127087,13.2383124 16.5330771,13.2650735 C15.5074533,13.6004064 14.5812288,14.1850559 13.8375816,14.9665185 C13.7206006,15.0904648 13.6846607,15.2904691 13.6106667,15.4559656 C13.4318174,15.4661733 13.252531,15.4661733 13.0736817,15.4559656 C11.7044404,15.3094836 10.3563403,15.0566613 9.08152953,14.5221428 C8.13088288,14.1228384 7.20208208,13.6700118 6.26271071,13.2432421 C5.97519119,13.1129576 5.68978579,12.973518 5.3924004,12.8714031 C4.92659059,12.7115405 4.48192192,12.8284444 4.17678478,13.1847901 C3.85332533,13.562263 3.54255055,13.9855115 3.36073674,14.4411551 C3.08378779,15.1200429 2.83361762,15.8496361 3.07180781,16.5926098 C3.24093694,17.1193816 3.52634234,17.6074203 3.75396196,18.1158819 C3.90265465,18.4489877 4.09715315,18.7764595 4.16832833,19.126467 C4.2535976,19.5447858 4.22893293,19.9856404 4.25218819,20.4166355 C4.03232032,20.2201524 3.80258659,20.0335287 3.5946987,19.8257778 C2.16273874,18.4003951 0.667355355,17.020788 0.000704704705,15.0228578 L0.000704704705,13.8186065 C0.031007007,13.7566334 0.0662422422,13.6967729 0.0902022022,13.6326871 C0.294566567,13.0918304 0.451011011,12.5263253 0.708932933,12.012934 C2.0827945,9.2659957 3.9921107,6.82112377 6.32472472,4.82193451 C6.93274198,4.30109788 7.59886468,3.85210981 8.30987788,3.48387762 C9.49307708,2.86907568 10.7241962,2.87189265 11.9334695,3.47824369 C12.3922322,3.70853033 12.8495856,3.93670424 13.3090531,4.16487815 C13.3301942,4.14163822 13.3513353,4.12825765 13.356973,4.11065164 C14.0313754,1.99159206 15.5211211,0.752128824 17.6155035,0.166904992 C17.8121161,0.107044552 18.0101381,0.0542265164 18.2081602,0 Z"></path><path fill="#4D4040" fill-rule="nonzero" d="M15.2082322,11.6784198 C13.4126446,11.4636264 11.8813213,10.7629071 10.7587267,9.28963607 C10.5346306,8.99596779 10.2830511,8.72624369 10.0413373,8.4445475 C9.32676677,7.61847343 8.94763564,7.52480945 7.94272673,7.98256575 C6.95640153,8.43179784 6.09918751,9.12205811 5.45018619,9.9896511 C5.38377641,10.0829563 5.29974914,10.1623827 5.20283483,10.2234589 C5.11333734,9.81147826 5.14082082,9.40794847 5.32404404,9.05582823 C5.98998999,7.7762233 6.93852252,6.76070853 8.26900501,6.15506173 C8.55048503,6.03438687 8.84869864,5.95721111 9.15340941,5.92618357 C9.70096496,5.86209769 10.1977818,6.01562211 10.5191271,6.48957595 C10.801009,6.90648631 11.0828909,7.33888996 11.2802082,7.79946323 C12.0398799,9.56710682 13.4563363,10.2981084 15.2829309,10.4121954 C16.3414496,10.4853447 17.4025758,10.3132663 18.3836316,9.90936769 C19.7592152,9.33822866 20.225025,8.02834138 19.3977017,6.58183145 C19.2461902,6.31844552 19.0256176,6.14097692 18.692997,6.21210521 C18.3603764,6.28323349 18.2201401,6.52760494 18.2046366,6.83394954 C18.1863143,7.20085883 18.1997037,7.57058508 18.2137978,7.93890284 C18.2455095,8.73399034 17.8614454,9.17273215 17.0616056,9.1875212 C16.0996837,9.20583145 15.3604484,8.78469565 14.8065506,7.99946753 C13.1927768,5.69589694 14.4161441,2.96344391 16.1173013,1.77750295 C17.8861101,0.546490607 21.3525526,0.361275362 23.2714635,3.16908213 C24.5526166,5.04377026 25.1107427,7.09733548 25.0804404,9.35301771 C25.0501381,11.5875727 24.2164725,13.5235298 23.0001522,15.3348363 C21.4089289,17.7046055 19.2137738,19.3053441 16.5873393,20.3532539 C16.4308949,20.4159313 16.2765646,20.4849469 16.1215295,20.5504412 C16.0602202,20.5659345 15.9967968,20.5757939 15.9376016,20.5962169 C13.7206006,21.3659517 11.4422903,21.6941278 9.10901301,21.4131358 C8.14074875,21.2962319 7.1901021,21.0222823 6.23804605,20.7934042 C5.86455255,20.7039656 5.56152953,20.4694536 5.43397798,20.0891637 C5.06424291,18.9905486 4.70413881,17.8872385 4.35366567,16.7792335 C4.2831952,16.5588062 4.2691011,16.3214772 4.22893293,16.0911906 L4.3282963,16.0524573 C4.45443844,16.2517574 4.58198999,16.4503532 4.70601802,16.6510617 C5.09924324,17.2848782 5.46075676,17.9468642 5.89133133,18.5567364 C6.31868079,19.1900291 6.99485919,19.6123622 7.75175175,19.7187332 C8.41981181,19.8166227 9.08575776,19.9349351 9.75734134,19.9919785 C11.4923243,20.1377563 13.1913674,19.9159206 14.8558799,19.4159098 C16.5324316,18.9644046 18.1012932,18.1813287 19.4695816,17.1130435 C21.940981,15.1841288 23.5773053,12.7467525 23.8817377,9.55231777 C23.9909104,8.4140749 23.8321142,7.26609273 23.418042,6.20013312 C23.0975461,5.11250475 22.4934086,4.12960528 21.6675556,3.35218465 C20.7711712,2.50709608 19.7112953,2.15004616 18.4766527,2.27751369 C16.3322362,2.4986452 14.8333293,4.80644122 15.5253493,6.84451315 C15.6521962,7.21705636 15.8544464,7.52692217 16.2378058,7.68185507 C16.4675395,7.73749007 16.6965686,7.8353795 16.927007,7.83960494 C17.2596276,7.8459431 17.3751992,7.65861514 17.2793594,7.33888996 C17.2180501,7.13958991 17.1306667,6.94733226 17.051035,6.75296189 C16.8205966,6.18956951 16.927007,5.85435105 17.4372132,5.51913258 C17.881673,5.23557834 18.3867315,5.06066144 18.9114555,5.00855824 C19.4012252,5.05010843 19.840961,5.20152013 20.1714675,5.58814815 C21.5984945,7.26001503 21.2658739,10.1657112 18.9347107,11.0981256 C17.751294,11.5664718 16.4781351,11.7647305 15.2082322,11.6784198 Z"></path><path fill="#7736C1" fill-rule="nonzero" d="M14.8544705,19.4130929 C13.189958,19.9131036 11.4909149,20.1349393 9.75593193,19.9891616 C9.08434835,19.9321181 8.41699299,19.8138057 7.75034234,19.7159163 C6.99451192,19.6115898 6.31827297,19.1921936 5.88921722,18.5616661 C5.45864264,17.9517939 5.09712913,17.2940333 4.7039039,16.6559914 C4.57987588,16.4552829 4.45232432,16.2566871 4.32618218,16.057387 L4.22681882,16.0961202 C4.26698699,16.3264069 4.28178579,16.5637359 4.35155155,16.7841632 C4.70249449,17.8898207 5.0625986,18.9931308 5.43186386,20.0940934 C5.55941542,20.4729748 5.86243844,20.7074868 6.23593193,20.7983339 C7.18798799,21.027212 8.13863463,21.3011616 9.1068989,21.4180655 C11.4401762,21.6997617 13.7184865,21.3708814 15.9354875,20.6011465 C15.9946827,20.5807236 16.0581061,20.5708642 16.1194154,20.5553709 C15.9742462,20.7187547 15.8375335,20.8905894 15.6817938,21.0427053 C15.2378298,21.475109 14.7868188,21.899766 14.3379219,22.3279442 C13.9228509,22.6695008 13.5268068,23.0371143 13.0898899,23.3483886 C11.602963,24.4047493 10.0378138,24.5533441 8.43883884,23.6300848 C6.9159445,22.7381815 5.50965461,21.6609175 4.25218819,20.4229737 C4.22893293,19.9919785 4.25218819,19.551124 4.16832833,19.1328052 C4.09785786,18.7806849 3.90265465,18.4553258 3.75396196,18.1222201 C3.52352352,17.6102373 3.24164164,17.1221986 3.07180781,16.5954267 C2.83361762,15.8531573 3.08378779,15.1228599 3.36073674,14.4439721 C3.54607407,13.9883285 3.85403003,13.56508 4.17678478,13.1876071 C4.48192192,12.8312614 4.92659059,12.7143575 5.3924004,12.8742201 C5.68978579,12.9763349 5.97519119,13.1157746 6.26271071,13.246059 C7.20208208,13.6728288 8.13088288,14.1256554 9.08152953,14.5249597 C10.3563403,15.0594783 11.7044404,15.3123006 13.0736817,15.4587826 C13.252531,15.4689903 13.4318174,15.4689903 13.6106667,15.4587826 L13.6754995,15.5608975 C14.1272152,16.186263 14.7980941,16.4573956 15.4985706,16.6714847 C15.8389429,16.7757123 16.1884765,16.8517703 16.5436476,16.9433215 C16.1948188,17.2595255 15.8607888,17.533475 15.5570611,17.8405239 C15.1342382,18.2722233 14.8763163,18.7933612 14.8544705,19.4130929 Z"></path><path fill="#FCE3C2" fill-rule="nonzero" d="M13.6754995,15.5587848 L13.6106667,15.4566699 C13.6846607,15.2911734 13.7206006,15.0911691 13.8375816,14.9672228 C14.5812288,14.1857601 15.5074533,13.6011106 16.5330771,13.2657778 C16.6127087,13.2390166 16.6937497,13.2164809 16.7733814,13.1897198 C16.7895896,13.1840859 16.8015696,13.1671841 16.8290531,13.1439442 C16.1764965,12.7742179 15.4823624,12.4544928 15.2082322,11.6784198 C16.4769636,11.7642015 17.7488601,11.5659519 18.9311872,11.0981256 C21.2623504,10.1657112 21.594971,7.26001503 20.1679439,5.58814815 C19.8374374,5.20152013 19.3977017,5.05010843 18.9079319,5.00855824 C18.2706882,4.81954469 17.5926426,4.81661241 16.9537858,5.00010735 C16.7938725,5.05078922 16.6477591,5.13753211 16.5267347,5.25363392 C16.0954555,5.65505099 16.0278038,6.15506173 16.1814294,6.70084809 C16.2723363,7.02339023 16.402002,7.34241116 16.2378058,7.67974235 C15.8544464,7.52480945 15.6521962,7.21494364 15.5253493,6.84240043 C14.8333293,4.8043285 16.3322362,2.49653247 18.4766527,2.27540097 C19.7112953,2.14793344 20.7711712,2.50780032 21.6675556,3.35007193 C22.4938314,4.12827449 23.0979996,5.11219621 23.418042,6.20083736 C23.3969009,6.57971873 23.3891491,6.95930435 23.3525045,7.336073 C23.1248849,9.65584112 22.0896737,11.5319377 20.225025,12.9340805 C18.5372573,14.2017134 16.5943864,14.8848266 14.5584945,15.3418787 C14.2632232,15.41019 13.9700661,15.4869522 13.6754995,15.5587848 Z"></path><path fill="#D8A87D" fill-rule="nonzero" d="M13.6754995,15.5587848 C13.9700661,15.4883607 14.2632232,15.41019 14.5584945,15.3439914 C16.5943864,14.8869393 18.5372573,14.2052346 20.225025,12.9361932 C22.0896737,11.5340505 23.1248849,9.65795384 23.3525045,7.33818572 C23.3891491,6.96141707 23.3969009,6.58183145 23.418042,6.20295008 C23.8321142,7.2689097 23.9909104,8.41689186 23.8817377,9.55513473 C23.5773053,12.7488653 21.940981,15.1890585 19.4695816,17.1158604 C18.1004052,18.182308 16.5310797,18.9634605 14.8544705,19.4130929 C14.8763163,18.7933612 15.1363524,18.2722233 15.5591752,17.8384112 C15.8600841,17.5313623 16.1934094,17.2574128 16.5457618,16.9412088 C16.1934094,16.8496575 15.8410571,16.7735996 15.5006847,16.669372 C14.7987988,16.4552829 14.1272152,16.1841503 13.6754995,15.5587848 Z"></path><path fill="#D7A77C" fill-rule="nonzero" d="M16.2378058,7.68185507 C16.402002,7.34452389 16.2723363,7.02550295 16.1814294,6.70296082 C16.0278038,6.15717445 16.0954555,5.65716371 16.5267347,5.25574665 C16.6477591,5.13964483 16.7938725,5.05290195 16.9537858,5.00222008 C17.592441,4.8180361 18.2704865,4.82023531 18.9079319,5.00855824 C18.3832079,5.06066144 17.8781495,5.23557834 17.4336897,5.51913258 C16.9234835,5.85435105 16.8170731,6.18886527 17.0475115,6.75296189 C17.1271431,6.94733226 17.2145265,7.13958991 17.2758358,7.33888996 C17.3751992,7.65861514 17.2596276,7.8459431 16.9234835,7.83960494 C16.6965686,7.8353795 16.4675395,7.73749007 16.2378058,7.68185507 Z"></path></g></svg>


--------------------------------------------------------------------------------
/assets/styles/tools.css:
--------------------------------------------------------------------------------
  1 | .tools-container {
  2 |   max-width: 540px;
  3 |   margin-left: auto;
  4 |   margin-right: auto;
  5 | }
  6 | .energy-calculator-container {
  7 |   width: auto;
  8 |   height: auto;
  9 |   margin: auto;
 10 | }
 11 | 
 12 | /* Rounds */
 13 | .round-container {
 14 |   margin-top: 5px;
 15 |   margin: 0 auto;
 16 |   width: auto;
 17 |   display: block;
 18 | }
 19 | 
 20 | .round-info {
 21 |   margin: 0 auto;
 22 |   width: 170px;
 23 |   text-align: center;
 24 |   background: #0000002d;
 25 |   border-radius: 4px;
 26 | }
 27 | 
 28 | .round-info span {
 29 |   margin-top: 15px;
 30 |   text-align: center;
 31 |   font-family: "Roboto", sans-serif;
 32 |   font-size: 34px;
 33 |   font-weight: 900;
 34 | 
 35 |   color: #fff;
 36 |   -webkit-text-stroke-width: 2px;
 37 |   -webkit-text-stroke-color: #5d330b;
 38 | }
 39 | 
 40 | /* Energy */
 41 | .energy-quantity {
 42 |   position: relative;
 43 |   font-family: "Roboto", sans-serif;
 44 |   text-align: center;
 45 |   font-size: 32px;
 46 |   letter-spacing: -2px;
 47 | }
 48 | 
 49 | .energy-quantity img {
 50 |   margin-top: 8px;
 51 |   height: 90px;
 52 |   width: 90px;
 53 |   border: 5px solid #5d330b;
 54 |   border-radius: 60px;
 55 | }
 56 | 
 57 | .energy-quantity span {
 58 |   position: absolute;
 59 |   top: 50%;
 60 |   left: 50%;
 61 |   transform: translate(-50%, -50%);
 62 |   font-size: 36px;
 63 | 
 64 |   color: white;
 65 |   -webkit-text-stroke-width: 2px;
 66 |   -webkit-text-stroke-color: #5d330b;
 67 | }
 68 | 
 69 | /* Gain-Loss */
 70 | .energy-tools {
 71 |   display: flex;
 72 |   justify-content: center;
 73 |   align-items: center;
 74 |   margin-bottom: 4px;
 75 | }
 76 | 
 77 | .energy-tools button {
 78 |   cursor: pointer;
 79 |   height: 45px;
 80 |   width: 180px;
 81 |   border-radius: 4px 4px 4px 4px;
 82 |   margin: 8px 8px 0;
 83 | 
 84 |   font-family: "Inter", sans-serif;
 85 |   font-size: 18px;
 86 |   font-weight: bold;
 87 |   text-align: center;
 88 |   text-shadow: 1px 1px 2px #5d330b;
 89 | 
 90 |   background-color: #e78516;
 91 |   border: 4px solid #5d330b;
 92 |   color: #fff;
 93 |   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
 94 | }
 95 | 
 96 | .energy-tools button:hover {
 97 |   background-color: #d9730a;
 98 |   color: #fff;
 99 | }
100 | 
101 | .energy-tools button:active {
102 |   box-shadow: 0 2px rgba(0, 0, 0, 0.15);
103 |   transform: translateY(2px);
104 | }
105 | 
106 | .energy-tools i {
107 |   font-size: 14px;
108 |   align-items: center;
109 | }
110 | 
111 | #nextRound {
112 |   background-color: #fdb100;
113 |   text-shadow: 1px 1px 2px #5d330b;
114 | }
115 | 
116 | #nextRound:hover {
117 |   background-color: #c48406;
118 | }
119 | 
120 | #newArena {
121 |   background-color: #f13232;
122 |   text-shadow: 1px 1px 2px #5d330b;
123 | }
124 | 
125 | #newArena:hover {
126 |   background-color: #f14747;
127 |   color: #fff;
128 | }
129 | 
130 | /* Cards */
131 | .cnc-container {
132 |   width: 280px;
133 |   display: block;
134 |   margin: 0 auto;
135 |   margin-top: 1rem;
136 |   padding: 0px;
137 |   border-radius: 5px;
138 |   box-sizing: border-box;
139 |   border: 4px solid #5d330b;
140 |   background-color: #8f5656;
141 | }
142 | 
143 | .cnc-container-grid {
144 |   display: grid;
145 |   grid-template-columns: 1fr 1fr 1fr;
146 | }
147 | 
148 | .cnc-grid-item {
149 |   padding: 0.5rem;
150 | }
151 | 
152 | .enemy-cards {
153 |   width: 60px;
154 |   height: 75px;
155 |   margin-left: 30px;
156 | }
157 | 
158 | .current-cards {
159 |   position: absolute;
160 |   font-size: 36px;
161 |   font-family: "Roboto", sans-serif;
162 |   text-align: center;
163 |   font-weight: 600;
164 |   margin-top: 15px;
165 |   margin-left: 17px;
166 |   background: #0000002d;
167 |   width: 45px;
168 |   border-radius: 4px;
169 | 
170 |   color: white;
171 |   -webkit-text-stroke-width: 2px;
172 |   -webkit-text-stroke-color: #5d330b;
173 | }
174 | 
175 | .cards-buttons button {
176 |   cursor: pointer;
177 |   height: 45px;
178 |   width: 140px;
179 |   border-radius: 4px 4px 4px 4px;
180 |   margin-left: 20px;
181 | 
182 |   font-family: "Inter", sans-serif;
183 |   font-size: 18px;
184 |   font-weight: bold;
185 |   text-align: center;
186 |   text-shadow: 1px 1px 2px #5d330b;
187 | 
188 |   border: 3px solid #5d330b;
189 | }
190 | 
191 | .minus-card button {
192 |   background-color: #f13232;
193 |   text-shadow: 1px 1px 2px #5d330b;
194 |   color: #ffffff;
195 | }
196 | 
197 | .minus-card button:hover {
198 |   background-color: #f14747;
199 |   color: #fff;
200 | }
201 | 
202 | .minus-card span {
203 |   cursor: pointer;
204 |   position: absolute;
205 |   margin-left: 12px;
206 |   font-size: 36px;
207 |   font-family: "Roboto", sans-serif;
208 |   text-align: center;
209 |   font-weight: 600;
210 |   background: #0000002d;
211 |   width: 45px;
212 |   border-radius: 4px;
213 | 
214 |   color: white;
215 |   -webkit-text-stroke-width: 2px;
216 |   -webkit-text-stroke-color: #5d330b;
217 | }
218 | 
219 | .plus-card button {
220 |   background-color: #58c02d;
221 |   color: #ffffff;
222 | }
223 | 
224 | .plus-card button:hover {
225 |   background-color: #52a130;
226 |   color: #ffffff;
227 | }
228 | 
229 | .plus-card span {
230 |   cursor: pointer;
231 |   position: absolute;
232 |   margin-left: 12px;
233 |   font-size: 36px;
234 |   font-family: "Roboto", sans-serif;
235 |   text-align: center;
236 |   font-weight: 600;
237 |   background: #0000002d;
238 |   width: 45px;
239 |   border-radius: 4px;
240 | 
241 |   color: white;
242 |   -webkit-text-stroke-width: 2px;
243 |   -webkit-text-stroke-color: #5d330b;
244 | }
245 | 
246 | /* Calculator */
247 | .calc-icon {
248 |   width: 45px;
249 | }
250 | 
251 | #modalBtn {
252 |   cursor: pointer;
253 |   margin: 0 auto;
254 |   margin-top: 50px;
255 |   margin-left: 5px;
256 |   background: none;
257 |   width: 65px;
258 |   height: 75px;
259 |   background: #5d330b;
260 |   border-radius: 4px;
261 | }
262 | 
263 | .modal {
264 |   display: none; /* Hidden by default */
265 |   position: fixed; /* Stay in place */
266 |   z-index: 1; /* Sit on top */
267 |   left: 0;
268 |   top: 0;
269 |   width: 100%; /* Full width */
270 |   height: 100%; /* Full height */
271 |   overflow: auto; /* Enable scroll if needed */
272 |   background-color: rgb(0, 0, 0); /* Fallback color */
273 |   background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
274 | }
275 | 
276 | /* Modal Content/Box */
277 | .modal-content {
278 |   background-color: #131313;
279 |   margin: 15% auto; /* 15% from the top and centered */
280 |   padding: 20px;
281 |   border: 1px solid #131313;
282 |   border-radius: 4px;
283 |   width: 340px; /* Could be more or less, depending on screen size */
284 | }
285 | 
286 | /* The Close Button */
287 | .close {
288 |   color: #ff8800;
289 |   float: right;
290 |   font-size: 28px;
291 |   font-weight: bold;
292 | }
293 | 
294 | .close:hover,
295 | .close:focus {
296 |   color: #fd9013;
297 |   text-decoration: none;
298 |   cursor: pointer;
299 | }
300 | 
301 | #Display-area {
302 |   width: 100%;
303 |   margin: 3vh 0;
304 |   display: grid;
305 |   grid-template-columns: 100%;
306 |   grid-template-rows: repeat(2, minmax(40px, auto));
307 |   word-wrap: break-word;
308 |   padding-bottom: 20px;
309 |   border-bottom: 1px rgba(128, 128, 128, 0.116) solid;
310 | }
311 | 
312 | #Display-area .currentInput {
313 |   /* display: flex; */
314 |   text-align: right;
315 |   height: 8vh;
316 |   color: white;
317 |   font-size: xx-large;
318 |   line-height: 2;
319 |   word-wrap: break-word;
320 | }
321 | 
322 | #Display-area .answerScreen {
323 |   text-align: right;
324 |   color: rgba(150, 150, 150, 0.87);
325 |   height: 7px;
326 |   line-height: 3;
327 |   font-size: larger;
328 | }
329 | 
330 | .keypad-btns {
331 |   display: grid;
332 |   grid: repeat(5, 70px) / repeat(4, 70px);
333 |   grid-row-gap: 20px;
334 |   grid-column-gap: 20px;
335 | }
336 | 
337 | .keypad-btns button {
338 |   outline: none;
339 |   border: none;
340 |   border-radius: 10px;
341 |   background-color: #131313;
342 |   color: white;
343 |   font-size: x-large;
344 | }
345 | 
346 | .keypad-btns .fun_btn {
347 |   color: #ff8800;
348 | }
349 | 
350 | .num_btn:hover,
351 | .fun_btn:hover {
352 |   background-color: rgba(29, 29, 29, 0.979);
353 | }
354 | 
355 | /* Parts */
356 | .parts-container {
357 |   display: block;
358 |   margin-top: 1rem;
359 |   padding: 0px;
360 |   border-radius: 5px;
361 |   box-sizing: border-box;
362 |   border: 4px solid #5d330b;
363 | }
364 | 
365 | .parts-container-grid {
366 |   display: grid;
367 |   grid-template-columns: 1fr 1fr 1fr;
368 | }
369 | 
370 | .parts-grid-item {
371 |   padding: 0.5rem;
372 | }
373 | 
374 | .axie-type-select-container {
375 |   display: flex;
376 |   gap: 0.5rem;
377 |   justify-content: center;
378 |   margin-bottom: 0.2rem;
379 | }
380 | 
381 | .axie-type {
382 |   cursor: pointer;
383 |   width: 100%;
384 |   max-width: 75px;
385 |   border: 2px solid #5d330b;
386 |   background: transparent;
387 |   color: #443933;
388 |   font-weight: bold;
389 |   border-radius: 5px;
390 |   padding: 3px 0px;
391 |   margin-bottom: 0.5rem;
392 |   font-weight: bold;
393 | }
394 | 
395 | .axie1 {
396 |   background-color: #58c02d;
397 |   transition: 0.5;
398 | }
399 | 
400 | .axie2 {
401 |   background-color: #ffb838;
402 |   transition: 0.5;
403 | }
404 | 
405 | .axie3 {
406 |   background-color: #ff8cbc;
407 |   transition: 0.5;
408 | }
409 | 
410 | .mouth {
411 |   display: flex;
412 |   gap: 0.5rem;
413 |   justify-content: center;
414 |   margin-bottom: 0.2rem;
415 | }
416 | 
417 | .horn {
418 |   display: flex;
419 |   gap: 0.5rem;
420 |   justify-content: center;
421 |   margin-bottom: 0.2rem;
422 | }
423 | 
424 | .back {
425 |   display: flex;
426 |   gap: 0.5rem;
427 |   justify-content: center;
428 |   margin-bottom: 0.2rem;
429 | }
430 | 
431 | .tail {
432 |   display: flex;
433 |   gap: 0.5rem;
434 |   justify-content: center;
435 |   margin-bottom: 0.2rem;
436 | }
437 | 
438 | .part-button button {
439 |   cursor: pointer;
440 |   width: 40px;
441 |   height: 40px;
442 |   display: flex;
443 |   justify-content: center;
444 |   align-items: center;
445 |   background: #008ec6;
446 |   padding: 2px;
447 |   border-radius: 5px;
448 |   box-sizing: border-box;
449 |   border: 2px solid #5d330b;
450 | }
451 | 
452 | .part-button button:active {
453 |   box-shadow: 0 2px rgba(0, 0, 0, 0.15);
454 |   transform: translateY(1px);
455 | }
456 | 
457 | .part-button img {
458 |   height: 38px;
459 |   width: 38px;
460 | }
461 | 
462 | .part-label {
463 |   margin: 0;
464 |   padding: 0;
465 |   border: 0;
466 |   font: inherit;
467 | 
468 |   color: #ffffff;
469 | }
470 | 
471 | .part-label label {
472 |   cursor: pointer;
473 |   background: #db4647;
474 |   border: 3px solid #8c3a21;
475 |   display: flex;
476 |   width: 100%;
477 |   align-items: center;
478 |   justify-content: center;
479 |   height: 40px;
480 |   line-height: 40px;
481 |   width: 40px;
482 |   box-sizing: border-box;
483 |   border-radius: 5px;
484 |   box-shadow: 0px 0px 1px #3e2c2c;
485 | }
486 | 
487 | .axie-actions {
488 |   display: flex;
489 |   gap: 0.5rem;
490 |   justify-content: center;
491 |   margin-bottom: 0.2rem;
492 | }
493 | 
494 | .disabled button {
495 |   cursor: pointer;
496 |   width: 40px;
497 |   height: 40px;
498 |   display: flex;
499 |   justify-content: center;
500 |   align-items: center;
501 |   background: #a19b9b;
502 |   padding: 2px;
503 |   border-radius: 5px;
504 |   box-sizing: border-box;
505 |   border: 2px solid #726868;
506 | }
507 | 
508 | .disabled label {
509 |   cursor: pointer;
510 |   background: #8d8383ad;
511 |   border: 3px solid #756968;
512 |   color: #727070;
513 |   display: flex;
514 |   width: 100%;
515 |   align-items: center;
516 |   justify-content: center;
517 |   height: 40px;
518 |   line-height: 40px;
519 |   width: 40px;
520 |   box-sizing: border-box;
521 |   border-radius: 5px;
522 |   box-shadow: 0px 0px 1px #3e2c2c;
523 | }
524 | 
525 | .dead-axie {
526 |   width: 40px;
527 |   height: 40px;
528 |   display: flex;
529 |   justify-content: center;
530 |   align-items: center;
531 |   font-size: 20px;
532 |   padding: 2px;
533 |   border-radius: 5px;
534 |   box-sizing: border-box;
535 |   border: 2px solid #5d330b;
536 | 
537 |   color: #fff;
538 |   background: #a517a0;
539 |   border: 2px solid #5d330b;
540 | }
541 | 
542 | .dead-axie:active {
543 |   box-shadow: 0 2px rgba(0, 0, 0, 0.15);
544 |   transform: translateY(1px);
545 | }
546 | 
547 | .reset-parts {
548 |   width: 40px;
549 |   height: 40px;
550 |   display: flex;
551 |   justify-content: center;
552 |   align-items: center;
553 |   font-size: 20px;
554 |   padding: 2px;
555 |   border-radius: 5px;
556 |   box-sizing: border-box;
557 |   border: 2px solid #5d330b;
558 | 
559 |   color: #fff;
560 |   background: #ffac00;
561 |   border: 2px solid #5d330b;
562 | }
563 | 
564 | .reset-parts:active {
565 |   box-shadow: 0 2px rgba(0, 0, 0, 0.15);
566 |   transform: translateY(1px);
567 | }
568 | 
569 | /* responsive */
570 | @media screen and (max-width: 600px) {
571 |   .round-info {
572 |     width: 140px;
573 |   }
574 | 
575 |   .round-info span {
576 |     font-size: 26px;
577 |   }
578 | 
579 |   .energy-quantity {
580 |     position: relative;
581 |     text-align: center;
582 |     letter-spacing: -3px;
583 |   }
584 | 
585 |   .energy-quantity span {
586 |     font-size: 32px;
587 |   }
588 | 
589 |   .energy-quantity img {
590 |     height: 45px;
591 |     width: 45px;
592 |   }
593 |   .energy-tools button {
594 |     width: 140px;
595 |     height: 40px;
596 |     margin: 1px 1px 0;
597 |     font-size: 14px;
598 |   }
599 | 
600 |   .cnc-container {
601 |     margin-top: 5px;
602 |   }
603 | 
604 |   .current-cards {
605 |     font-size: 30px;
606 |     margin-left: 5px;
607 |   }
608 | 
609 |   .cards-buttons button {
610 |     width: 120px;
611 |     height: 35px;
612 |     font-size: 14px;
613 |     margin-bottom: 4px;
614 |   }
615 | 
616 |   #modalBtn {
617 |     margin-top: 45px;
618 |     margin-left: 20px;
619 |   }
620 | 
621 |   .parts-container {
622 |     display: block;
623 |     margin-top: 4px;
624 |     padding: 0px;
625 |     border-radius: 5px;
626 |     box-sizing: border-box;
627 |     border: 4px solid #5d330b;
628 |   }
629 | }
630 | 


--------------------------------------------------------------------------------
/assets/pages/EN/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="es">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <meta name="author" content="github.com/jmarcosg">
  9 |     <meta name="description" content="Varias herramientas para Axie Infinity">
 10 | 
 11 |     <title>Axie Tools</title>
 12 | 
 13 |     <!--icons-->
 14 |     <link rel="icon" type="image/png" href="../../img/kotaro.png">
 15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
 16 | 
 17 | 
 18 |     <!--stylesheet-->
 19 |     <link rel="stylesheet" href="../../styles/styles.css">
 20 |     <link rel="stylesheet" href="../../styles/tools.css">
 21 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
 22 | 
 23 | </head>
 24 | 
 25 | <body>
 26 |     <div class="nav-bar">
 27 |         <div class="topnav" id="myTopnav">
 28 |             <a href="#" class="active">Home</a>
 29 |             <a href="../../pages/ES/about.html">How it works</a>
 30 |             <a href="../../pages/ES/contact.html">Contact</a>
 31 |             <a href="../OLD/index.html">V1.0</a>
 32 |             <div class="dropdown">
 33 |                 <button class="dropbtn">Options
 34 |                     <i class="fa fa-caret-down"></i>
 35 |                 </button>
 36 |                 <div class="dropdown-content">
 37 |                     <a href="../../../index.html">Cambiar a Español</a>
 38 |                 </div>
 39 |             </div>
 40 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
 41 |             <script src="assets/js/menu.js"></script>
 42 |         </div>
 43 |     </div>
 44 | 
 45 |     <div class="main-container">
 46 |         <div class="tools-container">
 47 |             <div class="energy-calculator-container">
 48 |                 <div class="round-container">
 49 |                     <div class="round-info">
 50 |                         <span>Round&nbsp;</span>
 51 |                         <span id="roundNumber" class="">1</span>
 52 |                     </div>
 53 | 
 54 |                     <div class="energy-quantity">
 55 |                         <img class="axie-match-energy" src="../../img/matchEnergyIcon.svg" alt="Ícono con la cantidad de energía del oponente">
 56 | 
 57 |                         <span>
 58 |                             <b id="actualEnergy" class="actual-energy">3</b>
 59 |                             <b class="energy-divider">/</b>
 60 |                             <b id="maxEnergy" class="max-energy">10</b>
 61 |                         </span>
 62 |                     </div>
 63 |                 </div>
 64 | 
 65 |                 <div class="ene-gain-loss-container">
 66 |                     <div class="energy-tools">
 67 |                         <button onclick="subtract()"><i class="fas fa-minus"></i>&nbsp;1 Energy</button>
 68 |                         <button onclick="add()"><i class="fas fa-plus"></i>&nbsp;1 Energy</button>
 69 |                     </div>
 70 | 
 71 |                     <div class="energy-tools">
 72 |                         <button id="nextRound" onclick="nextRound()">Next Round</button>
 73 |                         <button id="newArena" onclick="reset()">Next Arena</button>
 74 |                     </div>
 75 |                 </div>
 76 |             </div>
 77 | 
 78 |             <div class="cnc-container">
 79 |                 <div class="cnc-container-grid">
 80 |                     <div class="cnc-grid-item">
 81 |                         <img class="enemy-cards" src="../../img/cards.png" alt="Enemy cards"><span id="currentCards" class="current-cards">6</span>
 82 | 
 83 |                         <div class="cards-buttons">
 84 |                             <div class="minus-card">
 85 |                                 <button onclick="minusCard()">- 1 Card</button>
 86 |                             </div>
 87 | 
 88 |                             <div class="plus-card">
 89 |                                 <button onclick="addCard()">+ 1 Card</button>
 90 |                             </div>
 91 |                         </div>
 92 |                     </div>
 93 | 
 94 |                     <div class="cnc-grid-item">
 95 |                         <img id="modalBtn" class="calc-icon" src="../../img/calculatorIcon.svg" alt="Drawn calculator">
 96 |                     </div>
 97 |                 </div>
 98 |             </div>
 99 | 
100 |             <div id="calculatorModal" class="modal">
101 |                 <!-- Modal content -->
102 |                 <div class="modal-content">
103 |                     <span class="close">&times;</span>
104 |                     <section id="Display-area">
105 |                         <div class="currentInput"></div>
106 |                         <div class="answerScreen">0</div>
107 |                     </section>
108 |                     <section class="keypad-btns">
109 |                         <button type="button" class="fun_btn" id="clear" value="">
110 |                             C
111 |                         </button>
112 |                         <button type="button" class="fun_btn" id="erase" value="">
113 |                             &#11013;
114 |                         </button>
115 |                         <button type="button" class="fun_btn" value="/">/</button>
116 |                         <button type="button" class="fun_btn" value="%">%</button>
117 |                         <button type="button" class="num_btn" value="7">7</button>
118 |                         <button type="button" class="num_btn" value="8">8</button>
119 |                         <button type="button" class="num_btn" value="9">9</button>
120 |                         <button type="button" class="fun_btn" value="*">x</button>
121 |                         <button type="button" class="num_btn" value="4">4</button>
122 |                         <button type="button" class="num_btn" value="5">5</button>
123 |                         <button type="button" class="num_btn" value="6">6</button>
124 |                         <button type="button" class="fun_btn" value="-">-</button>
125 |                         <button type="button" class="num_btn" value="1">1</button>
126 |                         <button type="button" class="num_btn" value="2">2</button>
127 |                         <button type="button" class="num_btn" value="3">3</button>
128 |                         <button type="button" class="fun_btn" value="+">+</button>
129 |                         <button type="button" class="num_btn" value="00">00</button>
130 |                         <button type="button" class="num_btn" value="0">0</button>
131 |                         <button type="button" class="num_btn" value=".">.</button>
132 |                         <button type="button" class="fun_btn" id="evaluate" value="">=</button>
133 |                     </section>
134 |                 </div>
135 |             </div>
136 | 
137 |             <div class="parts-container">
138 |                 <div class="parts-container-grid">
139 |                     <div id="axie1Grid" class="parts-grid-item axie1">
140 |                         <div class="axie-type-select-container">
141 |                             <select id="axie1Select" class="axie-type" onchange="changeAxieGridColor()">
142 |                                 <option value="plant" selected>Plant</option>
143 |                                 <option value="aqua">Aqua</option>
144 |                                 <option value="beast">Beast</option>
145 |                                 <option value="bird">Bird</option>
146 |                                 <option value="bug">Bug</option>
147 |                                 <option value="dawn">Dawn</option>
148 |                                 <option value="dusk">Dusk</option>
149 |                                 <option value="mech">Mech</option>
150 |                                 <option value="reptile">Reptile</option>
151 |                             </select>
152 |                         </div>
153 |                         <div class="mouth">
154 |                             <div id="a1mButton" class="part-button" role="button" aria-pressed="false">
155 |                                 <button class="" onclick="usePartA1M()"><img id="a1m" src="../../img/parts/plant/mouth.svg"></button>
156 |                             </div>
157 |                             <div id="a1mLabel" class="part-label" role="button" aria-pressed="false">
158 |                                 <label id="a1mCounter" class="" onclick="substractPartA1M()">0</label>
159 |                             </div>
160 |                         </div>
161 |                         <div class="horn">
162 |                             <div id="a1hButton" class="part-button">
163 |                                 <button class="" onclick="usePartA1H()"><img id="a1h" src="../../img/parts/plant/horn.svg"></button>
164 |                             </div>
165 |                             <div id="a1hLabel" class="part-label" role="button" aria-pressed="false">
166 |                                 <label id="a1hCounter" onclick="substractPartA1H()">0</label>
167 |                             </div>
168 |                         </div>
169 |                         <div class="back">
170 |                             <div id="a1bButton" class="part-button">
171 |                                 <button class="" onclick="usePartA1B()"><img id="a1b" src="../../img/parts/plant/back.svg"></button>
172 |                             </div>
173 |                             <div id="a1bLabel" class="part-label" role="button" aria-pressed="false">
174 |                                 <label id="a1bCounter" onclick="substractPartA1B()">0</label>
175 |                             </div>
176 |                         </div>
177 |                         <div class="tail">
178 |                             <div id="a1tButton" class="part-button">
179 |                                 <button class="" onclick="usePartA1T()"><img id="a1t" src="../../img/parts/plant/tail.svg"></button>
180 |                             </div>
181 |                             <div id="a1tLabel" class="part-label" role="button" aria-pressed="false">
182 |                                 <label id="a1tCounter" onclick="substractPartA1T()">0</label>
183 |                             </div>
184 |                         </div>
185 |                         <div class="axie-actions">
186 |                             <div id="a1DeadButton">
187 |                                 <button class="dead-axie" onclick="killAxie1()"><i class="fas fa-skull"></i></button>
188 |                             </div>
189 |                             <div>
190 |                                 <button class="reset-parts" onclick="resetA1Parts()"><i class="fas fa-sync"></i></button>
191 |                             </div>
192 |                         </div>
193 |                     </div>
194 | 
195 |                     <div id="axie2Grid" class="parts-grid-item axie2">
196 |                         <div class="axie-type-select-container">
197 |                             <select id="axie2Select" class="axie-type" onchange="changeAxieGridColor()">
198 |                                 <option value="plant">Plant</option>
199 |                                 <option value="aqua">Aqua</option>
200 |                                 <option value="beast" selected>Beast</option>
201 |                                 <option value="bird">Bird</option>
202 |                                 <option value="bug">Bug</option>
203 |                                 <option value="dawn">Dawn</option>
204 |                                 <option value="dusk">Dusk</option>
205 |                                 <option value="mech">Mech</option>
206 |                                 <option value="reptile">Reptile</option>
207 |                             </select>
208 |                         </div>
209 |                         <div class="mouth">
210 |                             <div id="a2mButton" class="part-button">
211 |                                 <button class="" onclick="usePartA2M()"><img id="a2m" src="../../img/parts/beast/mouth.svg"></button>
212 |                             </div>
213 |                             <div id="a2mLabel" class="part-label" role="button" aria-pressed="false">
214 |                                 <label id="a2mCounter" onclick="substractPartA2M()">0</label>
215 |                             </div>
216 |                         </div>
217 |                         <div class="horn">
218 |                             <div id="a2hButton" class="part-button">
219 |                                 <button class="" onclick="usePartA2H()"><img id="a2h" src="../../img/parts/beast/horn.svg"></button>
220 |                             </div>
221 |                             <div id="a2hLabel" class="part-label" role="button" aria-pressed="false">
222 |                                 <label id="a2hCounter" onclick="substractPartA2H()">0</label>
223 |                             </div>
224 |                         </div>
225 |                         <div class="back">
226 |                             <div id="a2bButton" class="part-button">
227 |                                 <button class="" onclick="usePartA2B()"><img id="a2b" src="../../img/parts/beast/back.svg"></button>
228 |                             </div>
229 |                             <div id="a2bLabel" class="part-label" role="button" aria-pressed="false">
230 |                                 <label id="a2bCounter" onclick="substractPartA2B()">0</label>
231 |                             </div>
232 |                         </div>
233 |                         <div class="tail">
234 |                             <div id="a2tButton" class="part-button">
235 |                                 <button class="" onclick="usePartA2T()"><img id="a2t" src="../../img/parts/beast/tail.svg"></button>
236 |                             </div>
237 |                             <div id="a2tLabel" class="part-label" role="button" aria-pressed="false">
238 |                                 <label id="a2tCounter" onclick="substractPartA2T()">0</label>
239 |                             </div>
240 |                         </div>
241 |                         <div class="axie-actions">
242 |                             <div id="a2DeadButton">
243 |                                 <button class="dead-axie" onclick="killAxie2()"><i class="fas fa-skull"></i></button>
244 |                             </div>
245 |                             <div>
246 |                                 <button class="reset-parts" onclick="resetA2Parts()"><i class="fas fa-sync"></i></button>
247 |                             </div>
248 |                         </div>
249 |                     </div>
250 | 
251 |                     <div id="axie3Grid" class="parts-grid-item axie3">
252 |                         <div class="axie-type-select-container">
253 |                             <select id="axie3Select" class="axie-type" onchange="changeAxieGridColor()">
254 |                                 <option value="plant">Plant</option>
255 |                                 <option value="aqua">Aqua</option>
256 |                                 <option value="beast">Beast</option>
257 |                                 <option value="bird" selected>Bird</option>
258 |                                 <option value="bug">Bug</option>
259 |                                 <option value="dawn">Dawn</option>
260 |                                 <option value="dusk">Dusk</option>
261 |                                 <option value="mech">Mech</option>
262 |                                 <option value="reptile">Reptile</option>
263 |                             </select>
264 |                         </div>
265 |                         <div class="mouth">
266 |                             <div id="a3mButton" class="part-button">
267 |                                 <button onclick="usePartA3M()"><img id="a3m" src="../../img/parts/bird/mouth.svg"></button>
268 |                             </div>
269 |                             <div id="a3mLabel" class="part-label" role="button" aria-pressed="false">
270 |                                 <label id="a3mCounter" onclick="substractPartA3M()">0</label>
271 |                             </div>
272 |                         </div>
273 |                         <div class="horn">
274 |                             <div id="a3hButton" class="part-button">
275 |                                 <button onclick="usePartA3H()"><img id="a3h" src="../../img/parts/bird/horn.svg"></button>
276 |                             </div>
277 |                             <div id="a3hLabel" class="part-label" role="button" aria-pressed="false">
278 |                                 <label id="a3hCounter" onclick="substractPartA3H()">0</label>
279 |                             </div>
280 |                         </div>
281 |                         <div class="back">
282 |                             <div id="a3bButton" class="part-button">
283 |                                 <button onclick="usePartA3B()"><img id="a3b" src="../../img/parts/bird/back.svg"></button>
284 |                             </div>
285 |                             <div id="a3bLabel" class="part-label" role="button" aria-pressed="false">
286 |                                 <label id="a3bCounter" onclick="substractPartA3B()">0</label>
287 |                             </div>
288 |                         </div>
289 |                         <div class="tail">
290 |                             <div id="a3tButton" class="part-button">
291 |                                 <button onclick="usePartA3T()"><img id="a3t" src="../../img/parts/bird/tail.svg"></button>
292 |                             </div>
293 |                             <div id="a3tLabel" class="part-label" role="button" aria-pressed="false">
294 |                                 <label id="a3tCounter" onclick="substractPartA3T()">0</label>
295 |                             </div>
296 |                         </div>
297 |                         <div class="axie-actions">
298 |                             <div id="a3DeadButton">
299 |                                 <button class="dead-axie" onclick="killAxie3()"><i class="fas fa-skull"></i></button>
300 |                             </div>
301 |                             <div>
302 |                                 <button onclick="resetA3Parts()" class="reset-parts"><i class="fas fa-sync"></i></button>
303 |                             </div>
304 |                         </div>
305 |                     </div>
306 |                 </div>
307 |             </div>
308 |         </div>
309 | 
310 | 
311 |         <footer>
312 |             <script src="../../js/toolsEN.js"></script>
313 |             <p>
314 |                 <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
315 |             </p>
316 |         </footer>
317 | </body>
318 | 
319 | </html>


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="es">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <meta name="author" content="github.com/jmarcosg">
  9 |     <meta name="description" content="Varias herramientas para Axie Infinity">
 10 | 
 11 |     <title>Axie Tools</title>
 12 | 
 13 |     <!--icons-->
 14 |     <link rel="icon" type="image/png" href="assets/img/kotaro.png">
 15 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
 16 | 
 17 | 
 18 |     <!--stylesheet-->
 19 |     <link rel="stylesheet" href="assets/styles/styles.css">
 20 |     <link rel="stylesheet" href="assets/styles/tools.css">
 21 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
 22 | 
 23 | </head>
 24 | 
 25 | <body>
 26 |     <div class="nav-bar">
 27 |         <div class="topnav" id="myTopnav">
 28 |             <a href="#" class="active">Inicio</a>
 29 |             <a href="assets/pages/ES/about.html">Cómo funciona</a>
 30 |             <a href="assets/pages/ES/contact.html">Contacto</a>
 31 |             <a href="assets/pages/OLD/index.html">V1.0</a>
 32 |             <div class="dropdown">
 33 |                 <button class="dropbtn">Opciones
 34 |                     <i class="fa fa-caret-down"></i>
 35 |                 </button>
 36 |                 <div class="dropdown-content">
 37 |                     <a href="assets/pages/EN/index.html">Change to English</a>
 38 |                 </div>
 39 |             </div>
 40 |             <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
 41 |             <script src="assets/js/menu.js"></script>
 42 |         </div>
 43 |     </div>
 44 | 
 45 |     <div class="main-container">
 46 |         <div class="tools-container">
 47 |             <div class="energy-calculator-container">
 48 |                 <div class="round-container">
 49 |                     <div class="round-info">
 50 |                         <span>Ronda&nbsp;</span>
 51 |                         <span id="roundNumber" class="">1</span>
 52 |                     </div>
 53 | 
 54 |                     <div class="energy-quantity">
 55 |                         <img class="axie-match-energy" src="assets/img/matchEnergyIcon.svg" alt="Ícono con la cantidad de energía del oponente">
 56 | 
 57 |                         <span>
 58 |                             <b id="actualEnergy" class="actual-energy">3</b>
 59 |                             <b class="energy-divider">/</b>
 60 |                             <b id="maxEnergy" class="max-energy">10</b>
 61 |                         </span>
 62 |                     </div>
 63 |                 </div>
 64 | 
 65 |                 <div class="ene-gain-loss-container">
 66 |                     <div class="energy-tools">
 67 |                         <button onclick="subtract()"><i class="fas fa-minus"></i>&nbsp;1 Energía</button>
 68 |                         <button onclick="add()"><i class="fas fa-plus"></i>&nbsp;1 Energía</button>
 69 |                     </div>
 70 | 
 71 |                     <div class="energy-tools">
 72 |                         <button id="nextRound" onclick="nextRound()">Siguiente Ronda</button>
 73 |                         <button id="newArena" onclick="reset()">Nueva Partida</button>
 74 |                     </div>
 75 |                 </div>
 76 |             </div>
 77 | 
 78 |             <div class="cnc-container">
 79 |                 <div class="cnc-container-grid">
 80 |                     <div class="cnc-grid-item">
 81 |                         <img class="enemy-cards" src="assets/img/cards.png" alt="Enemy cards"><span id="currentCards" class="current-cards">6</span>
 82 | 
 83 |                         <div class="cards-buttons">
 84 |                             <div class="minus-card">
 85 |                                 <button onclick="minusCard()">- 1 Carta</button>
 86 |                             </div>
 87 | 
 88 |                             <div class="plus-card">
 89 |                                 <button onclick="addCard()">+ 1 Carta</button>
 90 |                             </div>
 91 |                         </div>
 92 |                     </div>
 93 | 
 94 |                     <div class="cnc-grid-item">
 95 |                         <img id="modalBtn" class="calc-icon" src="assets/img/calculatorIcon.svg" alt="Drawn calculator">
 96 |                     </div>
 97 |                 </div>
 98 |             </div>
 99 | 
100 |             <div id="calculatorModal" class="modal">
101 |                 <!-- Modal content -->
102 |                 <div class="modal-content">
103 |                     <span class="close">&times;</span>
104 |                     <section id="Display-area">
105 |                         <div class="currentInput"></div>
106 |                         <div class="answerScreen">0</div>
107 |                     </section>
108 |                     <section class="keypad-btns">
109 |                         <button type="button" class="fun_btn" id="clear" value="">
110 |                             C
111 |                         </button>
112 |                         <button type="button" class="fun_btn" id="erase" value="">
113 |                             &#11013;
114 |                         </button>
115 |                         <button type="button" class="fun_btn" value="/">/</button>
116 |                         <button type="button" class="fun_btn" value="%">%</button>
117 |                         <button type="button" class="num_btn" value="7">7</button>
118 |                         <button type="button" class="num_btn" value="8">8</button>
119 |                         <button type="button" class="num_btn" value="9">9</button>
120 |                         <button type="button" class="fun_btn" value="*">x</button>
121 |                         <button type="button" class="num_btn" value="4">4</button>
122 |                         <button type="button" class="num_btn" value="5">5</button>
123 |                         <button type="button" class="num_btn" value="6">6</button>
124 |                         <button type="button" class="fun_btn" value="-">-</button>
125 |                         <button type="button" class="num_btn" value="1">1</button>
126 |                         <button type="button" class="num_btn" value="2">2</button>
127 |                         <button type="button" class="num_btn" value="3">3</button>
128 |                         <button type="button" class="fun_btn" value="+">+</button>
129 |                         <button type="button" class="num_btn" value="00">00</button>
130 |                         <button type="button" class="num_btn" value="0">0</button>
131 |                         <button type="button" class="num_btn" value=".">.</button>
132 |                         <button type="button" class="fun_btn" id="evaluate" value="">=</button>
133 |                     </section>
134 |                 </div>
135 |             </div>
136 | 
137 |             <div class="parts-container">
138 |                 <div class="parts-container-grid">
139 |                     <div id="axie1Grid" class="parts-grid-item axie1">
140 |                         <div class="axie-type-select-container">
141 |                             <select id="axie1Select" class="axie-type" onchange="changeAxieGridColor()">
142 |                                 <option value="plant" selected>Plant</option>
143 |                                 <option value="aqua">Aqua</option>
144 |                                 <option value="beast">Beast</option>
145 |                                 <option value="bird">Bird</option>
146 |                                 <option value="bug">Bug</option>
147 |                                 <option value="dawn">Dawn</option>
148 |                                 <option value="dusk">Dusk</option>
149 |                                 <option value="mech">Mech</option>
150 |                                 <option value="reptile">Reptile</option>
151 |                             </select>
152 |                         </div>
153 |                         <div class="mouth">
154 |                             <div id="a1mButton" class="part-button" role="button" aria-pressed="false">
155 |                                 <button class="" onclick="usePartA1M()"><img id="a1m" src="assets/img/parts/plant/mouth.svg"></button>
156 |                             </div>
157 |                             <div id="a1mLabel" class="part-label" role="button" aria-pressed="false">
158 |                                 <label id="a1mCounter" class="" onclick="substractPartA1M()">0</label>
159 |                             </div>
160 |                         </div>
161 |                         <div class="horn">
162 |                             <div id="a1hButton" class="part-button">
163 |                                 <button class="" onclick="usePartA1H()"><img id="a1h" src="assets/img/parts/plant/horn.svg"></button>
164 |                             </div>
165 |                             <div id="a1hLabel" class="part-label" role="button" aria-pressed="false">
166 |                                 <label id="a1hCounter" onclick="substractPartA1H()">0</label>
167 |                             </div>
168 |                         </div>
169 |                         <div class="back">
170 |                             <div id="a1bButton" class="part-button">
171 |                                 <button class="" onclick="usePartA1B()"><img id="a1b" src="assets/img/parts/plant/back.svg"></button>
172 |                             </div>
173 |                             <div id="a1bLabel" class="part-label" role="button" aria-pressed="false">
174 |                                 <label id="a1bCounter" onclick="substractPartA1B()">0</label>
175 |                             </div>
176 |                         </div>
177 |                         <div class="tail">
178 |                             <div id="a1tButton" class="part-button">
179 |                                 <button class="" onclick="usePartA1T()"><img id="a1t" src="assets/img/parts/plant/tail.svg"></button>
180 |                             </div>
181 |                             <div id="a1tLabel" class="part-label" role="button" aria-pressed="false">
182 |                                 <label id="a1tCounter" onclick="substractPartA1T()">0</label>
183 |                             </div>
184 |                         </div>
185 |                         <div class="axie-actions">
186 |                             <div id="a1DeadButton">
187 |                                 <button class="dead-axie" onclick="killAxie1()"><i class="fas fa-skull"></i></button>
188 |                             </div>
189 |                             <div>
190 |                                 <button class="reset-parts" onclick="resetA1Parts()"><i class="fas fa-sync"></i></button>
191 |                             </div>
192 |                         </div>
193 |                     </div>
194 | 
195 |                     <div id="axie2Grid" class="parts-grid-item axie2">
196 |                         <div class="axie-type-select-container">
197 |                             <select id="axie2Select" class="axie-type" onchange="changeAxieGridColor()">
198 |                                 <option value="plant">Plant</option>
199 |                                 <option value="aqua">Aqua</option>
200 |                                 <option value="beast" selected>Beast</option>
201 |                                 <option value="bird">Bird</option>
202 |                                 <option value="bug">Bug</option>
203 |                                 <option value="dawn">Dawn</option>
204 |                                 <option value="dusk">Dusk</option>
205 |                                 <option value="mech">Mech</option>
206 |                                 <option value="reptile">Reptile</option>
207 |                             </select>
208 |                         </div>
209 |                         <div class="mouth">
210 |                             <div id="a2mButton" class="part-button">
211 |                                 <button class="" onclick="usePartA2M()"><img id="a2m" src="assets/img/parts/beast/mouth.svg"></button>
212 |                             </div>
213 |                             <div id="a2mLabel" class="part-label" role="button" aria-pressed="false">
214 |                                 <label id="a2mCounter" onclick="substractPartA2M()">0</label>
215 |                             </div>
216 |                         </div>
217 |                         <div class="horn">
218 |                             <div id="a2hButton" class="part-button">
219 |                                 <button class="" onclick="usePartA2H()"><img id="a2h" src="assets/img/parts/beast/horn.svg"></button>
220 |                             </div>
221 |                             <div id="a2hLabel" class="part-label" role="button" aria-pressed="false">
222 |                                 <label id="a2hCounter" onclick="substractPartA2H()">0</label>
223 |                             </div>
224 |                         </div>
225 |                         <div class="back">
226 |                             <div id="a2bButton" class="part-button">
227 |                                 <button class="" onclick="usePartA2B()"><img id="a2b" src="assets/img/parts/beast/back.svg"></button>
228 |                             </div>
229 |                             <div id="a2bLabel" class="part-label" role="button" aria-pressed="false">
230 |                                 <label id="a2bCounter" onclick="substractPartA2B()">0</label>
231 |                             </div>
232 |                         </div>
233 |                         <div class="tail">
234 |                             <div id="a2tButton" class="part-button">
235 |                                 <button class="" onclick="usePartA2T()"><img id="a2t" src="assets/img/parts/beast/tail.svg"></button>
236 |                             </div>
237 |                             <div id="a2tLabel" class="part-label" role="button" aria-pressed="false">
238 |                                 <label id="a2tCounter" onclick="substractPartA2T()">0</label>
239 |                             </div>
240 |                         </div>
241 |                         <div class="axie-actions">
242 |                             <div id="a2DeadButton">
243 |                                 <button class="dead-axie" onclick="killAxie2()"><i class="fas fa-skull"></i></button>
244 |                             </div>
245 |                             <div>
246 |                                 <button class="reset-parts" onclick="resetA2Parts()"><i class="fas fa-sync"></i></button>
247 |                             </div>
248 |                         </div>
249 |                     </div>
250 | 
251 |                     <div id="axie3Grid" class="parts-grid-item axie3">
252 |                         <div class="axie-type-select-container">
253 |                             <select id="axie3Select" class="axie-type" onchange="changeAxieGridColor()">
254 |                                 <option value="plant">Plant</option>
255 |                                 <option value="aqua">Aqua</option>
256 |                                 <option value="beast">Beast</option>
257 |                                 <option value="bird" selected>Bird</option>
258 |                                 <option value="bug">Bug</option>
259 |                                 <option value="dawn">Dawn</option>
260 |                                 <option value="dusk">Dusk</option>
261 |                                 <option value="mech">Mech</option>
262 |                                 <option value="reptile">Reptile</option>
263 |                             </select>
264 |                         </div>
265 |                         <div class="mouth">
266 |                             <div id="a3mButton" class="part-button">
267 |                                 <button onclick="usePartA3M()"><img id="a3m" src="assets/img/parts/bird/mouth.svg"></button>
268 |                             </div>
269 |                             <div id="a3mLabel" class="part-label" role="button" aria-pressed="false">
270 |                                 <label id="a3mCounter" onclick="substractPartA3M()">0</label>
271 |                             </div>
272 |                         </div>
273 |                         <div class="horn">
274 |                             <div id="a3hButton" class="part-button">
275 |                                 <button onclick="usePartA3H()"><img id="a3h" src="assets/img/parts/bird/horn.svg"></button>
276 |                             </div>
277 |                             <div id="a3hLabel" class="part-label" role="button" aria-pressed="false">
278 |                                 <label id="a3hCounter" onclick="substractPartA3H()">0</label>
279 |                             </div>
280 |                         </div>
281 |                         <div class="back">
282 |                             <div id="a3bButton" class="part-button">
283 |                                 <button onclick="usePartA3B()"><img id="a3b" src="assets/img/parts/bird/back.svg"></button>
284 |                             </div>
285 |                             <div id="a3bLabel" class="part-label" role="button" aria-pressed="false">
286 |                                 <label id="a3bCounter" onclick="substractPartA3B()">0</label>
287 |                             </div>
288 |                         </div>
289 |                         <div class="tail">
290 |                             <div id="a3tButton" class="part-button">
291 |                                 <button onclick="usePartA3T()"><img id="a3t" src="assets/img/parts/bird/tail.svg"></button>
292 |                             </div>
293 |                             <div id="a3tLabel" class="part-label" role="button" aria-pressed="false">
294 |                                 <label id="a3tCounter" onclick="substractPartA3T()">0</label>
295 |                             </div>
296 |                         </div>
297 |                         <div class="axie-actions">
298 |                             <div id="a3DeadButton">
299 |                                 <button class="dead-axie" onclick="killAxie3()"><i class="fas fa-skull"></i></button>
300 |                             </div>
301 |                             <div>
302 |                                 <button onclick="resetA3Parts()" class="reset-parts"><i class="fas fa-sync"></i></button>
303 |                             </div>
304 |                         </div>
305 |                     </div>
306 |                 </div>
307 |             </div>
308 |         </div>
309 |     </div>
310 |     <footer>
311 |         <script src="assets/js/tools.js"></script>
312 |         <p>
313 |             <i class="fab fa-github fa-lg"><a href="https://github.com/jmarcosg">&nbsp;Github</a></i>
314 |         </p>
315 |     </footer>
316 | </body>
317 | 
318 | </html>


--------------------------------------------------------------------------------
/assets/img/parts/aqua/back.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd" transform="translate(4.148 4.148)"><path fill="#4CB6CD" fill-rule="nonzero" d="M11.924779,0 C12.0407742,0.0384038232 12.1599044,0.0697538829 12.2727646,0.116778973 C12.8566595,0.35660693 13.4436894,0.592516129 14.0205305,0.848802867 C14.2095401,0.937149347 14.4185571,0.973923355 14.6263704,0.95539307 C15.2698303,0.903665472 15.9148578,0.877017921 16.5598853,0.848802867 C16.9453907,0.822407525 17.3126536,1.01635875 17.5082246,1.34962007 C17.6485161,1.56593548 17.7958614,1.77833214 17.9479092,1.98759379 C18.099957,2.19685544 18.3013811,2.2815006 18.5882342,2.2282055 C19.7591589,2.01345759 20.9394886,1.89981362 22.1229534,2.1247503 C22.5548005,2.20704421 22.9741075,2.37398327 23.3887121,2.53073357 C23.7272927,2.65926882 23.8785568,2.94377061 23.9263656,3.29567503 C24.0429794,4.19444766 24.0300463,5.105302 23.8879618,6.00040143 C23.7915603,6.63602389 23.6246213,7.26145759 23.4780597,7.88845878 C23.4498447,8.00758901 23.4169271,8.10242294 23.508626,8.21214815 C24.4953692,9.3956129 24.4334528,10.6817491 23.8722867,12.0141266 C23.4545472,13.0102748 22.8330323,13.8763202 22.1989773,14.7345281 C20.3783226,17.2064803 18.2363297,19.3798232 15.9626667,21.4293333 C15.5613859,21.7914265 15.1554026,22.149601 14.7274743,22.4787766 C13.8183226,23.1778829 12.7963106,23.5815149 11.6324397,23.5634886 C10.9270633,23.5525161 10.2710633,23.341687 9.64719713,23.0227001 C8.73334289,22.5524492 7.90335006,21.9591493 7.09451852,21.3352832 C5.37026523,20.0029056 3.74319713,18.5631541 2.29717563,16.9313835 C1.72425329,16.2855723 1.21951732,15.5715747 0.696755078,14.8779546 C0.425417577,14.5076792 0.228699939,14.0881569 0.117562724,13.6427622 C0.0867210095,13.5604847 0.0473169804,13.4816767 0,13.4076368 L0,11.9968841 C0.0415388292,11.9059689 0.0893476703,11.817405 0.122265233,11.7233548 C0.269610514,11.3040478 0.374633214,10.865147 0.564301075,10.4654337 C2.22663799,6.95736201 4.59435125,3.99713262 7.57809319,1.52831541 C8.37987097,0.865261649 9.27726643,0.35660693 10.3055484,0.117562724 C10.4246786,0.0893476703 10.5406738,0.0391875747 10.6543178,0.00313500597 L11.924779,0 Z M7.33669773,19.547546 C7.36334528,19.569491 7.39077658,19.5906523 7.41507288,19.6118136 L7.54752688,19.6823513 C7.60176591,19.7658358 7.66716126,19.8415151 7.74189725,19.9072879 C8.41839828,20.3696792 9.15732326,20.7333359 9.93640143,20.9872975 C10.3353873,21.1251433 10.7701545,21.118207 11.16454,20.9677037 C12.0360717,20.6416631 12.8496057,20.2552736 13.2806691,19.3555269 C13.3006331,19.3134091 13.3245119,19.2732612 13.3519904,19.2356129 C13.6184839,18.8569399 14.0357249,18.6120252 14.4962676,18.5639379 C14.9594648,18.512994 15.4281481,18.509859 15.895264,18.4855627 C16.3357324,18.4644014 16.7393644,18.3288124 16.9925161,17.9573142 C17.1586714,17.7112162 17.2597754,17.4141744 17.3538256,17.1288889 C17.4980358,16.6915556 17.7699976,16.4047025 18.2159522,16.2887073 C18.3927954,16.231988 18.573899,16.1895296 18.7575245,16.1617395 C19.8359665,16.0629869 20.6048268,15.4563632 21.1871541,14.6146141 C21.5649223,14.0722581 21.8611804,13.4672019 22.1401959,12.8660645 C22.57236,11.9603802 22.8823013,11.0013016 23.0618877,10.0139928 C23.1551541,9.4716368 22.8628148,8.92771326 22.2985137,8.95906332 C22.3141888,8.88068817 22.325945,8.80231302 22.3478901,8.72393787 C22.5046404,8.16198805 22.6786332,7.60317324 22.8322485,7.03965591 C23.1324253,5.93691756 23.2844731,4.82555795 23.0877515,3.68049701 C23.0242676,3.31135006 22.852626,3.11776344 22.5030729,3.04095579 C21.8669052,2.88848665 21.2111874,2.83404172 20.5585854,2.87950299 C19.5052234,2.96885066 18.4683202,3.11462843 17.4706045,3.47672162 C17.386329,3.50187207 17.3007802,3.52253983 17.2143178,3.53863799 C17.2143178,3.25883871 17.2339116,3.01195699 17.2143178,2.76977778 C17.1461314,2.07067145 16.9791924,1.88413859 16.4517276,1.78930466 C15.9031016,1.69133572 15.3199904,1.63882437 14.7760669,1.72268578 C13.2595078,1.95781123 11.8863751,2.57540741 10.6574528,3.50023417 C10.3321959,3.74476464 10.0171278,4.00340263 9.66835842,4.27771565 C9.33996655,3.87486738 8.88460693,3.89132616 8.46294863,3.96421505 C7.94515141,4.0547413 7.43672701,4.19247236 6.94403823,4.37568459 C5.35765539,4.95882524 3.9619542,5.96656055 2.90928554,7.28888889 C1.70701075,8.79682676 0.956960573,10.4795412 1.05571326,12.4616487 C1.07459038,12.8246253 1.16292167,13.1806111 1.31591876,13.5103082 C1.45106672,13.8442159 1.75817869,14.0773322 2.11612903,14.1177157 C2.34184946,14.2587909 2.5707049,14.3967312 2.79329032,14.542509 C3.78497085,15.1799893 4.70103856,15.9280411 5.52388053,16.772282 C5.62663077,16.8614178 5.73794243,16.9401761 5.85619116,17.0074074 L5.85619116,17.0074074 L5.92437754,17.1500502 L5.92437754,17.1500502 L5.99256392,17.2887742 C6.06623656,17.4455245 6.13599044,17.6061935 6.21279809,17.7590251 C6.50356989,18.34919 6.6908865,18.99892 7.20110872,19.4613333 L7.33434648,19.5459785 L7.33669773,19.547546 Z"></path><path fill="#4E4040" fill-rule="nonzero" d="M7.55066189,19.6823513 L7.41820789,19.6118136 L7.33983274,19.547546 L7.33983274,19.547546 L7.20659498,19.4629008 C6.69637276,19.0004875 6.50905615,18.3507575 6.21828435,17.7605926 C6.1399092,17.6038423 6.07172282,17.447092 5.99805018,17.2903417 L5.9298638,17.1516177 L5.9298638,17.1516177 L5.85619116,17.0074074 L5.85619116,17.0074074 C5.85165414,16.9611933 5.84165692,16.9156797 5.8264086,16.8718184 C5.52074552,16.2401147 5.22683871,15.6013572 4.90079809,14.980626 C4.69796827,14.6106316 4.47477903,14.2521682 4.23225806,13.9068865 C3.87721864,13.3841243 3.59271685,13.3441529 3.10130466,13.7227049 C3.04644205,13.7650275 2.98609319,13.80108 2.93201434,13.8457539 C2.70178854,14.0319054 2.4120006,14.1285014 2.11612903,14.1177157 C1.75806857,14.0777485 1.45064165,13.8449222 1.31513501,13.511092 C1.16231129,13.1810983 1.07424435,12.8248395 1.05571326,12.4616487 C0.956960573,10.480325 1.70701075,8.79761051 2.90928554,7.28888889 C3.96023035,5.96817946 5.35335123,4.9610878 6.93698447,4.37725209 C7.42967325,4.19403987 7.93809765,4.0563088 8.45589486,3.96578256 C8.88147192,3.88740741 9.33291278,3.87329988 9.66130466,4.27928315 C10.0100741,4.00497013 10.3251422,3.74633214 10.650399,3.50180167 C11.8793214,2.5738399 13.252454,1.95937873 14.7690131,1.72425329 C15.3129367,1.64039188 15.8976153,1.69290323 16.4446738,1.79087216 C16.9760573,1.88570609 17.1390777,2.07223895 17.207264,2.77134528 C17.2307766,3.01352449 17.207264,3.26040621 17.207264,3.5402055 C17.2937265,3.52410733 17.3792753,3.50343957 17.4635508,3.47828913 C18.4612664,3.11384468 19.5013047,2.97041816 20.5515317,2.88107049 C21.2041337,2.83560922 21.8598515,2.89005415 22.4960191,3.0425233 C22.8471398,3.12089845 23.0172139,3.31291756 23.0806977,3.68206452 C23.2774194,4.82712545 23.1253716,5.93848507 22.8251947,7.04122342 C22.6684444,7.60474074 22.5015054,8.16355556 22.3408363,8.72550538 C22.3188913,8.80388053 22.307135,8.88225568 22.29146,8.96063082 C22.242488,9.05080337 22.1992947,9.14399627 22.162141,9.23964636 C21.8395615,10.2307904 21.4260724,11.1900012 20.9269486,12.1050418 C20.3124875,13.2320765 19.4378208,14.0644205 18.1461983,14.3442198 C17.440822,14.5009701 17.0426762,14.3928124 16.8138208,13.6568698 C16.7685564,13.4753789 16.7098749,13.2975006 16.6382605,13.1247025 C16.5598853,12.9679522 16.4360526,12.8300119 16.2824373,12.6144803 C16.2213047,12.7986619 16.1805496,12.8919283 16.1593883,12.9883297 C16.0810131,13.3418017 16.0433931,13.7046786 15.9383704,14.0487455 C15.7032449,14.8176057 15.4414719,15.5786284 15.1820502,16.3404349 C15.0872162,16.6202342 14.8881434,16.7542557 14.5840478,16.806767 C14.1215002,16.8753859 13.6510787,16.8714194 13.1897539,16.7950108 C12.6756129,16.7236894 12.5078901,16.5810466 12.353491,16.0896344 C12.262088,15.7883215 12.1467714,15.4947882 12.0086404,15.2118327 C11.7801872,14.7507137 11.3701738,14.4054393 10.8769032,14.2587909 C10.8502557,14.6020741 10.8165544,14.9147909 10.8024468,15.2282915 C10.7726643,15.9187766 10.764043,16.6100454 10.7240717,17.2997467 C10.6833166,18.0051231 10.4654337,18.6681768 10.1503656,19.3061505 C9.81883871,19.9786093 9.14794743,20.1204683 8.61969892,20.0029056 C8.25838949,19.919828 7.90648507,19.790509 7.55066189,19.6823513 Z M21.9450418,5.29345759 C21.9669664,5.22668676 21.9821939,5.15790041 21.9904994,5.0881147 C22.0085257,4.3545233 21.8000478,4.04964397 21.0217826,4.02221266 L20.9512449,4.02221266 C20.2991637,4.00575388 19.6721625,4.13428913 19.0451613,4.3059307 C18.3954313,4.48462605 17.7778351,4.73856153 17.2636941,5.19000239 C17.1740016,5.26039014 17.1111963,5.35943993 17.0857826,5.47058542 C16.9987861,6.3483871 16.9290323,7.22462127 16.8506571,8.10163919 C16.7895245,8.55151254 16.7286531,9.0013859 16.668043,9.45125926 C16.5951541,9.9951828 16.5254002,10.5406738 16.4478088,11.0845974 C16.4211613,11.2695627 16.4548626,11.3941792 16.6539355,11.4639331 C16.9548961,11.5697395 17.1625902,11.7978112 17.3162055,12.0682055 C17.437687,12.2813859 17.5450609,12.5039713 17.6453811,12.7281243 C17.7237563,12.9130896 17.8232927,12.975006 18.0505806,12.9420884 C18.5094004,12.8859401 18.9253365,12.6447027 19.2019116,12.2743321 C19.5044397,11.8730514 19.8077515,11.4615818 20.0279857,11.013276 C20.6232306,9.81892008 21.1293464,8.58218471 21.5421935,7.31318519 C21.7538065,6.65483393 21.9450418,5.99256392 21.9450418,5.29345759 Z M15.9321004,4.4368172 C15.9391541,4.07629152 15.9728554,3.71341458 15.9446404,3.35524014 C15.9203441,3.05741458 15.7236225,2.89596177 15.4226619,2.88498925 C15.165513,2.86965308 14.9074563,2.88676908 14.6545854,2.93593309 C12.9663847,3.32389008 11.533687,4.17504421 10.2961434,5.37340024 C10.1809319,5.4854767 10.1613381,5.58422939 10.1973907,5.74489845 C10.3220072,6.30371326 10.4254624,6.86723059 10.5257826,7.43153166 C10.5986714,7.84535245 10.6527503,8.26230824 10.7154504,8.67769654 C10.7154504,8.77174671 10.7154504,8.86579689 10.7154504,8.95984707 C10.7624755,10.1913819 10.8105456,11.4226555 10.8596607,12.6536679 C10.8663529,12.6923179 10.8771243,12.7301495 10.8917945,12.7665281 C11.0234648,12.8017969 11.1598375,12.833147 11.2930753,12.8762533 C12.1552019,13.1529176 12.7077467,13.7587575 13.0957037,14.5534815 C13.2078536,14.7973693 13.3537547,15.0242679 13.5291183,15.2275078 C13.7321099,15.4516607 13.9484253,15.4273644 14.1780645,15.2275078 C14.4276622,15.0079839 14.5999641,14.713944 14.6694767,14.3888937 C14.807417,13.7618925 14.9234122,13.1278375 15.0260836,12.4937826 C15.1744739,11.5814958 15.3108467,10.6671191 15.4352019,9.75065233 C15.5276846,9.06643728 15.5919522,8.37830346 15.6703274,7.69095341 C15.73773,7.06395221 15.8059164,6.43695102 15.8592115,5.80367981 C15.892129,5.34910394 15.9101553,4.89296057 15.9321004,4.4368172 Z M9.29607646,7.33669773 C9.20594504,6.86644683 9.15029869,6.38679092 9.01627718,5.92594504 C8.85952688,5.38202151 8.54054002,5.22762246 7.99740024,5.36086022 C7.80204528,5.40414892 7.61314606,5.47264793 7.43545042,5.5646356 C6.78885544,5.91732378 6.13285544,6.25982318 5.51447551,6.65718519 C4.19385424,7.50128554 3.25962246,8.68553405 2.63575627,10.1182318 C2.38730705,10.6903704 2.21331422,11.2860215 2.21566547,11.9130227 C2.20077419,12.3574098 2.27914934,12.4506762 2.7047264,12.4114886 C2.90203966,12.3915 3.09405965,12.3357266 3.27137873,12.2469008 C3.51120669,12.1269869 3.51120669,12.0117754 3.32153883,11.8244588 C3.26667622,11.7688124 3.22200239,11.7037611 3.17105854,11.6426284 C3.27529749,11.4529606 3.40618399,11.407503 3.5950681,11.4568793 C4.14369415,11.5893333 4.60610753,11.8534576 4.91882437,12.319006 C5.23361472,12.771191 5.51620166,13.2449628 5.76449223,13.7368124 C6.22533811,14.6984755 6.63132139,15.6860024 7.07257348,16.6570705 C7.29124014,17.1367264 7.52009558,17.6140311 7.77794982,18.0748769 C7.97790059,18.4378891 8.39085918,18.6284854 8.79682676,18.5451278 C9.20908005,18.4761577 9.39169415,18.1900884 9.45752927,17.819374 C9.53539011,17.4415489 9.58308798,17.0581313 9.60017204,16.6727455 C9.61898208,15.1830952 9.62263959,13.6939673 9.61114456,12.205362 C9.6056583,11.3722342 9.58371326,10.5383226 9.53276941,9.70676225 C9.47712306,8.91752449 9.37523536,8.12671924 9.29607646,7.33434648 L9.29607646,7.33669773 Z"></path><path fill="#3479B7" fill-rule="nonzero" d="M7.55066189 19.6823513C7.90648507 19.790509 8.25603823 19.9174767 8.62048268 20.0005544 9.14873118 20.1181171 9.81962246 19.9762581 10.1511493 19.3037993 10.4646499 18.6658256 10.6841004 18.0059068 10.7248554 17.2973955 10.7648268 16.6076941 10.773448 15.9164253 10.8032306 15.2259403 10.8173381 14.9124397 10.8510394 14.5989391 10.877687 14.2564397 11.3709576 14.403088 11.780971 14.7483625 12.0094241 15.2094815 12.1475551 15.4924369 12.2628718 15.7859703 12.3542748 16.0872832 12.5110251 16.5810466 12.6763967 16.7236894 13.1905376 16.7926595 13.6518624 16.8690681 14.1222839 16.8730346 14.5848315 16.8044158 14.8889271 16.7519044 15.088 16.6178829 15.1828339 16.3380836 15.4422557 15.5762772 15.7040287 14.8152545 15.9391541 14.0463943 16.0441768 13.7023274 16.0849319 13.3410179 16.160172 12.9859785 16.1813333 12.8895771 16.2220884 12.7963106 16.283221 12.612129 16.4399713 12.8276607 16.5606691 12.9632497 16.6390442 13.1223513 16.7106586 13.2951493 16.7693401 13.4730277 16.8146045 13.6545185 17.04973 14.3904612 17.4416057 14.4970514 18.1469821 14.3418686 19.4417395 14.0581505 20.3132712 13.2297252 20.9277324 12.1026906 21.4268562 11.1876499 21.8403453 10.2284391 22.1629247 9.2372951 22.2000785 9.14164501 22.2432718 9.04845212 22.2922437 8.95827957 22.8565448 8.92692951 23.1488841 9.47085305 23.0556177 10.0132091 22.8760313 11.0005178 22.56609 11.9595965 22.1339259 12.8652808 21.8549104 13.4664182 21.5586523 14.0714743 21.1808841 14.6138303 20.5962055 15.4524444 19.8273453 16.0622031 18.7512545 16.1609558 18.567629 16.1887458 18.3865254 16.2312043 18.2096822 16.2879235 17.7637276 16.4039188 17.4917658 16.6907718 17.3475556 17.1281051 17.2535054 17.4133907 17.1524014 17.7104325 16.9862461 17.9565305 16.7354456 18.3288124 16.3318136 18.4636177 15.888994 18.484779 15.4187431 18.506724 14.9531947 18.509859 14.4899976 18.5631541 14.0294549 18.6112414 13.6122139 18.8561562 13.3457204 19.2348292 13.3182419 19.2724775 13.2943631 19.3126254 13.274399 19.3547431 12.8449032 20.2544898 12.0313692 20.6408793 11.15827 20.96692 10.7638844 21.1174233 10.3291173 21.1243596 9.93013142 20.9865137 9.15105324 20.7325521 8.41212826 20.3688955 7.73562724 19.9065042 7.66426555 19.8403565 7.60206027 19.7649721 7.55066189 19.6823513L7.55066189 19.6823513zM2.11612903 14.1177157C2.41173404 14.1283105 2.70121075 14.0317255 2.93123059 13.8457539 2.98530944 13.8018638 3.0456583 13.7673787 3.10052091 13.7227049 3.59193309 13.3441529 3.87643489 13.3841243 4.23147431 13.9068865 4.47392107 14.2514054 4.69710923 14.6090821 4.90001434 14.9782748 5.22605496 15.599006 5.51996177 16.2377634 5.82562485 16.8694671 5.84087317 16.9133284 5.85087038 16.9588421 5.85540741 17.0050562 5.73715868 16.9378248 5.62584702 16.8590666 5.52309677 16.7699307 4.70049957 15.9257366 3.78469683 15.1776865 2.79329032 14.5401577 2.57148865 14.3967312 2.34263321 14.2587909 2.11612903 14.1177157z"></path><path fill="#017B8F" fill-rule="nonzero" d="M5.85759677 17.0074074L5.94459677 17.1500502 5.85759677 17.0074074zM5.92656691 17.1476989L6.01356691 17.2864229 5.92656691 17.1476989z"></path><path fill="#E27B11" fill-rule="nonzero" d="M7.20189247 19.4621171L7.33513023 19.5621171 7.20189247 19.4621171zM7.33669773 19.5494922L7.43669773 19.6314922 7.33669773 19.5494922z"></path><path fill="#D8A87C" fill-rule="nonzero" d="M9.29607646 7.33434648C9.37445161 8.12671924 9.47712306 8.91752449 9.53120191 9.710681 9.58449701 10.5422413 9.60957706 11.3761529 9.60957706 12.2092808 9.61950458 13.6999761 9.61584707 15.1891039 9.59860454 16.6766643 9.58152048 17.0620501 9.53382261 17.4454676 9.45596177 17.8232927 9.39012664 18.1940072 9.20751254 18.4800765 8.79525926 18.5490466 8.38929167 18.6324042 7.97633309 18.4418079 7.77638232 18.0787957 7.52166308 17.6179498 7.29280765 17.1382939 7.07100597 16.6609892 6.62975388 15.6899211 6.22377061 14.7016105 5.76292473 13.7407312 5.51463416 13.2488816 5.23204722 12.7751098 4.91725687 12.3229247 4.60375627 11.8526738 4.13820789 11.5901171 3.5935006 11.4607981 3.40775149 11.4153405 3.27372999 11.4568793 3.16949104 11.6465472 3.22043489 11.7076798 3.26510872 11.7727312 3.31997133 11.8283775 3.50963919 12.0180454 3.50963919 12.1309056 3.26981123 12.2508196 3.09249215 12.3396453 2.90047216 12.3954188 2.7031589 12.4154074 2.27758184 12.454595 2.19920669 12.3613286 2.21409797 11.9169415 2.32382318 11.8221075 2.4672497 11.7468674 2.53543608 11.6285209 2.84031541 11.1034074 3.1248172 10.5657539 3.41402151 10.0320191 3.59428435 9.69814098 3.84978734 9.61584707 4.15780167 9.84 4.39586201 10.0285692 4.62225979 10.2314111 4.83574671 10.4474074 5.28405257 10.8674982 5.78173477 11.0908674 6.39619594 10.8392832 6.83299601 10.6621577 7.21624499 10.3745184 7.50833931 10.0045878 8.17609558 9.16362246 8.83523059 8.31403584 9.29607646 7.33434648zM15.9321004 4.4368172C15.9070203 4.89296057 15.892129 5.34910394 15.8537252 5.80446356 15.8004301 6.43146476 15.7322437 7.06316846 15.6648411 7.69173716 15.5919522 8.37908722 15.5253333 9.06722103 15.4297157 9.75143608 15.3058829 10.6679028 15.1695102 11.5822796 15.0205974 12.4945663 14.9179259 13.1286213 14.8019307 13.7618925 14.6639904 14.3896774 14.5944778 14.7147277 14.4221759 15.0087677 14.1725783 15.2282915 13.9429391 15.4297157 13.7266237 15.4540119 13.523632 15.2282915 13.3482684 15.0250516 13.2023673 14.798153 13.0902174 14.5542652 12.7053955 13.7595412 12.1497157 13.1537013 11.287589 12.877037 11.1543513 12.8339307 11.0179785 12.8025806 10.8863082 12.7673118 10.8716381 12.7309333 10.8608666 12.6931017 10.8541744 12.6544516 10.8055818 11.4234393 10.7575117 10.1921657 10.7099642 8.96063082 10.7099642 8.86658065 10.7099642 8.77253047 10.7099642 8.67848029 11.1872688 8.98257587 11.4459068 8.9723871 11.8252425 8.58834886 12.5630139 7.84953246 13.2908578 7.10287853 14.0087742 6.3483871 14.4751063 5.85775866 14.9132234 5.33969892 15.3803393 4.85063799 15.5378734 4.68761768 15.747135 4.57397372 15.9321004 4.4368172zM21.9450418 5.29345759C21.9450418 5.99256392 21.7522389 6.65483393 21.5414098 7.31318519 21.1285626 8.58218471 20.6224468 9.81892008 20.0272019 11.013276 19.8069677 11.4615818 19.5036559 11.8754026 19.2011278 12.2743321 18.9238251 12.6454384 18.5066133 12.8867585 18.0466619 12.9420884 17.819374 12.975006 17.7237563 12.9130896 17.6414624 12.7281243 17.5411422 12.5039713 17.4337682 12.2813859 17.3122867 12.0682055 17.1555364 11.7978112 16.9509773 11.5697395 16.6500167 11.4639331 16.4509438 11.3941792 16.4148913 11.2695627 16.4438901 11.0845974 16.5222652 10.5406738 16.5912354 9.9951828 16.6641243 9.45125926 16.7257794 9.0024309 16.787957 8.55255755 16.8506571 8.10163919 16.9000335 8.30149582 16.9290323 8.51702748 17.2339116 8.62753644 17.3122867 8.5295675 17.3906619 8.40965352 17.4847121 8.30698208 18.0525695 7.69788662 18.6777526 7.14488039 19.3516081 6.65561768 20.1486834 6.07799283 20.9872975 5.56933811 21.9450418 5.29345759z"></path><path fill="#FCE3C2" fill-rule="nonzero" d="M9.29607646 7.33434648C8.83523059 8.31403584 8.17609558 9.16362246 7.50990681 10.0053716 7.21781249 10.3753022 6.83456351 10.6629414 6.39776344 10.8400669 5.78330227 11.0900836 5.28562007 10.8667145 4.83731422 10.4481912 4.62382729 10.2321949 4.39742951 10.0293529 4.15936918 9.84078375 3.85135484 9.61663082 3.59585185 9.69892473 3.41558901 10.0328029 3.12638471 10.5665376 2.84188292 11.1041912 2.53700358 11.6293047 2.4688172 11.7476511 2.32539068 11.8228913 2.21566547 11.9177252 2.21566547 11.2852378 2.38730705 10.6919379 2.63575627 10.1197993 3.26275747 8.68710155 4.19385424 7.50285305 5.51447551 6.65483393 6.13285544 6.25590442 6.78885544 5.91340502 7.43545042 5.5646356 7.61219564 5.47317213 7.800024 5.40494275 7.99426523 5.36164397 8.54289128 5.22840621 8.85639188 5.38280526 9.01314217 5.92672879 9.15029869 6.38443967 9.20594504 6.86409558 9.29607646 7.33434648zM15.9321004 4.4368172C15.747135 4.57397372 15.5402246 4.68761768 15.3834743 4.8522055 14.9132234 5.34126643 14.4782413 5.85932616 14.0119092 6.3499546 13.2919028 7.10496854 12.5661489 7.85162246 11.8346476 8.58991637 11.4553118 8.9739546 11.1966738 8.98179211 10.7193692 8.68004779 10.6566691 8.2646595 10.6025902 7.8477037 10.5297013 7.43388292 10.4293811 6.86958184 10.3259259 6.30606452 10.2013094 5.7472497 10.1652569 5.5904994 10.1848507 5.48782796 10.3000621 5.37575149 11.533687 4.17739546 12.9663847 3.32624134 14.6561529 2.93828435 14.9090238 2.88912033 15.1670805 2.87200433 15.4242294 2.8873405 15.72519 2.89596177 15.9219116 3.05741458 15.9462079 3.3575914 15.9728554 3.71341458 15.9391541 4.07550777 15.9321004 4.4368172zM21.9450418 5.29345759C20.98573 5.56933811 20.1471159 6.07720908 19.3476894 6.65561768 18.6743432 7.1452078 18.0496865 7.69847515 17.4823608 8.30776583 17.3859594 8.41043728 17.3075842 8.53035125 17.2315603 8.62832019 16.9243297 8.51781123 16.8976822 8.30227957 16.8483059 8.10242294 16.9290323 7.22462127 16.9987861 6.3483871 17.0857826 5.47058542 17.1103716 5.35987629 17.1720336 5.26088515 17.2605591 5.19000239 17.7747001 4.73856153 18.3922963 4.48462605 19.0420263 4.3059307 19.6690275 4.13428913 20.2960287 4.00575388 20.9504612 4.02142891L21.0209988 4.02142891C21.799264 4.04886022 22.0077419 4.35373955 21.9897157 5.08733094 21.9817165 5.15735453 21.9667511 5.22640537 21.9450418 5.29345759L21.9450418 5.29345759z"></path></g></svg>


--------------------------------------------------------------------------------