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

Updated ui

Browse Source
This commit is contained in:
Morten Olsen
2021-08-26 09:36:43 +02:00
parent 6661a9c45c
commit 315fb5721c
9 changed files with 177 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/index.tsx
View File

@@ -1,40 +1,20 @@
import React, { useEffect } from 'react';
import styled from 'styled-components';
import React from 'react';
import Head from 'next/head';
import Background from '../components/Background';
import Me from '../components/Me';
import Social from '../components/Social';
const Canvas = styled.canvas`
position: fixed;
top: 0;
left: 0;
widht: 100%;
height: 100%;
z-index: -1;
`;
const Frontpage: React.FC<{}> = () => {
useEffect(() => {
const run = async () => {
const { default: Particles } = await import('particlesjs');
Particles.init({
selector: '.background',
connectParticles: true,
color: '#dddddd',
maxParticles: 200,
});
console.log(Particles);
};
run();
});
return (
<>
<Head>
<title>Morten Olsen</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap" rel="stylesheet" />
</Head>
<Background />
<Me />
<Canvas className="background" />
<Social
sites={[{
title: 'Github',