diff --git a/pages/_app.tsx b/pages/_app.tsx
index 0a9dda7..4f139aa 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -29,14 +29,14 @@ export default function MyApp({ Component, pageProps }: AppProps): JSX.Element {
-
+
-
+
diff --git a/public/manifest.json b/public/manifest.json
index c3c3ec5..8983e6a 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,8 +1,21 @@
{
"name": "Patryk Kuchta's Portfolio",
"short_name": "Patryk Kuchta",
+ "icons": [
+ {
+ "src": "/portfolio/white_logo.png",
+ "sizes": "785x228",
+ "type": "image/png"
+ },
+ {
+ "src": "/portfolio/favicon.ico",
+ "sizes": "300x300",
+ "type": "image/x-icon"
+ }
+ ],
"start_url": "/",
"display": "standalone",
"background_color": "#fff",
+ "theme_color": "#000000",
"description": "Patryk Kuchta's portfolio entailing his academic and professional work."
}
\ No newline at end of file
diff --git a/public/portfolio/favicon.ico b/public/portfolio/favicon.ico
index 047fbe6..17e4537 100644
Binary files a/public/portfolio/favicon.ico and b/public/portfolio/favicon.ico differ
diff --git a/public/portfolio/logo.svg b/public/portfolio/logo.svg
deleted file mode 100644
index c725ea7..0000000
--- a/public/portfolio/logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/public/portfolio/manifest.json b/public/portfolio/manifest.json
index d02d922..76a54c3 100644
--- a/public/portfolio/manifest.json
+++ b/public/portfolio/manifest.json
@@ -1,10 +1,15 @@
{
- "short_name": "React App",
- "name": "Create React App Sample",
+ "short_name": "Patryk Kuchta",
+ "name": "Patryk Kuchta - Portfolio",
"icons": [
+ {
+ "src": "white_logo.png",
+ "sizes": "785x228",
+ "type": "image/png"
+ },
{
"src": "favicon.ico",
- "sizes": "256x256 64x64 32x32 24x24 16x16",
+ "sizes": "300x300",
"type": "image/x-icon"
}
],
diff --git a/public/portfolio/profile.png b/public/portfolio/profile.png
index 7d9d42c..a7f759c 100644
Binary files a/public/portfolio/profile.png and b/public/portfolio/profile.png differ
diff --git a/public/portfolio/white_logo.png b/public/portfolio/white_logo.png
new file mode 100644
index 0000000..4022aeb
Binary files /dev/null and b/public/portfolio/white_logo.png differ
diff --git a/public/tinyLogo.svg b/public/tinyLogo.svg
deleted file mode 100644
index 5f0dc3d..0000000
--- a/public/tinyLogo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/portfolio/sections/Intro/TopBar.tsx b/src/portfolio/sections/Intro/TopBar.tsx
index 284a1e0..a6213ee 100644
--- a/src/portfolio/sections/Intro/TopBar.tsx
+++ b/src/portfolio/sections/Intro/TopBar.tsx
@@ -1,6 +1,6 @@
import Image from "next/image";
import styles from "../../styling/intro.module.scss";
-import logo from "../../../../public/portfolio/logo.svg";
+import logo from "../../../../public/portfolio/white_logo.png";
const TopBar = (): JSX.Element => {
return (
diff --git a/src/portfolio/styling/intro.module.scss b/src/portfolio/styling/intro.module.scss
index dfb7a56..3db838e 100644
--- a/src/portfolio/styling/intro.module.scss
+++ b/src/portfolio/styling/intro.module.scss
@@ -18,7 +18,7 @@
flex-wrap: wrap;
column-gap: $largeGap;
row-gap: $smallGap;
- margin: 1em 1.5em;
+ margin: 1.2em 1.8em;
& > div {
display: flex;
@@ -33,6 +33,9 @@
a {
color: $white;
text-decoration: none;
+ font-size: 1.1em;
+ font-weight: 350;
+ margin-top: 0.5em;
&:hover {
color: $accent_colour;
@@ -43,12 +46,18 @@
.left{
margin-left: auto;
+
+ a {
+ font-size: 1em;
+ font-weight: 300;
+ }
}
.logoContainer {
- width: 2.5em;
- height: 2.5em;
+ width: 5em;
+ height: 1.5em;
position: relative;
+ margin-right: 0.5em;
@include nextImg;
}