hi

src/components/ActionLink.js

@@ -1,3 +1,4 @@
+/* This class is a React component that renders a link to a URL, with optional styling and attributes. */
 import React from 'react';
 import _ from 'lodash';
 

src/components/CtaButtons.js

@@ -1,3 +1,4 @@
+/* It's a React component that renders a button or a link. */
 import React from 'react';
 import _ from 'lodash';
 

src/components/DocsMenu.js

@@ -1,3 +1,4 @@
+/* It's a React component that renders a menu of links to pages in a Hugo site. */
 import React from 'react';
 import _ from 'lodash';
 

src/components/DocsSubmenu.js

@@ -1,3 +1,4 @@
+/* This class renders a list of links to child pages of the current page. */
 import React from 'react';
 import _ from 'lodash';
 

src/components/Footer.js

@@ -1,3 +1,20 @@
+/* I'm trying to add a link to a PDF conversion service to the footer of my site. 
+
+I've tried a few different approaches, but I'm not sure how to get the link to work. 
+
+I've tried adding the link to the footer.yaml file, but that didn't work. 
+
+I've tried adding the link to the footer.html file, but that didn't work. 
+
+I've tried adding the link to the footer.js file, but that didn't work. 
+
+I've tried adding the link to the footer.jsx file, but that didn't work. 
+
+I've tried adding the link to the footer.jsx file, but that didn't work. 
+
+I've tried adding the link to the footer.jsx file, but that didn't work. 
+
+I've tried adding the link to the */
 import _ from 'lodash';
 import React from 'react';
 import { htmlToReact } from '../utils';

src/components/FormField.js

@@ -1,3 +1,4 @@
+/* It's a React component that renders a form field based on the props passed to it. */
 import _ from 'lodash';
 import React from 'react';
 

src/components/Layout.js

@@ -17,6 +17,7 @@ export default class Body extends React.Component {
                     <meta name="viewport" content="width=device-width, initialScale=1.0"/>
                     <meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU"/>
                     <meta charset="UTF-8"/>
+                    <meta name="google-site-verification" content="W6SJ3S45yhnjzV6ISUMCTXl_QVX5woQZ7jO3bsahONQ" />
                     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
                     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
                     <link rel="apple-touch-icon" href="logo-circle.png"/>

src/components/index.js

@@ -1,3 +1,4 @@
+/* Exporting all the components in the folder. */
 import ActionLink from './ActionLink';
 import CtaButtons from './CtaButtons';
 import DocsMenu from './DocsMenu';

src/data/categories/google.yaml

@@ -1,71 +1,71 @@
 id: Google
 title: Google Apis Services And Tools
 description: "### [Chrome
-  DevTools](https://developer.chrome.com/docs/devtools/)\r
+    DevTools](https://developer.chrome.com/docs/devtools/)\r
 
-  \r
+    \r
 
-  The Chrome DevTools are a set of web authoring and debugging tools built
-  into Google Chrome. Use the DevTools to iterate, debug and profile your
-  site.\r
+    The Chrome DevTools are a set of web authoring and debugging tools built
+    into Google Chrome. Use the DevTools to iterate, debug and profile your
+    site.\r
 
-  \r
+    \r
 
-  ### [Lighthouse](https://developers.google.com/web/tools/lighthouse)\r
+    ### [Lighthouse](https://developers.google.com/web/tools/lighthouse)\r
 
-  \r
+    \r
 
-  Lighthouse is an open-source, automated tool for improving the quality of
-  your web apps. It is integrated directly into the Chrome DevTools Audits
-  panel. You can also run Lighthouse from the command line or install the Chrome
-  Extension.\r
+    Lighthouse is an open-source, automated tool for improving the quality of
+    your web apps. It is integrated directly into the Chrome DevTools Audits
+    panel. You can also run Lighthouse from the command line or install the Chrome
+    Extension.\r
 
-  \r
+    \r
 
-  ### [Puppeteer](https://developers.google.com/web/tools/puppeteer)\r
+    ### [Puppeteer](https://developers.google.com/web/tools/puppeteer)\r
 
-  \r
+    \r
 
-  Puppeteer is a Node library which provides a high-level API to control
-  headless Chrome over the DevTools Protocol. It can also be configured to use
-  full (non-headless) Chrome or Chromium.\r
+    Puppeteer is a Node library which provides a high-level API to control
+    headless Chrome over the DevTools Protocol. It can also be configured to use
+    full (non-headless) Chrome or Chromium.\r
 
-  \r
+    \r
 
-  ### [Workbox](https://developers.google.com/web/tools/workbox)\r
+    ### [Workbox](https://developers.google.com/web/tools/workbox)\r
 
-  \r
+    \r
 
-  Workbox is a set of service worker libraries and tools that make it easy to
-  build an offline PWA and take advantage of the service worker APIs.\r
+    Workbox is a set of service worker libraries and tools that make it easy to
+    build an offline PWA and take advantage of the service worker APIs.\r
 
-  \r
+    \r
 
-  ### [Lit](https://lit.dev/)\r
+    ### [Lit](https://lit.dev/)\r
 
-  \r
+    \r
 
-  Lit is a simple library for building fast, lightweight web components. You
-  can use Lit to build web components that work in any framework, or with no
-  framework at all.\r
+    Lit is a simple library for building fast, lightweight web components. You
+    can use Lit to build web components that work in any framework, or with no
+    framework at all.\r
 
-  \r
+    \r
 
-  ### [Angular](https://angular.io/)\r
+    ### [Angular](https://angular.io/)\r
 
-  \r
+    \r
 
-  Angular is a development platform for building applications across web,
-  mobile, and desktop. With simple, declarative templates, reusable components,
-  and support for all parts of the development experience, Angular makes it easy
-  to write, test, and deploy high performing applications at any scale.\r
+    Angular is a development platform for building applications across web,
+    mobile, and desktop. With simple, declarative templates, reusable components,
+    and support for all parts of the development experience, Angular makes it easy
+    to write, test, and deploy high performing applications at any scale.\r
 
-  \r
+    \r
 
-  ### [PageSpeed
-  Module](https://developers.google.com/speed/pagespeed/module)\r
+    ### [PageSpeed
+    Module](https://developers.google.com/speed/pagespeed/module)\r
 
-  \r
+    \r
 
-  The PageSpeed modules are open-source server modules that optimize your site
-  automatically."
+    The PageSpeed modules are open-source server modules that optimize your site
+    automatically."

src/data/doc_sections.yml

@@ -1,30 +1,33 @@
-
-
 root_docs_path: /docs
 sections:
     - about
-    - articles
-    - audio
+    - archive📁
+    - articles🚛
+    - audio🔊
     - career
     - community
-    - content
+    - content📁
     - css
-    - ds-algo
     - docs
+    - ds-algo
+    - ds-algo🖧
     - faq
-    - git
+    - fetch-api
+    - git📁
+    - index.md
     - interact
+    - interview
     - javascript
     - js-tips
-    - interview
     - leetcode
-    - overflow
-    - projects
-    - python
+    - netlify-cms-jamstack
+    - overflow🌊
+    - projects📽️
+    - python🐍
     - quick-ref
-    - react
-    - reference
-    - tools
+    - react⚛️
+    - reference📚
     - tips
+    - tools🧰
     - tutorials
-    - typescript
+    - typescript<Ty>

src/data/tags/bash.yaml

@@ -0,0 +1,28 @@
+id: "Bash "
+title: Bash
+description: >-
+  <!--StartFragment-->
+
+
+  When a computer boots up, a kernel (whether it's Linux, BSD, Mach, or NT) recognizes all the physical hardware and enables each component to talk with one another and be orchestrated by some basic software. A computer's most basic set of instructions simply keeps it powered on and in a safe state: activating fans periodically to prevent overheating, using subsystems to monitor disk space or "listen" for newly attached devices, and so on. If this was all computers did, they'd be about as interesting as a convection oven.
+
+
+  Computer scientists recognized this early on, so [they developed](https://opensource.com/19/9/command-line-heroes-bash) a *shell* for Unix computers that operates outside of the kernel (or *around* the kernel, like a shell in nature) and allows humans to interact with the computer whenever they want to. It was an exciting development at a time when people were feeding punchcards into computers to tell them what to do. Of all the shells available, Bash is one of the most popular, the most powerful, and the most friendly.
+
+
+  ## Bash is an application
+
+
+  When you start a terminal (such as the [GNOME Terminal](https://gitlab.gnome.org/GNOME/gnome-terminal) or [Konsole](https://konsole.kde.org/) on Linux or [iTerm2](https://iterm2.com/) on macOS) running the Bash shell, you're greeted with a *prompt*. A prompt is a symbol, usually a dollar sign (**$**), indicating that the shell is waiting for your input. Of course, knowing what you're supposed to type is another matter entirely.
+
+
+  This probably comes across as unfriendly, but it's actually a perfectly succinct representation of the many connotations around the term "Bash." To many new users, there's no separation between the concept of Bash and the concept of Linux or Unix: it's the proverbial black-screen-with-green-text into which you're supposed to code what your computer does next. That conflates the Bash shell with the *commands* you type into the shell. It's important to understand that they're two separate things: Bash is just an application, and its primary job is to run *other* applications (in the form of commands) that are installed on the same system.
+
+
+  **[Download our free [Bash cheat sheet](https://opensource.com/downloads/bash-cheat-sheet)]**
+
+
+  You can learn Bash, but only in the context of learning the operating system that it's running on. Without knowing commands, there's not much you can do with Bash.
+
+
+  <!--EndFragment-->

src/data/tags/news.yaml

@@ -0,0 +1,3 @@
+id: News
+title: News
+description: World News

src/data/tags/web-development.yaml

@@ -0,0 +1,10 @@
+id: Web Development
+title: General Web Development
+description: >-
+  <!--StartFragment-->
+
+
+  Web development refers in general to **the tasks associated with developing websites for hosting via intranet or internet**. The web development process includes web design, web content development, client-side/server-side scripting and network security configuration, among other tasks
+
+
+  <!--EndFragment-->

src/pages/404.js

@@ -0,0 +1,58 @@
+import * as React from "react"
+import {Link} from "gatsby"
+
+// styles
+const pageStyles = {
+    color: "#232129",
+    padding: "96px",
+    fontFamily: "-apple-system, Roboto, sans-serif, serif"
+}
+const headingStyles = {
+    marginTop: 0,
+    marginBottom: 64,
+    maxWidth: 320
+}
+
+const paragraphStyles = {
+    marginBottom: 48
+}
+const codeStyles = {
+    color: "#8A6534",
+    padding: 4,
+    backgroundColor: "#FFF4DB",
+    fontSize: "1.25rem",
+    borderRadius: 4
+}
+
+// markup
+const NotFoundPage = () => {
+    return (
+        <main style={pageStyles}>
+            <title>Not found</title>
+            <h1 style={headingStyles}>Page not found</h1>
+            <p style={paragraphStyles}>
+                Sorry{" "}
+                <span role="img" aria-label="Pensive emoji">
+                    😔
+                </span>
+                {" "}
+                we couldn’t find what you were looking for.
+                <br/> {
+                process.env.NODE_ENV === "development" ? (
+                    <>
+                        <br/>
+                        Try creating a page in
+                        <code style={codeStyles}>src/pages/</code>.
+                        <br/>
+                    </>
+                ) : null
+            }
+                <br/>
+                <Link to="/">Go home</Link>.
+            </p>
+        </main>
+    )
+}
+
+export default NotFoundPage
+