75 lines
10 KiB
Vue
75 lines
10 KiB
Vue
<template>
|
|
<div class="professor-pokeball">
|
|
<svg
|
|
id="professor-pokeball-svg"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
:width="size"
|
|
:height="size"
|
|
viewBox="0 0 1275.907 1275.909"
|
|
>
|
|
<defs>
|
|
<style>
|
|
.cls-1 {
|
|
fill: {{ color }};
|
|
}
|
|
</style>
|
|
</defs>
|
|
<path
|
|
id="Path_1"
|
|
data-name="Path 1"
|
|
class="cls-1"
|
|
d="M1280.107,626.868a635.718,635.718,0,0,0-7.823-91.594c-4.963-30.164-14.467-59.448-23.732-88.562-9.254-29.154-19.119-58.228-32.466-85.721a644.45,644.45,0,0,0-46.2-79.088c-17.128-25.312-37-48.623-57.518-71.264-20.49-22.621-43.031-43.071-66.5-62.58-23.5-19.529-47.743-37.968-73.766-53.986C946.046,78.036,919.223,65.92,891.49,55.4c-27.653-10.485-55.767-19.95-85.221-27.943-29.434-8-59.629-12.356-89.9-16.048-30.325-3.7-60.7-7.734-91.164-7.083a639.369,639.369,0,0,0-91.094,8.074c-30.055,4.962-59.369,13.767-88.443,22.8-31.275,9.695-60.109,23.621-85.051,36.828C313.8,96.815,281.146,121.307,280.926,121.5c4.192,2.011,5.313-.13,8.834,2.9-1.651,2.111-7.444,5.993-9.044,8.264-.02.01-11.576,12.9-4.522,16.528,2.331,1.211,1.871,4.262,4.342,3.342,3.882-5.613,59.549-47.823,143.379-69.983,44.952-11.886,91.794-17.458,138.407-18.259,46.592-.75,93.635,3.482,139.147,13.757,45.522,10.245,89.513,27.253,131.283,48.123,41.78,20.83,81.389,44.2,116.646,72.785,35.287,28.6,65.091,63.15,92.465,101.038a574.48,574.48,0,0,1,67.883,121.878c16.408,40.659,28.274,81.689,35,125.05-41.82-19.5-84.441-34.206-128.672-47.073-37.258-10.825-74.866-20.64-113.014-27.513-.35-1.491-.69-1.841-1.06-3.292-1.861-7.193-6.023-14.9-10.505-24.432-2.041-4.372-2.811-9.384-4.932-13.6-1.8-3.622-4.9-6.783-6.613-10.385-.59-1.251.57-1.791-.02-3.051-5.293-11.285-10.385-24.732-17.118-35.457-12.136-19.429-29.794-34.467-47.753-48.783-10.055-8.024-19.1-15.908-28.273-21.86-10.355-6.733-20.21-13.456-30.3-18.149-17.809-8.244-35.557-13.086-56.307-19.259-20.03-5.863-37.648-11.786-56.357-14.507a51.5,51.5,0,0,0-7.954-1.111c-6.473,0-14.077,3-21.64,4.582-9.094,1.871-19.119,5.593-27.383,9.124-1.3.54-4.382,1.531-6.583,3.582-13.377.61-29.674,4.5-46.132,11.846a341.612,341.612,0,0,0-44.491,23.291c-15.638,9.815-29.764,22.061-42.981,34.907-13.6,13.156-24.4,28.764-34.9,44.6-15.517,23.371-29.654,47.983-37.028,76.767-58.128,11.055-114.6,27.983-170.6,48.163-33.046,11.946-66.352,23.921-97.987,40.179-7.914,4.072-14.727,10.225-22.541,14.727-3.912,2.261-8.964,2.711-12.876,5.163-5.493,3.452-5.132,4.022-10.625,7.484C38.339,596.6,39.23,598,17.479,611.731c-5.253,3.322-9.144-.18-12.186,5.212-3.091,5.493,1.7,6.983,1.531,13.266-.21,7.844-.56,16.558-.45,24.532.09,8.184,1.621,16.348,2.021,24.532.15,3.061-1.231,3.141-1.061,6.193.18,3.122-.13,3.152.08,6.273.21,3.031,1.941,2.871,2.171,5.883.23,3.081-.79,3.152-.53,6.233s-.24,3.121.05,6.193.96,3,1.281,6.053c.44,4.162,0,8.124.54,12.386,5.223,44.651,4.372,38.3,17.729,88.122,7.063,26.413,15.648,56.5,28.394,85.421,12.086,27.453,27.363,53.466,42.911,79.118,15.557,25.682,31.175,51.565,50.224,74.8a650.268,650.268,0,0,0,62.1,65.421c22.061,20.39,47.453,36.858,72.135,54,49.364,34.276,82.49,50.8,139.487,70.083,0,0,4.282,2.891,13.226,5.8,8.944,2.891,22.621,5.623,39.8,9.995s38.128,10.305,62.81,13.987,53.136,4.282,84.231,4.832a645.185,645.185,0,0,0,100.818-6.153c35.847-5,74.136-11.3,112.334-23.892,8.634-2.851,36.688-13.386,42.35-16.067,2.191-1.051,3.412-4.232,5.573-5.283,21.93-9.294,44.131-19.029,65.641-31.165,35.037-19.75,70.124-43.561,101.669-71.484,4.672-4.672,19.59-20.27,18.819-22.621-2.031-6.183-1.421-17.008,8.544-30.2,7.294-9.665,17.328-25.042,2.971-37.988a172.67,172.67,0,0,1-34.507,37.288c-12.226,10.025-27.973,21.43-47.313,34.437-4.532,3.061-8.534,7.834-14.017,10.925-8.564,4.542-18.419,6.553-27.233,10.645-6.663,3.1-12.826,7.224-19.6,10.065-7.043,2.882-14.8,4.853-22.651,7.754-7.523,2.691-16.548,7.3-27.993,11.155-18.269,5.7-36.868,9.865-55.4,13.646-5.363,1.1-10.445,3.762-15.818,4.7-3.992.68-3.942.971-7.944,1.621-2.121.35-2.581-.86-4.712-.54-1.961.3-1.491,1.861-3.462,2.151-10.645,1.551-21.81.11-32.476,1.05a546.747,546.747,0,0,1-182.057-13.1c-37.148-8.764-71.915-19-102.279-32.605-30.395-13.607-56.377-29.965-78.988-44.8-22.631-14.837-42.651-27.693-57.488-40.249s-25.532-23.641-32.926-30.965-13.657-19.419-9.985-12.366c5,9.635,8.564,13.777,12.386,17.688,26.123,26.713,54.386,51.585,85.251,72.665,35.4,24.152,73.425,44.952,113.365,60.479,10.885,4.422,17.078,3.842,26.2,9.144,5.023,4.552,16.558,15.177,31.635,26.523-48.353-11.836-95-31.585-138.907-55.326s-85.491-52.275-122.139-86.371c-26.113-24.622-49.054-52.465-70.244-81.469-21.15-28.944-38.9-60.079-54.5-92.384-15.638-32.336-30.765-65.2-40.339-99.858-9.565-34.6-14.947-70.384-18.139-106.171.05-1.14.74-2.371.83-3.792,38.809-19.649,88.693-42.46,150.542-61.569,3.1-.71,6.263-1.161,9.355-1.841-15.748,7-34.927,17.428-50.2,25.152,8.734-.75,30.945-6.163,39.649-6.683a894.221,894.221,0,0,1,90.243-24.141c.14.64-.961.17-.83.79.11.51-.04.54.07,1.05,3.972,18.459,10.735,36.628,18.809,54.006,8.174,17.608,19.419,33.836,31.325,49.534,23.161,30.635,52.955,58.548,87.772,79.048,19.109,11.315,41.8,20.089,65.311,25.412,19.349,4.412,39.979,4.642,61.139,4.642,3.472,0,6.993,1.281,10.455,1.151,26.4-.89,52.9-3.432,77.7-11.255,25.012-7.894,47.363-21.5,68.363-35.917,9.925-6.793,19.369-15.147,28.974-24.272,7.994-7.584,17.508-14.5,26.573-24.972,13.4-15.477,24.852-29.824,33.7-44.321,10.235-16.738,15.4-34.637,20.28-50.994,3.042-10.175,7.364-19.88,8.594-31.525.7-6.543-.05-12.436.16-20.44a1085.992,1085.992,0,0,1,111.264,31A966.6,966.6,0,0,1,1127.873,643.8c46.512,21.96,80.979,40.89,101.549,54.976C1177,670.339,1102.2,644.187,1070.616,631.811c-63.2-24.732-113.915-38.268-126.991-41.33,8.334,3.642,38.238,21.03,45.352,24.212,47.883,13.316,76.8,26,121.929,46.342,22.571,10.155,44.052,22.261,65.472,34.386,10.685,6.083,22.121,10.815,32.376,17.448,5.123,3.3,9.655,7.423,14.6,10.885,4.922,3.432,8.454,19.019,34.867,14.337,17.479-3.111,12.526-2.221,15.138-19.649,3.862-30.4,7.273-60.949,6.753-91.574M844.7,529.042c-1.111,9.555-3.362,19.649-5.953,31.335-2.831,12.846-5.483,26.013-12.756,38.7-6.073,10.6-14.807,19.99-24.592,31.535-10.035,11.816-19.419,21.951-29.564,30.435-11.2,9.324-22.1,17.9-33.636,23.381-13.857,6.583-26.593,12.6-39.249,16.688-14.577,4.7-28.744,7.013-42.4,8.594a187.823,187.823,0,0,1-21.5,1.551c-6.783,0-13.877-1.381-21.07-2.051-15-1.391-29.894-2.631-40.92-4.842-18.359-3.652-36.718-12.966-54.426-22.411-17.248-9.134-33.626-21.17-49.5-35.407-6.263-5.613-13.226-10.635-18.1-16.108a121.8,121.8,0,0,1-14.247-18.579c-2.731-4.512-3.051-10.535-5.6-15.077-1.451-2.591-3.712-4.722-5.162-7.234-3.2-5.6-5.172-11.205-7.454-16.658-1.051-2.481-3.872-4.442-4.852-7.243-.82-2.291-.68-5.263-1.491-8.134-3.242-11.585-6.643-22.711-7.334-36.347-1.2-24.122,3.922-50.444,13.286-75.546a275.414,275.414,0,0,1,37.358-68.083c15.638-20.97,36.3-37.748,61.129-52.885.84-.5.2-1.541,1.031-2.051,3.752-2.291,10.185-3.252,16.2-6.663,6.523-3.712,14.147-8.234,22.561-12.446,2.271-1.151,4.682-1.931,6.863-3.011a112.173,112.173,0,0,0,17.939-11.546c.84.65,1.181,2.331,2.261,2.931,5.993,3.272,15.768,5.172,21.891,6.5,1.8.38,3.752-.59,5.843-.59,3.522,0,7.244.98,10.745.47.39-.06.19-1.4.58-1.461,3.642-.54,7.314.23,10.775.23,1.761,0,3.072,1.211,4.572,1.471,4.742.81,10.425-1.711,15.938-1.051,2.161.26,4.232,1.571,6.443,1.851,8.944,1.111,15.988,3.322,21.93,4.592,13.626,2.921,28.073,5.993,41.76,12.246,12.716,5.823,24.162,14.607,36.978,23.291a215.815,215.815,0,0,1,35.417,30.415c11.205,11.766,21.93,22.971,28.594,35.927,6.783,13.116,12.826,29.144,17.208,48.923A247.908,247.908,0,0,1,848,497.256c.46,9.975-2.011,20.61-3.3,31.785m292.781-70.684c-12.8-38.5-31.745-74.806-52.755-109.592-2.641-9.715-3.932-20.05-7.163-29.734-.44-6.813-2.381-12.876-3.111-19.759a559.875,559.875,0,0,1,53.386,86.141c-15.538-37.108-33.756-72.735-57.018-106.151,29.824,37.368,53.7,79.028,73.465,122.659s35,89.263,43.341,136.565c1.1,6.523,3.932,13.847,4.8,20.41-2.961,4.542-5.093,3.752-10.5,4.462-7.684-3.832-16.718-6.363-24.5-9.935-4.612-32.005-9.745-64.371-19.95-95.065M1251.1,657.3c-.09,4.992-.41,10.045-.63,15.037-7.513-4.882-14.307-10.985-21.96-15.567-26.933-16.108-55.937-28-84.16-40.92-28.164-12.876-56.747-24.242-85.831-34.326-29.234-10.125-58.388-20.33-88.282-27.823-1.341.18-58.308-10.085-59.659-9.895.79-17.758-1.461-36.988-4.562-54.5,28.6-3.8,28.334,7.844,56.677,13.326,66.882,13.536,102.949,27.083,165.69,54.246,10.185,5.783,22.641,11.946,27.163,15.167s5.583,10.065,5.583,10.065c-54.236-24.212-114.305-43.3-169.7-51.665,35.8,5.413,70.184,18.789,104.19,31.175,30.235,11.926,59.369,28.223,87.762,43.811,17.308-1.271,20.1-5.853,26.733-21.78-3.692-39.669-9.795-78.318-21.32-116.426-11.556-38.2-27.683-74.826-46.643-109.833-18.829-34.907-40.3-68.343-65.632-98.657-25.492-30.465-55.117-56.987-86.132-81.569-10.925-8.674-22.551-17.418-34.086-25.262,10.3,5.563,20.86,12.136,30.795,18.369,1.831,1.391,5.083.76,6.9,2.171,31.415,24.512,58.568,54.036,84.481,84.571,25.742,30.324,48.874,62.75,68.123,97.807,19.389,35.207,36.818,71.8,48.774,110.353,11.916,38.408,17.789,77.517,21.81,117.606-10.8,20.86-13.857,23.9-37.048,28.384-26.583-14.317-54.286-26.273-82.5-37.358-6.023.02-8.044,5.182-3.662,9.294,27.823,10.935,54.676,24.662,80.809,38.729,32.575-9.835,38.428-10.3,55.477-39.579-4.9-48.563-16.128-96.276-32.305-142.2-16.158-45.932-36.788-90.263-63.22-130.823-10.8-16.608-21.76-33.066-34.117-48.493,7.824,8.434,13.647,18.319,20.95,27.223,33.586,40.97,60.579,86.952,81.6,135.915,21.05,48.963,37.338,100.258,43.971,153.323a570.294,570.294,0,0,1,3.962,80.1"
|
|
transform="translate(-4.252 -4.251)"
|
|
/>
|
|
<path
|
|
v-if="showTrademark"
|
|
id="Path_2"
|
|
data-name="Path 2"
|
|
class="cls-1"
|
|
d="M114.533,123.12h-3.265v9.6H108.7v-9.6h-3.265v-2.3h9.1Zm13.663,9.6h-2.337v-9.6h-.051l-3.1,9.6h-1.379l-3.1-9.6h-.055v9.6h-2.333V120.817H119.6l2.418,7.04,2.409-7.04H128.2Z"
|
|
transform="translate(932.324 1108.426)"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { defineProps, withDefaults } from 'vue';
|
|
|
|
const props = withDefaults(defineProps(), {
|
|
size: '100px',
|
|
color: '#ebebeb',
|
|
showTrademark: true,
|
|
animate: false
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.professor-pokeball {
|
|
display: inline-block;
|
|
}
|
|
|
|
.professor-pokeball svg {
|
|
display: block;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.professor-pokeball:hover svg {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
/* Optional animation */
|
|
.professor-pokeball.animate svg {
|
|
animation: float 3s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes float {
|
|
0%, 100% {
|
|
transform: translateY(0px);
|
|
}
|
|
50% {
|
|
transform: translateY(-10px);
|
|
}
|
|
}
|
|
</style>
|