update

notes/index.md

@@ -158,7 +158,7 @@ sections:
                   new_window: true
                   no_follow: false
             type: grid_item
-            image: images/iter-c7508519.jpg
+            image: images/ iter.jpg
       type: section_grid
       title: Resume & Portfolio
       col_number: two

package.json

@@ -29,8 +29,8 @@
         "moment-strftime": "0.5.0",
         "node-sass": "4.14.0",
         "node-sass-utils": "1.1.2",
-        "react": "16.5.1",
-        "react-dom": "16.13.1",
+        "react": "16.13.1",
+        "react-dom": "^16.4.2",
         "react-helmet": "5.2.1",
         "react-html-parser": "2.0.2",
         "react-script-tag": "1.1.2",

site-metadata.json

@@ -132,6 +132,14 @@
                         "new_window": false,
                         "no_follow": false
                     },
+                    {
+                        "label": "Do's and Don'ts of interviews",
+                        "url": "interview/dos-and-donts",
+                        "style": "primary",
+                        "icon_class": "dev",
+                        "new_window": false,
+                        "no_follow": false
+                    },
                     {
                         "label": "Interviewing-Tips",
                         "url": "https://bgoonz-blog.netlify.app/docs/career/",
@@ -142,7 +150,7 @@
                     },
                     {
                         "label": "Interview Questions",
-                        "url": "#",
+                        "url": "docs/interview/interview-questions",
                         "style": "primary",
                         "icon_class": "dev",
                         "new_window": false,

src/components/ActionLink.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import { Link, withPrefix, classNames } from '../utils';
+import React from 'react';
+import { classNames, Link, withPrefix } from '../utils';
 import Icon from './Icon';
 export default class ActionLink extends React.Component {
     render() {

src/components/CtaButtons.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import { Link, withPrefix, classNames } from '../utils';
+import React from 'react';
+import { classNames, Link, withPrefix } from '../utils';
 export default class CtaButtons extends React.Component {
     render() {
         let actions = _.get(this.props, 'actions', null);

src/components/DocsMenu.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import { getPage, classNames, Link, withPrefix, pathJoin, getPages } from '../utils';
+import React from 'react';
+import { classNames, getPage, getPages, Link, pathJoin, withPrefix } from '../utils';
 import DocsSubmenu from './DocsSubmenu';
 export default class DocsMenu extends React.Component {
     render() {

src/components/DocsSubmenu.js

@@ -1,22 +1,24 @@
-import React from 'react';
 import _ from 'lodash';
+import React from 'react';
 import { classNames, Link, withPrefix } from '../utils';
 export default class DocsSubmenu extends React.Component {
     render() {
         let child_pages = _.get(this.props, 'child_pages', null);
         let page = _.get(this.props, 'page', null);
         return (
             <ul className="docs-submenu">
-                {_.map(child_pages, (child_page, child_page_idx) => (
-                    <li
-                        key={child_page_idx}
-                        className={classNames('docs-menu-item', {
-                            current: _.get(page, 'url', null) === _.get(child_page, 'url', null)
-                        })}
-                    >
-                        <Link to={withPrefix(_.get(child_page, 'url', null))}>{_.get(child_page, 'frontmatter.title', null)}</Link>
-                    </li>
-                ))}
+                {_.map(child_pages, (child_page, child_page_idx) => {
+                    return (
+                        <li
+                            key={ child_page_idx }
+                            className={ classNames( 'docs-menu-item', {
+                                current: _.get( page, 'url', null ) === _.get( child_page, 'url', null )
+                            } ) }
+                        >
+                            <Link to={ withPrefix( _.get( child_page, 'url', null ) ) }>{ _.get( child_page, 'frontmatter.title', null ) }</Link>
+                        </li>
+                    );
+                })}
             </ul>
         );
     }

src/components/Footer.js

@@ -11,7 +11,7 @@ export default class Footer extends React.Component {
                 <div>
                     <center>
                         <br />
-                        <div id="search"> {Script} </div>
+
                         <br />
                         <table cellPadding={0} cellSpacing={0} border={0}>
                             <tbody>

src/components/Header.js

@@ -79,19 +79,25 @@ export default class Header extends React.Component {
                     </div>
                 </div>
                 <div>
+                    <div id="sb-search-example">
+                        <div className="sb-search-icon" id="myCustomSearchButtonID">
+                            <i className="sb-icon">🔎</i>
+                            <p>Search🔎</p>
+                        </div>
+                    </div>
                     <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
                         <svg
                             aria-hidden="true"
-                            width={40}
-                            height={40}
+                            width={30}
+                            height={30}
                             viewBox="0 0 250 250"
                             style={{
                                 zIndex: 100000,
                                 fill: 'black',
                                 color: '#fff',
                                 position: 'fixed',
                                 top: '0px',
-                                border: 0,
+                                border: 1,
                                 left: '0px',
                                 transform: 'scale(-1.5, 1.5)'
                             }}

src/components/Layout.js

@@ -1,10 +1,10 @@
+import _ from 'lodash';
 import React from 'react';
 import { Helmet } from 'react-helmet';
-import _ from 'lodash';
-import { withPrefix, attribute } from '../utils';
 import '../sass/main.scss';
-import Header from './Header';
+import { attribute, withPrefix } from '../utils';
 import Footer from './Footer';
+import Header from './Header';
 export default class Body extends React.Component {
     render() {
         return (

src/components/SectionContent.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import { classNames, withPrefix, markdownify } from '../utils';
+import React from 'react';
+import { classNames, markdownify, withPrefix } from '../utils';
 import CtaButtons from './CtaButtons';
 export default class SectionContent extends React.Component {
     render() {

src/components/SectionCta.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import {htmlToReact} from '../utils';
+import React from 'react';
+import { htmlToReact } from '../utils';
 import CtaButtons from './CtaButtons';
 export default class SectionCta extends React.Component {
     render() {

src/components/SectionDocs.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import { classNames, htmlToReact, pathJoin, getPage, Link, withPrefix } from '../utils';
+import React from 'react';
+import { classNames, getPage, htmlToReact, Link, pathJoin, withPrefix } from '../utils';
 export default class SectionDocs extends React.Component {
     render() {
         let section = _.get(this.props, 'section', null);

src/components/SectionGrid.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import {classNames, htmlToReact, withPrefix, Link, markdownify} from '../utils';
+import React from 'react';
+import { classNames, htmlToReact, Link, markdownify, withPrefix } from '../utils';
 import CtaButtons from './CtaButtons';
 export default class SectionGrid extends React.Component {
     render() {

src/components/SectionHero.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import _ from 'lodash';
-import {toStyleObj, withPrefix, markdownify} from '../utils';
+import React from 'react';
+import { markdownify, toStyleObj, withPrefix } from '../utils';
 import CtaButtons from './CtaButtons';
 export default class SectionHero extends React.Component {
     render() {