Bugfix in avatar vertical alignment plus adding optional facebook ico…

…n to app-header
yoisel · Apr 26, 2023 · 5a50c9d · 5a50c9d
1 parent 0b7a986
commit 5a50c9d
Show file tree

Hide file tree

Showing 20 changed files with 127 additions and 13 deletions.
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,28 +1,29 @@
 {
   "files": {
     "main.css": "/static/css/main.e6c13ad2.css",
-    "main.js": "/static/js/main.a6d74033.js",
+    "main.js": "/static/js/main.bc164b3f.js",
     "static/js/787.fbf0fd7a.chunk.js": "/static/js/787.fbf0fd7a.chunk.js",
     "static/media/math.jpg": "/static/media/math.503695ab26291e9e81b6.jpg",
     "static/media/signals-dark.jpg": "/static/media/signals-dark.7fcb905bbe7834e77ecc.jpg",
     "static/media/math-dark-1.jpg": "/static/media/math-dark-1.bcce2dcf1ad5bbd039af.jpg",
     "static/media/math-dark-2.jpg": "/static/media/math-dark-2.50caa0dbcf2a2ed14f92.jpg",
-    "static/media/sginals.jpg": "/static/media/sginals.5d9241602f8a9448f54a.jpg",
+    "static/media/woman-face-cartoon.jpg": "/static/media/woman-face-cartoon.2d40c08098b2f0ba1c00.jpg",
+    "static/media/signals.jpg": "/static/media/signals.5d9241602f8a9448f54a.jpg",
     "static/media/universe.jpg": "/static/media/universe.695795586fb284496b34.jpg",
     "static/media/music.jpg": "/static/media/music.c819248f75312d0bdceb.jpg",
     "static/media/education.jpg": "/static/media/education.40801cb53099458ce631.jpg",
     "static/media/networks.jpg": "/static/media/networks.a966e8f22eddb3b83a40.jpg",
-    "static/media/avatar.png": "/static/media/avatar.022d9f03f1bd8dde4213.png",
     "static/media/github.svg": "/static/media/github.b28a8031836582cfd590ce509b0f3e98.svg",
     "static/media/stackoverflow.svg": "/static/media/stackoverflow.9e5b305d11ae78cca34779aaa6109ffd.svg",
     "static/media/linkedin.svg": "/static/media/linkedin.038e9d46b9880004e87539bcae1ef824.svg",
+    "static/media/facebook.svg": "/static/media/facebook.4ba0f48b291b567921670ccc467e077c.svg",
     "index.html": "/index.html",
     "main.e6c13ad2.css.map": "/static/css/main.e6c13ad2.css.map",
-    "main.a6d74033.js.map": "/static/js/main.a6d74033.js.map",
+    "main.bc164b3f.js.map": "/static/js/main.bc164b3f.js.map",
     "787.fbf0fd7a.chunk.js.map": "/static/js/787.fbf0fd7a.chunk.js.map"
   },
   "entrypoints": [
     "static/css/main.e6c13ad2.css",
-    "static/js/main.a6d74033.js"
+    "static/js/main.bc164b3f.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/programming.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/programming192.png"/><link rel="manifest" href="/manifest.json"/><title id="app-title">React App</title><script defer="defer" src="/static/js/main.a6d74033.js"></script><link href="/static/css/main.e6c13ad2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/programming.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/programming192.png"/><link rel="manifest" href="/manifest.json"/><title id="app-title">React App</title><script defer="defer" src="/static/js/main.bc164b3f.js"></script><link href="/static/css/main.e6c13ad2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/docs/robots.txt b/docs/robots.txt
@@ -1,3 +1,3 @@
 # https://www.robotstxt.org/robotstxt.html
 User-agent: *
-Disallow:
+Disallow: /
diff --git a/docs/static/js/main.bc164b3f.js b/docs/static/js/main.bc164b3f.js
diff --git a/docs/static/js/main.bc164b3f.js.LICENSE.txt b/docs/static/js/main.bc164b3f.js.LICENSE.txt
@@ -0,0 +1,66 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @mui/styled-engine v5.11.11
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/docs/static/js/main.bc164b3f.js.map b/docs/static/js/main.bc164b3f.js.map
diff --git a/docs/static/media/facebook.4ba0f48b291b567921670ccc467e077c.svg b/docs/static/media/facebook.4ba0f48b291b567921670ccc467e077c.svg
diff --git a/src/assets/ai-generated/sginals.jpg → ...ic/media/signals.5d9241602f8a9448f54a.jpg b/src/assets/ai-generated/sginals.jpg → ...ic/media/signals.5d9241602f8a9448f54a.jpg
diff --git a/docs/static/media/woman-face-cartoon.2d40c08098b2f0ba1c00.jpg b/docs/static/media/woman-face-cartoon.2d40c08098b2f0ba1c00.jpg
diff --git a/public/robots.txt b/public/robots.txt
@@ -1,3 +1,3 @@
 # https://www.robotstxt.org/robotstxt.html
 User-agent: *
-Disallow:
+Disallow: /
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,7 +1,7 @@
 import { createTheme, ThemeProvider, CssBaseline } from '@mui/material';
 import { useEffectOnce } from 'usehooks-ts';
 
-import { themeOptions } from './themes/grayscale';
+import { themeOptions } from './themes/dark-blue';
 import { AppHeader } from './components/AppHeader';
 import { AppContents } from './components/AppContents';
 import { appConfig } from './model/AppData';

diff --git a/src/assets/ai-generated/signals.jpg b/src/assets/ai-generated/signals.jpg
diff --git a/src/assets/social/facebook.svg b/src/assets/social/facebook.svg
diff --git a/src/assets/social/facebook.txt b/src/assets/social/facebook.txt
@@ -0,0 +1,2 @@
+source: https://www.svgrepo.com/svg/503338/facebook
+licence: MIT
diff --git a/src/assets/woman-face-cartoon.jpg b/src/assets/woman-face-cartoon.jpg
diff --git a/src/components/DefaultImages.tsx b/src/components/DefaultImages.tsx
@@ -3,12 +3,12 @@ import mathDark1 from '../assets/ai-generated/math-dark-1.jpg';
 import music from '../assets/ai-generated/music.jpg';
 import math from '../assets/ai-generated/math.jpg';
 import networks from '../assets/ai-generated/networks.jpg';
-import signals from '../assets/ai-generated/sginals.jpg';
+import signals from '../assets/ai-generated/signals.jpg';
 import signalsDark from '../assets/ai-generated/signals-dark.jpg';
 import universe from '../assets/ai-generated/universe.jpg';
 import education from '../assets/ai-generated/education.jpg';
 
-import avatar from '../assets/avatar.png';
+import avatar from '../assets/woman-face-cartoon.jpg';
 
 export class DefaultImages {
   static MathDark2 = mathDark2;

diff --git a/src/components/SocialIcons.tsx b/src/components/SocialIcons.tsx
@@ -2,6 +2,7 @@ import { IconButton, SvgIcon } from '@mui/material';
 import { ReactComponent as StackoverflowIcon } from '../assets/social/stackoverflow.svg';
 import { ReactComponent as GithubIcon } from '../assets/social/github.svg';
 import { ReactComponent as LinkedinIcon } from '../assets/social/linkedin.svg';
+import { ReactComponent as FacebookIcon } from '../assets/social/facebook.svg';
 import { SocialLinks } from '../model/AppData.interface';
 
 export const SocialIcons = (props: SocialLinks) => (
@@ -21,5 +22,10 @@ export const SocialIcons = (props: SocialLinks) => (
         <SvgIcon component={LinkedinIcon} inheritViewBox />
       </IconButton>
     )}
+    {props.facebook && (
+      <IconButton color='default' href={props.facebook} target='_blank'>
+        <SvgIcon component={FacebookIcon} inheritViewBox />
+      </IconButton>
+    )}
   </div>
 );
diff --git a/src/model/AppData.interface.tsx b/src/model/AppData.interface.tsx
@@ -32,6 +32,11 @@ export interface SocialLinks {
    * Link to a github profile
    */
   github?: string;
+
+  /**
+   * Link to a facebook profile
+   */
+  facebook?: string;
 }
 
 export interface AppHeaderConfig {

diff --git a/src/model/AppData.tsx b/src/model/AppData.tsx
@@ -3,12 +3,13 @@ import { AppConfig } from './AppData.interface';
 
 // json-like object for app configuration
 export const appConfig: AppConfig = {
-  title: 'Jhon Snow\'s Portfolio',
+  title: 'Jane Snow\'s Portfolio',
   avatarImage: DefaultImages.Avatar,
   social: {
     github: 'https://github.com/random',
     linkedin: 'https://www.linkedin.com/in/random/',
-    stackoverflow: 'https://stackoverflow.com/users/000000/random'
+    stackoverflow: 'https://stackoverflow.com/users/000000/random',
+    facebook: 'https://facebook.com/random/'
   },
   sections: [
     {

diff --git a/src/themes/green.tsx b/src/themes/green.tsx
@@ -0,0 +1,17 @@
+import { ThemeOptions } from '@mui/material';
+
+export const themeOptions: ThemeOptions = {
+  palette: {
+    mode: 'dark',
+    primary: {
+      main: '#98FB98'
+    },
+    secondary: {
+      main: '#32CD32'
+    },
+    background: {
+      default: '#355E3B',
+      paper: '#228B22'
+    }
+  }
+};
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/programming.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/programming192.png"/><link rel="manifest" href="/manifest.json"/><title id="app-title">React App</title><script defer="defer" src="/static/js/main.a6d74033.js"></script><link href="/static/css/main.e6c13ad2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/programming.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/programming192.png"/><link rel="manifest" href="/manifest.json"/><title id="app-title">React App</title><script defer="defer" src="/static/js/main.bc164b3f.js"></script><link href="/static/css/main.e6c13ad2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		source: https://www.svgrepo.com/svg/503338/facebook
		licence: MIT