import { FC, useContext } from 'react'; import { DarkModeContext } from '../components/DarkMode'; import Head from 'next/head'; import styled from 'styled-components'; import Image from 'next/image'; import IconButton from '../components/IconButton'; const Wrapper = styled.div<{ dark: boolean }>` padding: 1rem 0rem; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2rem; @media (max-width: 768px) { padding: 0rem; grid-template-columns: auto; column-gap: 0rem; row-gap: 1rem; } .photo { order: initial; @media (max-width: 768px) { order: -1; } } h1 { font-size: 1.7rem; } .content { display: flex; flex-direction: column; justify-content: space-between; } .about, .contact { margin-top: 1rem; @media (max-width: 768px) { margin: 1rem 0rem; } } .contact { display: grid; grid-template-columns: repeat(auto-fill, 36px); column-gap: 1rem; align-items: center; justify-content: flex-start; * { user-select: none; } @media (max-width: 768px) { column-gap: 0.5rem; } } `; const About: FC = () => { const { dark } = useContext(DarkModeContext); return ( <> About | Hazem Krimi

About Me

I am a software developer and a student. I have experience as a full stack developer but I lean more to the front end and I have built a lot of web apps and some mobile apps. Also, I am always learning and experimenting with new technologies (currently learning about the ethereum blockchain) and other topics other than software engineering.

Contact Me

window.open('mailto:me@hazemkrimi.tech', '_blank')} /> window.open('https://github.com/hazemKrimi', '_blank')} /> window.open('https://twitter.com/HazemKrimi', '_blank')} /> window.open('https://linkedin.com/in/hazemkrimi', '_blank')} /> window.open('https://codepen.io/hazemkrimi', '_blank')} /> window.open('https://dribbble.com/HazemKrimi', '_blank')} /> window.open('https://instagram.com/hazemkrimi', '_blank')} />

); }; export default About;