morten/morten-olsen.github.io
1
0
Fork 0
mirror of https://github.com/morten-olsen/morten-olsen.github.io.git synced 2026-02-08 01:46:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Morten Olsen
2021-08-27 21:11:42 +02:00
parent 337cc4e71b
commit 84f4de421f
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/Me.tsx
View File

@@ -1,6 +1,5 @@
import React from 'react';
import styled from 'styled-components';
import Image from 'next/image'
import image from '../public/images/me.jpg';
const Wrapper = styled.div`
@@ -57,10 +56,20 @@ const Divider = styled.div`
box-shadow: 0 0 30px rgba(255, 255, 255, .7);
`;
const Image = styled.img<{blurDataURL: string}>`
background: url("${({ blurDataURL }) => blurDataURL}");
position: absolute;
background-size: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
`
const Me: React.FC<{}> = () => (
<Wrapper>
<ImageWrapper>
<Image layout="fill" src={image.src} blurDataURL={image.blurDataURL} />
<Image src={image.src} blurDataURL={image.blurDataURL} />
<Spacer />
</ImageWrapper>
<Title>Morten Olsen</Title>