hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update hero section

Browse Source
This commit is contained in:
Hazem Krimi
2021-08-17 14:07:35 +01:00
parent ae61525bf2
commit d3a085eb80
3 changed files with 79 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Hero.tsx
+5 -8
View File
@@ -1,6 +1,7 @@
import { FC, useContext } from 'react';
import { DarkModeContext } from '../components/DarkMode';
import styled from 'styled-components';
import Image from 'next/image';
const Wrapper = styled.div`
min-height: 45vh;
@@ -56,10 +57,6 @@ const Hero: FC = () => {
<h2 className='green'>
Software Developer ✔️<span className='small'>check</span>
</h2>
<h2 className='green'>
Designer ✔️
<span className='small'>check</span>
</h2>
<h2 className='green'>
Hard Working ✔️
<span className='small'>check</span>
@@ -69,11 +66,11 @@ const Hero: FC = () => {
</h2>
</div>
<div className='illustration'>
<img
src={dark ? '/light-illustration.svg' : '/dark-illustration.svg'}
<Image
src={dark ? '/dark-illustration.svg' : '/light-illustration.svg'}
width='100%'
height='auto'
alt='Illustration'
height='100%'
layout='responsive'
/>
</div>
</Wrapper>