Skip to content

Instantly share code, notes, and snippets.

@mehrad77
Created March 21, 2020 12:43
Show Gist options
  • Save mehrad77/16675bc6ca6324596660a279847d684a to your computer and use it in GitHub Desktop.
Save mehrad77/16675bc6ca6324596660a279847d684a to your computer and use it in GitHub Desktop.
A under construction react component
import React, { FC } from "react";
import styled from "styled-components";
const StyledDiv = styled.div`
* {
animation: pulse 4s infinite;
}
@keyframes pulse {
0% {
filter: drop-shadow(0 0 0 rgba(204, 169, 44, 0));
}
70% {
filter: drop-shadow(5px -5px 0px rgba(204, 169, 44, 0.4));
}
100% {
filter: drop-shadow(0 0 0 rgba(204, 169, 44, 0));
}
}
`;
const MenAtWork: FC = () => {
return (
<StyledDiv className="flex flex-col md:flex-row text-center justify-center items-center under-development">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 664 580"
version="1.1"
className={"fill-current text-yellow-600 h-64 w-64"}
>
<path d="m26.176 578.24c-9.0339-1.9607-14.456-4.8921-19.57-10.58-5.8672-6.5257-7.4738-12.935-5.6823-22.667 1.8179-9.8759 3.3577-12.813 36.552-69.716 2.8875-4.95 11.468-19.8 19.068-33s17.484-30.3 21.964-38c12.74-21.896 79.915-137.91 99.305-171.5 9.2116-15.959 30.172-52.114 34.205-59 2.0935-3.575 13.82-23.825 26.06-45 12.239-21.175 24.73-42.775 27.758-48 3.0275-5.225 9.6557-16.7 14.729-25.5 25.162-43.643 28.006-47.518 38.456-52.403 7.9255-3.7047 17.39-3.6329 25.178 0.19123 9.5878 4.7084 14.486 11.234 34.76 46.312 10.141 17.545 20.304 35.05 22.585 38.9 2.2808 3.85 8.5688 14.65 13.973 24 5.4045 9.35 14.424 24.875 20.043 34.5 8.9931 15.404 81.4 139.84 86.699 149 1.1138 1.925 9.01 15.425 17.547 30 8.5372 14.575 18.768 32.125 22.736 39 3.9673 6.875 10.494 18.125 14.503 25 4.0095 6.875 8.0571 13.85 8.9946 15.5 0.9376 1.65 5.5204 9.525 10.184 17.5 45.222 77.331 63.256 108.87 64.863 113.45 2.9998 8.5349 3.4774 15.596 1.4714 21.754-3.4538 10.603-12.065 17.534-25.256 20.329-9.9447 2.1073-601.41 2.0449-611.12-0.0644zm609.41-0.55735c11.7-2.1556 20.176-7.7387 24.705-16.272 1.7278-3.2553 2.1775-5.7293 2.1146-11.634-0.1278-12.008 0.568-10.592-35.878-73-9.4754-16.225-22.964-39.4-29.976-51.5-7.0114-12.1-15.795-27.175-19.52-33.5-14.66-24.897-35.396-60.551-40.42-69.5-0.6176-1.1-2.9795-5.15-5.2486-9-15.148-25.702-25.84-44.043-46.343-79.5-5.8838-10.175-13.083-22.55-15.998-27.5-2.9153-4.95-9.2205-15.75-14.012-24-4.791-8.25-15.136-26.025-22.989-39.5-7.8528-13.475-17.277-29.675-20.942-36-52.33-90.279-51.93-89.609-58.16-96.019-13.06-13.411-32-12.698-44.78 1.686-2.5466 2.8663-9.1036 13.003-14.571 22.526-5.4674 9.5229-15.302 26.539-21.855 37.814s-17.117 29.5-23.476 40.5c-6.3589 11-14.588 25.175-18.288 31.5-3.6994 6.325-16.957 29.275-29.462 51s-23.079 39.95-23.498 40.5c-0.41908 0.55-5.1484 8.65-10.51 18-9.1194 15.904-25.455 44.234-29.408 51-0.96402 1.65-11.903 20.55-24.309 42s-25.573 44.175-29.261 50.5c-3.6876 6.325-13.584 23.425-21.993 38-8.4085 14.575-23.491 40.675-33.516 58-21.932 37.9-24.445 42.776-25.999 50.439-3.4946 17.235 5.5993 29.044 25.516 33.133 8.1657 1.6768 599.02 2.002 608.07 0.33473zm-608.07-9.14c-4.2372-1.0965-8.6988-3.789-12-7.2417-5.4131-5.6616-6.04-14.765-1.6539-24.016 1.5645-3.3 10.174-18.6 19.132-34 8.9583-15.4 17.641-30.475 19.295-33.5 1.6539-3.025 3.619-6.2104 4.3669-7.0787 0.74791-0.86831 1.3598-1.829 1.3598-2.1348 0-0.30582 3.8709-7.2454 8.602-15.421 4.7311-8.1759 11.207-19.365 14.392-24.865 3.1845-5.5 11.738-20.35 19.007-33 7.2692-12.65 15.344-26.6 17.945-31 2.6007-4.4 10.94-18.8 18.531-32 7.5914-13.2 16.162-28.05 19.045-33 10.103-17.345 16.384-28.218 31.482-54.5 8.3726-14.575 16.485-28.525 18.028-31 1.5429-2.475 3.8988-6.525 5.2353-9 2.7345-5.0638 23.445-41.055 39.704-69 15.226-26.168 29.35-50.649 32.583-56.475 1.5185-2.7362 5.165-8.9395 8.1033-13.785 2.9383-4.8456 5.3423-9.0271 5.3423-9.2921 0-0.26502 1.9412-3.7367 4.3137-7.7148s6.1725-10.419 8.4443-14.314c7.4041-12.693 16.879-18.643 26.3-16.519 9.3781 2.1151 12.993 6.2638 27.97 32.1 2.3912 4.125 6.2882 10.755 8.66 14.733 2.3718 3.9781 4.3124 7.4447 4.3124 7.7035 0 0.25878 2.6331 4.8789 5.8514 10.267 4.8766 8.1644 38.656 66.137 49.7 85.297 4.8261 8.3723 31.301 54.023 44.656 77 3.0369 5.225 11.919 20.525 19.738 34 7.8188 13.475 15.695 26.975 17.502 30 1.8073 3.025 4.5213 7.75 6.031 10.5 1.5098 2.75 5.1303 9.05 8.0457 14 6.3131 10.719 31.528 54.065 39.266 67.5 3.0093 5.225 8.5044 14.675 12.211 21 3.7071 6.325 7.8662 13.525 9.2426 16s6.9768 12.15 12.446 21.5c5.4686 9.35 11.081 19.025 12.472 21.5 1.3909 2.475 4.7841 8.325 7.5404 13 21.062 35.723 30.825 53.1 31.967 56.895 2.7013 8.9757 0.9546 15.79-5.3929 21.04-7.9019 6.5353 16.356 6.0758-314.71 5.9621-203.95-0.07-302.36-0.43726-305.07-1.1385zm517.97-68.714c0.4041-0.65383-0.8037-3.7097-2.7119-6.8616-1.8923-3.1255-8.0809-13.783-13.752-23.683-5.6715-9.9-12.66-22.05-15.529-27-2.8696-4.95-8.0327-13.95-11.474-20-6.907-12.144-29.462-51.357-38.538-67-5.1766-8.9224-12.261-21.33-19.699-34.5-1.3977-2.475-7.5992-13.275-13.781-24-15.241-26.442-80.615-140.47-89.429-155.99-3.9021-6.8694-7.7616-12.603-8.5767-12.742-0.98643-0.16775-5.7512 7.1857-14.249 21.99-7.0216 12.233-16.414 28.542-20.871 36.242-9.6263 16.628-26.861 46.507-42.397 73.5-6.1726 10.725-16.288 28.275-22.478 39-6.1902 10.725-15.534 26.925-20.764 36-10.641 18.464-21.084 36.556-29.728 51.5-3.1811 5.5-9.1591 15.85-13.284 23-4.1252 7.15-10.888 18.85-15.029 26-4.1406 7.15-12.56 21.775-18.71 32.5-6.1496 10.725-12.781 22.197-14.736 25.494-1.955 3.2966-3.4137 6.2216-3.2417 6.5 0.17204 0.27834 96.598 0.66879 214.28 0.86765 163.54 0.27636 214.14 0.0837 214.7-0.81729zm-260.18-12.79c-3.4222-0.60112-7.971-5.4572-9.166-9.7854-1.441-5.2189-0.45004-8.5554 7.0205-23.638 10.112-20.416 19.859-41.025 19.859-41.989 0-0.81761-3.7709-5.5942-23.472-29.732l-6.0278-7.3851-0.55901 19.885c-0.39053 13.892-1.0443 21.543-2.169 25.385-0.88549 3.025-4.4016 16.525-7.8136 30-7.32 28.909-7.2155 28.603-11.152 32.685-5.3885 5.5871-14.305 5.631-19.715 0.0973-5.313-5.4343-5.129-8.0457 2.8178-39.985l7.0912-28.5v-31.714c0-21.361 0.36417-32.427 1.1156-33.898 0.61358-1.2013 3.1266-4.2633 5.5845-6.8044l4.4689-4.6201-2.5438-2.5438c-1.3991-1.3991-2.8228-3.6554-3.1638-5.014-0.34856-1.3888-3.431-4.7228-7.0407-7.6154-5.2676-4.2212-6.4207-5.6724-6.4207-8.0807 0-1.8788 0.69629-3.3081 1.9343-3.9707 2.8411-1.5205 3.3363-1.3726 8.4326 2.5188 3.1786 2.427 4.7808 3.1405 5.0529 2.25 0.21912-0.71718 2.245-9.613 4.502-19.769 4.4015-19.805 6.8894-25.373 11.977-26.804 1.4307-0.40246 16.64-0.72481 33.799-0.71635 29.948 0.0148 31.31 0.0981 34 2.0819 3.4732 2.5608 25.225 32.948 28.849 40.3 4.7824 9.7044 4.9089 9.3028-13.269 42.102-6.9518 12.543-12.376 22.54-14.514 26.746-1.9707 3.8778-2.0173 4.3543-0.53766 5.5 0.89098 0.68991 12.752 10.254 26.357 21.254s28.129 22.706 32.275 26.014l7.5377 6.0135 3.8482-4.1748c7.8262-8.4904 20.514-11.274 29.757-6.5278 4.7364 2.4319 11.205 8.8046 13.605 13.404 1.311 2.512 1.7724 2.6811 5.8065 2.1282 8.3912-1.1501 15.629 5.3022 17.594 15.685 0.5682 3.0018 1.5868 5.6427 2.2636 5.8686 0.6767 0.2259 2.738 1.9134 4.5805 3.75s4.0925 3.3418 5 3.3449c3.5599 0.012 9.2374 2.1971 12.212 4.7 3.0494 2.5659 8.4376 10.128 7.7244 10.842-1.8548 1.8548-169.79 1.1876-169.79-0.67457 0-0.48353 2.1375-3.0837 4.75-5.7781 4.9314-5.086 11.89-8.0944 18.724-8.0944 2.8402 0 3.2154-0.39012 4.3092-4.4797 1.2685-4.7429 5.7419-8.6748 11.449-10.064 1.5253-0.37115 3.5931-2.055 4.68-3.8109 2.4331-3.9311 6.7057-7.9599 10.475-9.877l2.8873-1.4687-27.887-22.302c-15.338-12.266-29.397-23.612-31.242-25.212-4.6469-4.0295-5.1822-2.6764-0.8418 2.1279 7.9438 8.7929 8.0597 12.932 0.77203 27.582-12.399 24.925-29.228 56.09-31.353 58.061-4.1362 3.8353-9.4738 5.574-14.436 4.7024zm34.507-136.76c2.1971-3.85 3.8764-7.1285 3.7318-7.2856-0.32435-0.35236-24.707 9.867-25.847 10.833-0.45211 0.38314 2.424 3.2187 6.3912 6.3013l7.2132 5.6047 2.258-4.2267c1.2419-2.3247 4.0556-7.3767 6.2527-11.227zm-34.793-44 10.464-10.5h-8.4912-8.4912l-1.8197 8.25c-1.0008 4.5375-2.058 9.2625-2.3493 10.5-0.29132 1.2375-0.36034 2.25-0.15339 2.25s5.0852-4.725 10.841-10.5zm81.927-4.4774c-13.729-7.2578-17.023-25.058-6.6341-35.845 11.185-11.613 30.152-8.4031 37.121 6.2818 2.0172 4.2508 2.0419 13.504 0.049 18.323-1.7995 4.3512-7.4962 9.9162-12.135 11.854-4.7241 1.9739-14.097 1.6611-18.401-0.61401z" />
</svg>
<h2 className="lg:text-white text-4xl font-bold">
This page is under development
</h2>
</StyledDiv>
);
};
export default MenAtWork;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment