updates

.github/workflows/build-latex.yml

@@ -37,7 +37,7 @@ jobs:
           node-version: '12'
       
       - name: Build READM.md
-        run: node scripts/update-readme.js > README.md
+        run: node scripts/readme.js > README.md
 
       - uses: EndBug/add-and-commit@v7
         with:

components/Me.tsx

@@ -1,5 +1,6 @@
 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`
@@ -56,20 +57,10 @@ 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 src={image.src} blurDataURL={image.blurDataURL} />
+      <Image layout="fill" src={image.src} blurDataURL={image.blurDataURL} />
       <Spacer />
     </ImageWrapper>
     <Title>Morten Olsen</Title>