import React from 'react' ; const Footer = ( ) => { return ( < > < div className = "pt-2 absolute" style = { { bottom : 0 , right : 32 , left : 32 } } > < div className = "flex pb-5 m-auto pt-5 border-t text-gray-800 text-sm flex-col md : flex - row max - w - 6 xl "> < p className = "mt-2 text-gray-600" > Wrongly named by { ' ' } < a href = "http://danilowoz.com/" target = "_blank" rel = "noreferrer" > Danilo Woznica < /a> < /p> < div className = "md:flex-auto md:flex-row-reverse mt-2 flex-row flex" > < a target = "_blank" rel = "noreferrer" href = "https://github.com/danilowoz/I-don-t-know-how-to-name-my-function" className = "w-6 mx-1" > < svg className = "fill-current cursor-pointer text-gray-500 transition duration-200 transition-all ease-in-out hover:text-gray-400" xmlns = "http://www.w3.org/2000/svg" width = "100%" height = "100%" viewBox = "0 0 512 512" > < path d = "M256,32C132.3,32,32,134.9,32,261.7c0,101.5,64.2,187.5,153.2,217.9a17.56,17.56,0,0,0,3.8.4c8.3,0,11.5-6.1,11.5-11.4,0-5.5-.2-19.9-.3-39.1a102.4,102.4,0,0,1-22.6,2.7c-43.1,0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1,1.4-14.1h.1c22.5,2,34.3,23.8,34.3,23.8,11.2,19.6,26.2,25.1,39.6,25.1a63,63,0,0,0,25.6-6c2-14.8,7.8-24.9,14.2-30.7-49.7-5.8-102-25.5-102-113.5,0-25.1,8.7-45.6,23-61.6-2.3-5.8-10-29.2,2.2-60.8a18.64,18.64,0,0,1,5-.5c8.1,0,26.4,3.1,56.6,24.1a208.21,208.21,0,0,1,112.2,0c30.2-21,48.5-24.1,56.6-24.1a18.64,18.64,0,0,1,5,.5c12.2,31.6,4.5,55,2.2,60.8,14.3,16.1,23,36.6,23,61.6,0,88.2-52.4,107.6-102.3,113.3,8,7.1,15.2,21.1,15.2,42.5,0,30.7-.3,55.5-.3,63,0,5.4,3.1,11.5,11.4,11.5a19.35,19.35,0,0,0,4-.4C415.9,449.2,480,363.1,480,261.7,480,134.9,379.7,32,256,32Z" / > < /svg> < /a> < /div> < /div> < /div> < />); } ; export default Footer ;