diff --git a/src/components/Footer.js b/src/components/Footer.js index 634eaec64e..656f051b95 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -1,227 +1,162 @@ import _ from 'lodash'; import React from 'react'; -import { - classNames, - Link, - withPrefix -} from '../utils'; +import { htmlToReact } from '../utils'; import ActionLink from './ActionLink'; -import Submenu from './Submenu'; -export default class Header extends React.Component { + +export default class Footer extends React.Component { render() { - return ( < - header id = "masthead" - className = "site-header outer" > - < - br / > - < - div className = "inner" > - < - div className = "site-header-inside" > - < - div className = "site-branding" > { - _.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null) ? ( < - p className = "site-logo" > - < - Link to = { - withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/') - } > - < - img src = { - withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null)) - } - alt = { - _.get(this.props, 'pageContext.site.siteMetadata.header.logo_img_alt', null) - } - /> < - /Link> < - /p> - ) : ( < - p className = "site-logo" > - < - Link to = { - withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/') - } > { - _.get(this.props, 'pageContext.site.siteMetadata.header.title', null) - } < - /Link> < - /p> - ) - } < - /div> { - _.get(this.props, 'pageContext.site.siteMetadata.header.has_nav', null) && ( < - React.Fragment > - < - nav id = "main-navigation" - className = "site-navigation" - aria - label = "Main Navigation" > - < - div className = "site-nav-inside" > - < - button id = "menu-close" - className = "menu-toggle" > - < - span className = "screen-reader-text" > Open Menu < /span> < - span className = "icon-close" - aria - hidden = "true" / > - < - /button> < - ul className = "menu" > { - _.map(_.get(this.props, 'pageContext.site.siteMetadata.header.nav_links', null), (action, action_idx) => { - let page_url = _.trim(_.get(this.props, 'pageContext.url', null), '/'); - let action_url = _.trim(_.get(action, 'url', null), '/'); - return ( < - li key = { - action_idx - } - className = { - classNames('menu-item', { - 'has-children': _.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null), - current: page_url === action_url, - 'menu-button': _.get(action, 'style', null) !== 'link' - }) - } > - < - ActionLink { - ...this.props - } - action = { - action - } - /> { - _.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null) && ( < - React.Fragment > - < - button className = "submenu-toggle" > - < - span className = "icon-angle-right" - aria - hidden = "true" / > - < - span className = "screen-reader-text" > Sub - menu < /span> < - /button> < - Submenu { - ...this.props - } - submenu = { - _.get(action, 'subnav_links', null) - } - menu_class = { - 'submenu' - } - page = { - this.props.pageContext - } - /> < - /React.Fragment> - ) - } < - /li> - ); - }) - } < - /ul> < - /div> < - /nav> < - button id = "menu-open" - className = "menu-toggle" > - < - span className = "screen-reader-text" > Close Menu < /span> < - span className = "icon-menu" - aria - hidden = "true" / > - < - /button> < - /React.Fragment> - ) - } < - /div> < - /div> < - div > - < - > - < - br > < /br> < - br > < /br> < - br > < /br> < - br > < /br> < - br > < /br> < - br > < /br> < - div id = "sb-search-input-example" > - < - div className = "sb-content sb-hero" > - < - div className = "sb-search sb-hero" > - < - div className = "sb-input" > - < - input className = "sb-search-field" - name = "pesquisa" - placeholder = "Search for" - type = "search" - autoComplete = "on" - id = "myCustomTextInputID" / - > - < - div className = "sb-search-icon" - id = "myCustomSearchButtonID" > - < - i className = "sb-icon" > ๐Ÿ”Ž < /i> < - /div> < - /div> < - /div> < - /div> < - style dangerouslySetInnerHTML = { - { - __html: "\n @font-face {\n font-family: font-sb;\n src: url(https://api.searchbar.org/fonts/sb.eot?39450784);\n src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');\n font-weight: 400;\n font-style: normal\n }\n\n #sb-search-input-example {\n position: static;\n top: 0;\n width: 100%;\n height: 90px;\n place-content: center;\n display: flex;\n }\n\n #sb-search-input-example a, #sb-search-input-example button, #sb-search-input-example div, #sb-search-input-example em, #sb-search-input-example h1, #sb-search-input-example h2, #sb-search-input-example h3, #sb-search-input-example h4, #sb-search-input-example h5, #sb-search-input-example input, #sb-search-input-example p, #sb-search-input-example span {\n all: initial;\n font-family: Roboto, Helvetica, Arial;\n font-size: 0px;\n }\n\n #sb-search-input-example div, #sb-search-input-example h1, #sb-search-input-example h2, #sb-search-input-example h3, #sb-search-input-example h4, #sb-search-input-example h5, #sb-search-input-example p {\n display: block\n }\n\n #sb-search-input-example div, #sb-search-input-example em, #sb-search-input-example h1, #sb-search-input-example h2, #sb-search-input-example h3, #sb-search-input-example h4, #sb-search-input-example h5, #sb-search-input-example p, #sb-search-input-example span {\n font-size: inherit;\n font-weight: inherit;\n text-transform: inherit;\n color: inherit\n }\n\n #sb-search-input-example a, #sb-search-input-example a * {\n cursor: pointer;\n user-select: none\n }\n\n #sb-search-input-example * {\n box-sizing: border-box\n }\n\n\n #sb-search-input-example .sb-content {\n background: rgba(238, 238, 238, .82);\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n border-radius: 46px;\n display: block;\n text-align: left;\n width: 100%;\n top: calc(120px - 92px);\n margin-bottom: 0;\n overflow: hidden;\n z-index: 1000\n }\n\n #sb-search-input-example .sb-content.sb-hero {\n top: 0px;\n max-width: 660px;\n height: auto;\n z-index: 800;\n background-color: rgba(202, 202, 202, 0.2);\n -webkit-backdrop-filter: blur(30px);\n backdrop-filter: blur(30px)\n }\n\n #sb-search-input-example .sb-search {\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n border-radius: 116px;\n border: 0 none;\n height: 58px;\n width: auto;\n margin: 16px;\n display: flex;\n z-index: 999;\n position: relative;\n }\n\n #sb-search-input-example .sb-search.sb-hero {\n padding: 0 0 0 16px;\n background-color: white;\n }\n\n #sb-search-input-example .sb-input {\n align-items: center;\n display: flex;\n height: 100%;\n width: 100%;\n border-radius: 100%;\n padding: 0 0 0 8px\n }\n\n #sb-search-input-example input {\n outline: 0;\n color: #007cff;\n background-color: rgba(0, 0, 0, 0);\n -webkit-appearance: none\n }\n\n #sb-search-input-example ::placeholder {\n color: #8a8a8a;\n opacity: 1\n\n }\n\n #sb-search-input-example input[type=search]::-ms-clear {\n display: none;\n width: 0;\n height: 0\n }\n\n #sb-search-input-example input[type=search]::-ms-reveal {\n display: none;\n width: 0;\n height: 0\n }\n\n #sb-search-input-example input[type=search]::-webkit-search-cancel-button, #sb-search-input-example input[type=search]::-webkit-search-decoration, #sb-search-input-example input[type=search]::-webkit-search-results-button, #sb-search-input-example input[type=search]::-webkit-search-results-decoration {\n display: none\n }\n\n #sb-search-input-example .sb-search-field {\n border: 0 none;\n height: 100%;\n width: 100%;\n font-size: 18px;\n display: block\n }\n\n #sb-search-input-example .sb-icon {\n font: normal normal 400 26px font-sb;\n line-height: 26px;\n align-items: center;\n padding: 10px;\n speak: none;\n display: inline-block;\n text-decoration: inherit;\n text-align: center;\n text-transform: none;\n cursor: pointer;\n margin: 0;\n }\n\n #sb-search-input-example .sb-search-icon {\n box-sizing: border-box;\n border: 0px;\n margin-right: 7px;\n align-items: center;\n border-radius: 50%;\n background: #007cff;\n color: #fff;\n cursor: pointer;\n display: flex;\n }\n\n @media (prefers-color-scheme: dark) {\n\n #sb-search-input-example .sb-search.sb-hero {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n #sb-search-input-example .sb-content {\n background: rgba(20, 20, 20, .8);\n }\n\n\n #sb-search-input-example .sb-search {\n background: rgba(0, 0, 0, 0.7);\n }\n\n #sb-search-input-example .sb-icon {\n color: #fff;\n }\n\n #sb-search-input-example input {\n outline: 0;\n color: #5eb2fe;\n -webkit-appearance: none;\n }\n\n #sb-search-input-example ::placeholder {\n color: #b5b5b5;\n opacity: 1;\n }\n\n }\n\t" - } - } - /> < - /div> < - /> + return ( + ); } -} \ No newline at end of file +} diff --git a/src/pages/docs/javascript/snippets.md b/src/pages/docs/javascript/snippets.md new file mode 100644 index 0000000000..d8200221bc --- /dev/null +++ b/src/pages/docs/javascript/snippets.md @@ -0,0 +1,17 @@ +--- +title: Javascript +weight: 0 +excerpt: Javascript Snippets +seo: + title: 'JavaScript Programming Language' + description: '' + robots: [] + extra: [] + type: stackbit_page_meta +template: docs +--- + +# Javascript Snippets + + + diff --git a/src/pages/docs/tools/all-stripped.md b/src/pages/docs/tools/all-stripped.md deleted file mode 100644 index c5c7a64850..0000000000 --- a/src/pages/docs/tools/all-stripped.md +++ /dev/null @@ -1,273 +0,0 @@ ---- -title: ALL -weight: 0 -excerpt: more tools that I have created or collaborated on. -seo: - title: 'Embed ALL' - description: 'embeded developer tools and utilities' - robots: [] - extra: [] - type: stackbit_page_meta -template: docs ---- - -# ALL - - -
- -
- -
-
-

Archive

- - -
- - - -
- -
-
-

Resource Archive

- -
- -
-
-

Google Drive

- - - -
- -
-
-

Cloud Storage

-

Up to 1TB of cloud Storage for file sharing!

- - - -
- -
-
-

Internet Archive

- - - -
- -
-
-

Lambda Student Site

- - - -
- -
-
-

Bass Station CSS Showcase

- - - -
- -
-
-

Interview

- - - -
- -
-
-

Speach Recognition api

- - - -
- -
-
-

The Algos Bgoonz Branch

- - - -

Markdown Templates

- - - -

CURL

- - - -
- -
-
-

Text Tools

- - - -
- -
-
-

Ternary Converter

- - - -
- -
-
-

Github HTML Render from link

- - - -
- -
-
-

Form Builder GUI

- - - -
- -
-
-

Border Builder

- - -## Archives - -
- -
-
-

Original Blog Site

- - -## General Utilities - -
- -
-
-

Semvar Checker

- - - -
- -
-
-

Photo Editor

- - - - - -
- -
-
-

Paste Excel Tabel To Markdown

- - - -

Paste excel to HTML

- - - -
- -
-
-

Markdown tools

- - - - - -
- -
-
-

PDF Tools

- - - -
- -
-
-

React Calculator

- - - -
- -
-
-

Number Base Converter

- - - -
- -
-
-

Text Tools

- - - -
- -
-
-

Paste excel to HTML

- - - -

Awesome Search

- - - - - - - - - -
- -
-
-

- - - - + encrypted-media; gyroscope; >

@@ -581,3 +581,267 @@ template: docs Simple Typing Carousel by Bryan C Guner (@bgoonz) on CodePen. + + + + + + + +
+ +
+ +
+
+

Archive

+ + +
+ + + +
+ +
+
+

Cloud Storage

+

Up to 1TB of cloud Storage for file sharing!

+ + + +
+ +
+
+

Internet Archive

+ + + +
+ +
+
+

Lambda Student Site

+ + + +
+ +
+
+

Bass Station CSS Showcase

+ + + +
+ +
+
+

Interview

+ + + +
+ +
+
+

Speach Recognition api

+ + + +
+ +
+
+

The Algos Bgoonz Branch

+ + + +

Markdown Templates

+ + + +

CURL

+ + + +
+ +
+
+

Text Tools

+ + + +
+ +
+
+

Ternary Converter

+ + + +
+ +
+
+

Github HTML Render from link

+ + + +
+ +
+
+

Form Builder GUI

+ + + +
+ +
+
+

Border Builder

+ + +## Archives + +
+ +
+
+

Original Blog Site

+ + +## General Utilities + +
+ +
+
+

Semvar Checker

+ + + +
+ +
+
+

Photo Editor

+ + + + + +
+ +
+
+

Paste Excel Tabel To Markdown

+ + + +

Paste excel to HTML

+ + + +
+ +
+
+

Markdown tools

+ + + + + +
+ +
+
+

PDF Tools

+ + + +
+ +
+
+

React Calculator

+ + + +
+ +
+
+

Number Base Converter

+ + + +
+ +
+
+

Text Tools

+ + + +
+ +
+
+

Paste excel to HTML

+ + + +

Awesome Search

+ + + + + + + + + +
+ +
+
+

DS Algo

+ + + + +

@@ -54,7 +54,7 @@ template: docs


- +


@@ -65,7 +65,7 @@ template: docs

- +

@@ -87,7 +87,7 @@ template: docs

- +

@@ -113,7 +113,7 @@ template: docs

- +

@@ -142,7 +142,7 @@ template: docs


- +


@@ -162,7 +162,7 @@ template: docs


- +


@@ -187,7 +187,7 @@ template: docs


- +


@@ -203,7 +203,7 @@ template: docs


- +


@@ -214,7 +214,7 @@ template: docs

- +

@@ -235,7 +235,7 @@ template: docs


- +

@@ -257,7 +257,7 @@ template: docs

- +

@@ -279,7 +279,7 @@ template: docs

- +

@@ -297,7 +297,7 @@ template: docs

- +

@@ -335,7 +335,7 @@ template: docs

- +


diff --git a/src/pages/docs/tools/dev-utilities.md b/src/pages/docs/tools/dev-utilities.md index 46b32db887..a210c7a1f9 100644 --- a/src/pages/docs/tools/dev-utilities.md +++ b/src/pages/docs/tools/dev-utilities.md @@ -19,7 +19,7 @@ template: docs

Search


- +

@@ -35,7 +35,7 @@ template: docs

Photo Editor


- +

@@ -45,7 +45,7 @@ template: docs

PDF Tools


- +

@@ -58,7 +58,7 @@ template: docs

Text Tools


- +

@@ -70,7 +70,7 @@ template: docs

Ternary Converter


- +

diff --git a/src/pages/docs/tools/index.md b/src/pages/docs/tools/index.md index 442519c7d1..2f054b8a66 100644 --- a/src/pages/docs/tools/index.md +++ b/src/pages/docs/tools/index.md @@ -35,59 +35,62 @@ seo: template: docs --- + +

Markdown tools

+


-

PDF Tools


+ - +


- -


-

Markdown tools

+ +

PDF Tools


- - +


+ +

Number Base Converter


- +

Text Tools


- +

Other Tools


- +

Awesome Search

- +


Paste excel to HTML


- +

Cloud Storage

@@ -101,14 +104,14 @@ template: docs


- +


Text Tools


- +

@@ -118,7 +121,7 @@ template: docs

Ternary Converter


- +

@@ -129,7 +132,7 @@ template: docs

Github HTML Render from link


- +

@@ -140,13 +143,13 @@ template: docs

Form Builder GUI


- +