From 85e151edd01cbecdae6410458cf8fbff6ea1ad99 Mon Sep 17 00:00:00 2001 From: Harsh Raj Date: Wed, 10 May 2023 17:55:54 +0530 Subject: [PATCH] =?UTF-8?q?Initial=20Beta=20Release=20=F0=9F=A5=B3=20(#1)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/CODEOWNERS | 1 + .github/ISSUE_TEMPLATE/bug_report.yml | 50 ++++++++ .github/ISSUE_TEMPLATE/config.yml | 21 ++++ .github/ISSUE_TEMPLATE/documentation.yml | 36 ++++++ .github/ISSUE_TEMPLATE/feature_request.yml | 34 ++++++ .github/dependabot.yml | 11 ++ CODE_OF_CONDUCT.md | 128 +++++++++++++++++++++ CONTRIBUTING.md | 75 ++++++++++++ LICENSE.md | 21 ++++ README.md | 85 ++++++++++---- components/DarkmodeToggle/index.tsx | 20 ++++ components/Social/Twitter.tsx | 19 +++ components/Sponsor/index.tsx | 7 +- data/SiteMetadata.ts | 4 +- pages/_meta.json | 12 +- pages/index.mdx | 54 ++++++++- pages/number-system.mdx | 48 ++++---- pages/number-system/binary-number.mdx | 29 +++-- pages/number-system/decimal-number.mdx | 64 +++++++++++ pages/number-system/hexadecimal-number.mdx | 84 ++++++++++++++ pages/number-system/octal-number.mdx | 88 ++++++++++++++ public/nextra.svg | 17 +++ public/vercel.svg | 1 + tailwind.config.js | 15 +-- theme.config.tsx | 47 +++++++- 25 files changed, 894 insertions(+), 77 deletions(-) create mode 100644 .github/CODEOWNERS create mode 100644 .github/ISSUE_TEMPLATE/bug_report.yml create mode 100644 .github/ISSUE_TEMPLATE/config.yml create mode 100644 .github/ISSUE_TEMPLATE/documentation.yml create mode 100644 .github/ISSUE_TEMPLATE/feature_request.yml create mode 100644 .github/dependabot.yml create mode 100644 CODE_OF_CONDUCT.md create mode 100644 CONTRIBUTING.md create mode 100644 LICENSE.md create mode 100644 components/DarkmodeToggle/index.tsx create mode 100644 components/Social/Twitter.tsx create mode 100644 pages/number-system/decimal-number.mdx create mode 100644 pages/number-system/hexadecimal-number.mdx create mode 100644 pages/number-system/octal-number.mdx create mode 100644 public/nextra.svg create mode 100644 public/vercel.svg diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS new file mode 100644 index 0000000..65fb857 --- /dev/null +++ b/.github/CODEOWNERS @@ -0,0 +1 @@ +* @harshraj8843 diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml new file mode 100644 index 0000000..8309200 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/bug_report.yml @@ -0,0 +1,50 @@ +name: ๐Ÿ›Bug Report +description: File a bug report here +title: "[BUG]: " +labels: ["bug"] +assignees: ["harshraj8843"] +body: + - type: markdown + attributes: + value: | + Thanks for taking the time to fill out this bug report ๐Ÿค— + Make sure there aren't any open/closed issues for this topic ๐Ÿ˜ƒ + + For any query, ask in [Discussions](https://github.com/orgs/codinasion/discussions) + + - type: textarea + id: bug-description + attributes: + label: Description of the bug + description: Give a brief description of what happened and what should have happened + validations: + required: true + + - type: textarea + id: steps-to-reproduce + attributes: + label: Steps To Reproduce + description: Steps to reproduce the behavior. + placeholder: | + 1. Go to '...' + 2. Click on '...' + 3. Scroll down to '...' + 4. See the error + validations: + required: true + + - type: textarea + id: additional-information + attributes: + label: Additional Information + description: | + Please provide any additional information such as logs, screenshots, links, and scenarios in which the bug occurs to facilitate resolving the issue. + + - type: checkboxes + id: terms + attributes: + label: Code of Conduct + description: This project has a Code of Conduct that all participants are expected to understand and follow. + options: + - label: I have read and agree to the project's [Code of Conduct](https://github.com/codinasion/.github/blob/master/CODE_OF_CONDUCT.md) + required: true diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml new file mode 100644 index 0000000..4792b64 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/config.yml @@ -0,0 +1,21 @@ +blank_issues_enabled: true +contact_links: + - name: Discussions + url: https://github.com/orgs/codinasion/discussions + about: For any query, ask here. + + - name: Discord + url: https://discord.gg/PzNmxsrXTX + about: Connect with all the maintainers and awesome contributors. + + - name: Twitter + url: https://twitter.com/codinasion + about: Follow us on Twitter for updates. + + - name: Email + url: mailto:codinasion@gmail.com + about: Send us an email for any query. + + - name: Website + url: https://codinasion.org + about: Visit our website for more information. diff --git a/.github/ISSUE_TEMPLATE/documentation.yml b/.github/ISSUE_TEMPLATE/documentation.yml new file mode 100644 index 0000000..0ae47f6 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/documentation.yml @@ -0,0 +1,36 @@ +name: ๐Ÿ“„ Documentation issue +description: Found an issue in the documentation +title: "[DOCS]: " +labels: ["documentation"] +assignees: ["harshraj8843"] +body: + - type: markdown + attributes: + value: | + Please make sure this documentation-related issue hasn't been already submitted by someone by looking through other open/closed issues + + For any query, ask in [Discussions](https://github.com/orgs/codinasion/discussions) + + - type: textarea + id: description + attributes: + label: Description of the issue + description: Give a brief description of what happened and what should have happened + validations: + required: true + + - type: textarea + id: additional-information + attributes: + label: Additional Information + description: | + Please provide any additional information such as logs, screenshots, links, and scenarios in which the issue occurs to facilitate resolving the issue. + + - type: checkboxes + id: terms + attributes: + label: Code of Conduct + description: This project has a Code of Conduct that all participants are expected to understand and follow. + options: + - label: I have read and agree to the project's [Code of Conduct](https://github.com/codinasion/.github/blob/master/CODE_OF_CONDUCT.md) + required: true diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml new file mode 100644 index 0000000..d704fba --- /dev/null +++ b/.github/ISSUE_TEMPLATE/feature_request.yml @@ -0,0 +1,34 @@ +name: โœจFeature Request +description: Request a new feature or enhancement +labels: ["enhancement"] +title: "[FEAT]: " +body: + - type: markdown + attributes: + value: | + Please make sure this feature request hasn't been already submitted by someone by looking through other open/closed issues + + For any query, ask in [Discussions](https://github.com/orgs/codinasion/discussions) + + - type: textarea + id: description + attributes: + label: Description + description: Give us a brief description of the feature or enhancement you would like + validations: + required: true + + - type: textarea + id: additional-information + attributes: + label: Additional Information + description: Give us some additional information on the feature request like proposed solutions, links, screenshots, etc. + + - type: checkboxes + id: terms + attributes: + label: Code of Conduct + description: This project has a Code of Conduct that all participants are expected to understand and follow. + options: + - label: I have read and agree to the project's [Code of Conduct](https://github.com/codinasion/.github/blob/master/CODE_OF_CONDUCT.md) + required: true diff --git a/.github/dependabot.yml b/.github/dependabot.yml new file mode 100644 index 0000000..3a3cce5 --- /dev/null +++ b/.github/dependabot.yml @@ -0,0 +1,11 @@ +# To get started with Dependabot version updates, you'll need to specify which +# package ecosystems to update and where the package manifests are located. +# Please see the documentation for all configuration options: +# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates + +version: 2 +updates: + - package-ecosystem: "npm" # See documentation for possible values + directory: "/" # Location of package manifests + schedule: + interval: "weekly" diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md new file mode 100644 index 0000000..0712312 --- /dev/null +++ b/CODE_OF_CONDUCT.md @@ -0,0 +1,128 @@ +# Contributor Covenant Code of Conduct + +## Our Pledge + +We as members, contributors, and leaders pledge to make participation in our +community a harassment-free experience for everyone, regardless of age, body +size, visible or invisible disability, ethnicity, sex characteristics, gender +identity and expression, level of experience, education, socio-economic status, +nationality, personal appearance, race, religion, or sexual identity +and orientation. + +We pledge to act and interact in ways that contribute to an open, welcoming, +diverse, inclusive, and healthy community. + +## Our Standards + +Examples of behavior that contributes to a positive environment for our +community include: + +- Demonstrating empathy and kindness toward other people +- Being respectful of differing opinions, viewpoints, and experiences +- Giving and gracefully accepting constructive feedback +- Accepting responsibility and apologizing to those affected by our mistakes, + and learning from the experience +- Focusing on what is best not just for us as individuals, but for the + overall community + +Examples of unacceptable behavior include: + +- The use of sexualized language or imagery, and sexual attention or + advances of any kind +- Trolling, insulting or derogatory comments, and personal or political attacks +- Public or private harassment +- Publishing others' private information, such as a physical or email + address, without their explicit permission +- Other conduct which could reasonably be considered inappropriate in a + professional setting + +## Enforcement Responsibilities + +Community leaders are responsible for clarifying and enforcing our standards of +acceptable behavior and will take appropriate and fair corrective action in +response to any behavior that they deem inappropriate, threatening, offensive, +or harmful. + +Community leaders have the right and responsibility to remove, edit, or reject +comments, commits, code, wiki edits, issues, and other contributions that are +not aligned to this Code of Conduct, and will communicate reasons for moderation +decisions when appropriate. + +## Scope + +This Code of Conduct applies within all community spaces, and also applies when +an individual is officially representing the community in public spaces. +Examples of representing our community include using an official e-mail address, +posting via an official social media account, or acting as an appointed +representative at an online or offline event. + +## Enforcement + +Instances of abusive, harassing, or otherwise unacceptable behavior may be +reported to the community leaders responsible for enforcement at +`codinasion@gmail.com`. +All complaints will be reviewed and investigated promptly and fairly. + +All community leaders are obligated to respect the privacy and security of the +reporter of any incident. + +## Enforcement Guidelines + +Community leaders will follow these Community Impact Guidelines in determining +the consequences for any action they deem in violation of this Code of Conduct: + +### 1. Correction + +**Community Impact**: Use of inappropriate language or other behavior deemed +unprofessional or unwelcome in the community. + +**Consequence**: A private, written warning from community leaders, providing +clarity around the nature of the violation and an explanation of why the +behavior was inappropriate. A public apology may be requested. + +### 2. Warning + +**Community Impact**: A violation through a single incident or series +of actions. + +**Consequence**: A warning with consequences for continued behavior. No +interaction with the people involved, including unsolicited interaction with +those enforcing the Code of Conduct, for a specified period of time. This +includes avoiding interactions in community spaces as well as external channels +like social media. Violating these terms may lead to a temporary or +permanent ban. + +### 3. Temporary Ban + +**Community Impact**: A serious violation of community standards, including +sustained inappropriate behavior. + +**Consequence**: A temporary ban from any sort of interaction or public +communication with the community for a specified period of time. No public or +private interaction with the people involved, including unsolicited interaction +with those enforcing the Code of Conduct, is allowed during this period. +Violating these terms may lead to a permanent ban. + +### 4. Permanent Ban + +**Community Impact**: Demonstrating a pattern of violation of community +standards, including sustained inappropriate behavior, harassment of an +individual, or aggression toward or disparagement of classes of individuals. + +**Consequence**: A permanent ban from any sort of public interaction within +the community. + +## Attribution + +This Code of Conduct is adapted from the [Contributor Covenant][homepage], +version 2.0, available at +https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. + +Community Impact Guidelines were inspired by [Mozilla's code of conduct +enforcement ladder](https://github.com/mozilla/diversity). + +[homepage]: https://www.contributor-covenant.org + +For answers to common questions about this code of conduct, see the FAQ at +https://www.contributor-covenant.org/faq. Translations are available at +https://www.contributor-covenant.org/translations. diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..8b4aa73 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,75 @@ +# Welcome to Codinasion contributing guide + +Thank you for investing your time in contributing to our project! + +Read our [Code of Conduct](https://github.com/codinasion/.github/blob/master/CODE_OF_CONDUCT.md) to keep our community approachable and respectable. + +In this guide you will get an overview of the contribution workflow from opening an issue, creating a PR, reviewing, and merging the PR. + +## New contributor guide + +Here are some resources to help you get started with open source contributions: + +- [Finding ways to contribute to open source on GitHub](https://docs.github.com/en/get-started/exploring-projects-on-github/finding-ways-to-contribute-to-open-source-on-github) +- [Set up Git](https://docs.github.com/en/get-started/quickstart/set-up-git) +- [GitHub flow](https://docs.github.com/en/get-started/quickstart/github-flow) +- [Collaborating with pull requests](https://docs.github.com/en/get-started/quickstart/collaborating-with-issues-and-pull-requests) + +## Getting started + +### Issues + +#### Create a new issue + +If you want to add or modify content, search if an issue already exists. If a related issue doesn't exist, you can open a new issue using a relevant `issue template`. + +#### Solve an issue + +Scan through our existing issues to find one that interests you. You can narrow down the search using `labels` as filters. + +As a general rule, we accept assignment based contribution. If you want to work on an issue, comment on the issue thread and we will assign the issue to you. + +### Make Changes + +1. Fork the repository. + +2. Clone the forked repository. + + ```bash + git clone https://github.com/YOUR_USERNAME/REAPO_NAME + ``` + +3. Create a working branch and start with your changes! + + ```bash + git checkout -b your-new-branch-name + ``` + +4. Make your changes. + +### Commit your update + +Commit the changes once you are happy with them. Make sure to add a descriptive commit message. + +```bash +git add . +git commit -m "your commit message" +``` + +### Pull Request + +When you're finished with the changes, create a pull request, also known as a PR. + +- Fill the "Ready for review" template so that we can review your PR. This template helps reviewers understand your changes as well as the purpose of your pull request. +- Don't forget to [link PR to issue](https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue) if you are solving one. +- Enable the checkbox to [allow maintainer edits](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/allowing-changes-to-a-pull-request-branch-created-from-a-fork) so the branch can be updated for a merge. + Once you submit your PR, our team member will review your proposal. We may ask questions or request for additional information. +- We may ask for changes to be made before a PR can be merged, either using [suggested changes](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/incorporating-feedback-in-your-pull-request) or pull request comments. You can apply suggested changes directly through the UI. You can make any other changes in your fork, then commit them to your branch. +- As you update your PR and apply changes, mark each conversation as [resolved](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/commenting-on-a-pull-request#resolving-conversations). +- If you run into any merge issues, checkout this [git tutorial](https://lab.github.com/githubtraining/managing-merge-conflicts) to help you resolve merge conflicts and other issues. + +### Your PR is merged + +Congratulations :tada::tada: Your PR is merged! Thank you for your contribution! + +--- \ No newline at end of file diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..ac7a1ce --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2023 harshraj8843 + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md index 965a122..dd6cc31 100644 --- a/README.md +++ b/README.md @@ -1,38 +1,77 @@ -This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). +
-## Getting Started + -First, run the development server: +

What is Wiki

-```bash -npm run dev -# or -yarn dev -# or -pnpm dev -``` +
An Open Source platform dedicated to answering "what is" questions related to technology, software, programming, and computer science.
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. +[![License](https://img.shields.io/github/license/codinasion/whatiswiki)](https://github.com/codinasion/whatiswiki/blob/master/LICENSE.md "MIT License") [![Github Repo Size](https://img.shields.io/github/repo-size/codinasion/whatiswiki "Repo Size")](https://github.com/codinasion/whatiswiki) [![Github Contributors](https://img.shields.io/github/contributors/codinasion/whatiswiki "Contributors")](https://github.com/codinasion/whatiswiki/graphs/contributors) [![Github Last Commit](https://img.shields.io/github/last-commit/codinasion/whatiswiki "Last Commit")](https://github.com/codinasion/whatiswiki/graphs/commit-activity) -You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file. + + Powered By Vercel + -[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`. +
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages. +
+ rainbow hr +
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. +## Contributing -## Learn More +If you're looking for a way to contribute, you can scan through our existing issues for something to work on. +We want to make contributing to this project as easy and transparent as possible, and we are grateful to the community for contributing bug fixes and improvements. Read our [Contributing Guide](CONTRIBUTING.md) how you can take part in improving hello-world. -To learn more about Next.js, take a look at the following resources: +
+ rainbow hr +
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. +## Join us in discussions -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! +We use GitHub Discussions to talk about all sorts of topics related to documentation and this site. For example: if you'd like help troubleshooting a PR, have a great new idea, or want to share something amazing, join us in the [discussions](https://github.com/orgs/codinasion/discussions). -## Deploy on Vercel +
+ rainbow hr +
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. +
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. + + + + +
+ +

Thanks for contributing :purple_heart:

+
    +
  • Thanks for all your contributions and efforts
    • +
  • We thank you being part of our :sparkles: commUnity :sparkles: !
    • +
+ +
+ +
+ rainbow hr +
+ +
+ +

+Made with ๐Ÿ’– by Codinasion +

+ +
+ rainbow hr +
+ +[1]: https://img.shields.io/github/license/codinasion/whatiswiki +[2]: https://github.com/codinasion/whatiswiki/blob/master/LICENSE.md "License" +[3]: https://img.shields.io/github/repo-size/codinasion/whatiswiki "Repo Size" +[4]: https://github.com/codinasion/whatiswiki +[5]: https://img.shields.io/github/contributors/codinasion/whatiswiki "Contributors" +[6]: https://github.com/codinasion/whatiswiki/graphs/contributors +[7]: https://img.shields.io/github/last-commit/codinasion/whatiswiki "Last Commit" +[8]: https://github.com/codinasion/whatiswiki/graphs/commit-activity +[9]: ./CONTRIBUTING.md "Contributing Guide" +[10]: https://github.com/codinasion/whatiswiki/discussions "Discussions" diff --git a/components/DarkmodeToggle/index.tsx b/components/DarkmodeToggle/index.tsx new file mode 100644 index 0000000..368bf9d --- /dev/null +++ b/components/DarkmodeToggle/index.tsx @@ -0,0 +1,20 @@ +import { useTheme } from "next-themes"; + +import { MdDarkMode, MdOutlineLightMode } from "react-icons/md"; + +export default function DarkmodeToggle() { + const { theme, setTheme } = useTheme(); + return ( + <> + + + ); +} diff --git a/components/Social/Twitter.tsx b/components/Social/Twitter.tsx new file mode 100644 index 0000000..f208f41 --- /dev/null +++ b/components/Social/Twitter.tsx @@ -0,0 +1,19 @@ +import { FaTwitter } from "react-icons/fa"; + +import Link from "@/components/Link"; + +import { SiteMetadata } from "@/data"; + +export default function Twitter() { + return ( + <> + + + + + ); +} diff --git a/components/Sponsor/index.tsx b/components/Sponsor/index.tsx index 897e4c7..35aedf1 100644 --- a/components/Sponsor/index.tsx +++ b/components/Sponsor/index.tsx @@ -3,14 +3,17 @@ import Link from "@/components/Link"; import SponsorImage from "@/public/sponsor.png"; +import { SiteMetadata } from "@/data"; + export default function Sponsor() { return ( <> -
+
Sponsor
diff --git a/data/SiteMetadata.ts b/data/SiteMetadata.ts index baa9993..380f763 100644 --- a/data/SiteMetadata.ts +++ b/data/SiteMetadata.ts @@ -1,7 +1,7 @@ const SiteMetadata = { title: "What is Wiki", description: - '"What Is Wiki" is a comprehensive online resource dedicated to answering "what is" questions related to technology, software, programming, and other areas of computer science. Our site aims to provide accurate and reliable information in a concise and easy-to-understand format. Whether you\'re a beginner or an experienced developer, "What Is Wiki" has something for everyone. From the basics of computer hardware and software to more advanced topics like artificial intelligence and machine learning, we cover it all. Our community of contributors includes experts from various fields, ensuring that our content is up-to-date and informative. Whether you\'re looking to expand your knowledge or solve a specific problem, "What Is Wiki" is the go-to resource for all your tech-related questions.', + 'The "What is Wiki" project is an open-source platform dedicated to answering "what is" questions related to technology, software, programming, and computer science. The project aims to provide a reliable and comprehensive resource for people seeking answers to technical questions, whether they are beginners or experts in the field. As a community-driven project, anyone can contribute to the platform by sharing their knowledge and expertise. The project strives to maintain a high level of accuracy and up-to-date information. To ensure accuracy, users are encouraged to fact-check and verify information. The "What is Wiki" project is a valuable resource for the tech community, providing a platform for individuals to share their knowledge and contribute to the open-source movement. With the collective effort of the community, the project continues to evolve and expand, providing a reliable and comprehensive resource for everyone.', site_url: "https://whatiswiki.codinasion.org", github_url: "https://github.codinasion.org", twitter_url: "https://twitter.codinasion.org", @@ -9,7 +9,7 @@ const SiteMetadata = { twitter_username: "codinasion", twitter_userid: "1527970903367135232", // - sponsor_url: "https://github.com/sponsors/harshraj8843?frequency=one-time", + sponsor_url: "https://github.com/sponsors/codinasion", }; export default SiteMetadata; diff --git a/pages/_meta.json b/pages/_meta.json index e9fa2e5..659a282 100644 --- a/pages/_meta.json +++ b/pages/_meta.json @@ -4,8 +4,14 @@ "display": "hidden", "type": "page" }, - "number-system": { - "title": "Number System", - "type": "page" + "topics": { + "title": "Topics", + "type": "menu", + "items": { + "number-system": { + "title": "Number System", + "href": "/number-system" + } + } } } \ No newline at end of file diff --git a/pages/index.mdx b/pages/index.mdx index 7de91ef..8b22714 100644 --- a/pages/index.mdx +++ b/pages/index.mdx @@ -1 +1,53 @@ -# Home Page +import Image from "@/components/Image"; +import Link from "@/components/Link"; + +import { SiteMetadata } from "@/data"; + +import Logo from "@/public/logo.png"; +import Vercel from "@/public/vercel.svg"; +import Nextra from "@/public/nextra.svg"; + +
+ +{SiteMetadata.title} + +# What is Wiki + +
+ +The `"What is Wiki"{:js}` project is an open-source platform dedicated to answering `"what is"{:js}` questions related +to technology, software, programming, and computer science. The project aims to provide a reliable and comprehensive +resource for people seeking answers to technical questions, whether they are beginners or experts in the field. + +As a community-driven project, anyone can contribute to the platform by sharing their knowledge and expertise. +The project strives to maintain a high level of accuracy and up-to-date information. To ensure accuracy, users are encouraged +to fact-check and verify information. + +The `"What is Wiki"{:js}` project is a valuable resource for the tech community, providing a platform for individuals to share their +knowledge and contribute to the open-source movement. With the collective effort of the community, the project continues to +evolve and expand, providing a reliable and comprehensive resource for everyone. + +--- + +#### Powered By + +
+ + + Vercel + + + + Nextra + + +
diff --git a/pages/number-system.mdx b/pages/number-system.mdx index 43e3d6a..26cf749 100644 --- a/pages/number-system.mdx +++ b/pages/number-system.mdx @@ -12,14 +12,14 @@ including the commonly used decimal system, as well as binary, octal, and hexade Each number system has a unique set of rules for representing numbers, which can be used for various applications in mathematics, science, and computing. -## [Binary System](./number-system/binary-number.md) +## [Binary System][binary_number_what_is_wiki] The binary system is a **base-2** numeral system that uses only two digits, **0** and **1**, to represent numbers. Each digit in a binary number is called a bit, and its value is determined by its position within the number. The rightmost bit has a value of $2^0$ (1), the next bit to the left has a value of $2^1$ (2), then $2^2$ (4), $2^3$ (8), and so on. Binary numbers are used extensively in digital electronics and computer science. -## Decimal System +## [Decimal System][decimal_number_what_is_wiki] The decimal system is the most commonly used number system, also known as the **base-10** system. It uses ten digits, from **0** to **9**, and each digit's value is determined by its position within the number. @@ -27,19 +27,19 @@ The rightmost digit has a value of $10^0$ (1), the next digit to the left has a then $10^2$ (100), $10^3$ (1000), and so on. To convert a decimal number to its binary equivalent, the value of each digit is multiplied by its weight and the results are summed. -## Octal System - -The octal system is a **base-8** numeral system that uses eight digits, from **0** to **7**, to represent numbers. -Each digit's value is determined by its position within the number, with the rightmost digit having a value of $8^0$ (1), -the next digit to the left having a value of $8^1$ (8), then $8^2$ (64), $8^3$ (512), and so on. - -## Hexadecimal System +## [Hexadecimal System][hexadecimal_number_what_is_wiki] The hexadecimal system is a **base-16** numeral system that uses 16 digits, from **0** to **9** and **A** to **F**, to represent numbers. Each digit's value is determined by its position within the number, with the rightmost digit having a value of $16^0$ (1), the next digit to the left having a value of $16^1$ (16), then $16^2$ (256), $16^3$ (4096), and so on. The hexadecimal system is commonly used in computing for representing memory addresses and other data. +## [Octal System][octal_number_what_is_wiki] + +The octal system is a **base-8** numeral system that uses eight digits, from **0** to **7**, to represent numbers. +Each digit's value is determined by its position within the number, with the rightmost digit having a value of $8^0$ (1), +the next digit to the left having a value of $8^1$ (8), then $8^2$ (64), $8^3$ (512), and so on. + ## Other Number Systems There are many other number systems, including **base-3**, **base-4**, and **base-12** systems, which are used in various applications. @@ -55,19 +55,23 @@ systems is essential for various fields of study, including mathematics, science ## References -- [Number system - Wikipedia][Number_system] -- [Binary number - Wikipedia][Binary_number] -- [Decimal number - Wikipedia][Decimal_number] -- [Octal number - Wikipedia][Octal_number] -- [Hexadecimal number - Wikipedia][Hexadecimal_number] +- [Number system - Wikipedia][number_system_wikipedia] +- [Binary number - Wikipedia][binary_number_wikipedia] +- [Decimal number - Wikipedia][decimal_number_wikipedia] +- [Octal number - Wikipedia][octal_number_wikipedia] +- [Hexadecimal number - Wikipedia][hexadecimal_number_wikipedia] --- -[Number_system]: https://en.wikipedia.org/wiki/Numeral_system -[Binary_number]: https://en.wikipedia.org/wiki/Binary_number -[Decimal_number]: https://en.wikipedia.org/wiki/Decimal -[Octal_number]: https://en.wikipedia.org/wiki/Octal -[Hexadecimal_number]: https://en.wikipedia.org/wiki/Hexadecimal - - - +{/* Internal Links */} +[binary_number_what_is_wiki]: ./number-system/binary-number "What is Binary Number" +[decimal_number_what_is_wiki]: ./number-system/decimal-number "What is Decimal Number" +[hexadecimal_number_what_is_wiki]: ./number-system/hexadecimal-number "What is Hexadecimal Number" +[octal_number_what_is_wiki]: ./number-system/octal-number "What is Octal Number" + +{/* External Links */} +[number_system_wikipedia]: https://en.wikipedia.org/wiki/Numeral_system +[binary_number_wikipedia]: https://en.wikipedia.org/wiki/Binary_number +[decimal_number_wikipedia]: https://en.wikipedia.org/wiki/Decimal +[octal_number_wikipedia]: https://en.wikipedia.org/wiki/Octal +[hexadecimal_number_wikipedia]: https://en.wikipedia.org/wiki/Hexadecimal diff --git a/pages/number-system/binary-number.mdx b/pages/number-system/binary-number.mdx index fb95cb7..44a1d02 100644 --- a/pages/number-system/binary-number.mdx +++ b/pages/number-system/binary-number.mdx @@ -14,11 +14,12 @@ are represented using binary numbers. ## Representation Each digit in a binary number is called a bit, and its value is determined by its position, or weight, within the number. -The rightmost bit has a weight of $2^0$ (1), the next bit to the left has a weight of $2^1$ (2), then $2^2$ (4), $2^3$ (8), -and so on. To convert a binary number to its decimal equivalent, the value of each bit is multiplied by its weight -and the results are summed. -For example, the binary number **1011** represents the decimal number (1 x $2^3$) + (0 x $2^2$) + (1 x $2^1$) + (1 x $2^0$), +The rightmost bit has a weight of $2^0$ (1), the next bit to the left has a weight of $2^1$ (2), then $2^2$ (4), $2^3$ (8), and so on. + +To convert a binary number to its decimal equivalent, the value of each bit is multiplied by its weight and the results are summed. + +For example, the binary number **1011** represents the [decimal number][decimal_number_what_is_wiki] (1 x $2^3$) + (0 x $2^2$) + (1 x $2^1$) + (1 x $2^0$), which is equal to **11**. ## Uses @@ -34,9 +35,9 @@ Binary numbers are used extensively in digital electronics and computer science The concept of a binary number system has been around for thousands of years, with early examples found in ancient **China** ๐Ÿ‡จ๐Ÿ‡ณ and **India** ๐Ÿ‡ฎ๐Ÿ‡ณ. However, the modern binary system was developed by the German mathematician and philosopher -[Gottfried Wilhelm Leibniz][Gottfried_Wilhelm_Leibniz] in the 17th century. +[Gottfried Wilhelm Leibniz][gottfried_Wilhelm_Leibniz_wikipedia] in the 17th century. -Leibniz was inspired by the Chinese [I Ching][I_Ching], a divination text that uses a binary +Leibniz was inspired by the Chinese [I Ching][i_ching_wikipedia], a divination text that uses a binary system to represent its hexagrams.He recognized the potential of a binary system for mathematical computation and logic, and developed a notation for binary numbers that is still used today. @@ -48,12 +49,16 @@ and their origins can be traced back to ancient civilizations. ## References -- [Binary number - Wikipedia][Binary_number] -- [Gottfried Wilhelm Leibniz - Wikipedia][Gottfried_Wilhelm_Leibniz] -- [I Ching - Wikipedia][I_Ching] +- [Binary number - Wikipedia][binary_number_wikipedia] +- [Gottfried Wilhelm Leibniz - Wikipedia][gottfried_Wilhelm_Leibniz_wikipedia] +- [I Ching - Wikipedia][i_ching_wikipedia] --- -[Binary_number]: https://en.wikipedia.org/wiki/Binary_number -[Gottfried_Wilhelm_Leibniz]: https://en.wikipedia.org/wiki/Gottfried_Wilhelm_Leibniz -[I_Ching]: https://en.wikipedia.org/wiki/I_Ching +{/* Internal Links */} +[decimal_number_what_is_wiki]: ./decimal-number "What is Decimal Number" + +{/* External Links */} +[binary_number_wikipedia]: https://en.wikipedia.org/wiki/Binary_number +[gottfried_Wilhelm_Leibniz_wikipedia]: https://en.wikipedia.org/wiki/Gottfried_Wilhelm_Leibniz +[i_ching_wikipedia]: https://en.wikipedia.org/wiki/I_Ching diff --git a/pages/number-system/decimal-number.mdx b/pages/number-system/decimal-number.mdx new file mode 100644 index 0000000..6818ce2 --- /dev/null +++ b/pages/number-system/decimal-number.mdx @@ -0,0 +1,64 @@ +--- +description: >- + A decimal number is a base-10 number expressed using 10 digits: 0, 1, 2, 3, 4, 5, 6, 7, 8, and 9. + Decimal numbers are used in everyday life, mathematics, finance, and measurement, and can be converted + to other numeral systems using various methods. +--- + +# Decimal Number + +A decimal number, also known as a **base-10** number, is a number expressed in the decimal numeral system, which uses ten +digits: **0**, **1**, **2**, **3**, **4**, **5**, **6**, **7**, **8**, and **9**. + +Each digit in a decimal number represents a value, which is determined by its position within the number. +The rightmost digit has a value of $10^0$ (1), the next digit to the left has a value of $10^1$ (10), +then $10^2$ (100), $10^3$ (1000), and so on. The value of each digit in a decimal +number is multiplied by its weight, and the results are summed to obtain the decimal value of the number. + +## History + +The decimal system has been used since ancient times, with evidence of its use dating back to ancient **Egypt** ๐Ÿ‡ช๐Ÿ‡ฌ and +**Babylonia** ๐Ÿ‡ฎ๐Ÿ‡ถ. However, the modern decimal system, which uses a positional notation and a zero digit, was developed +in **India** ๐Ÿ‡ฎ๐Ÿ‡ณ around the 6th century CE. + +The system was later adopted by the Islamic world and **Europe** ๐Ÿ‡ช๐Ÿ‡บ, and it eventually became the most widely used +numeral system in the world. + +## Applications + +The decimal system is the most commonly used numeral system in everyday life, and it is used in various applications, including: + +- **Mathematics**: Decimal numbers are used extensively in arithmetic, algebra, and calculus, as well as in scientific and engineering calculations. +- **Finance**: Decimal numbers are used to represent currency values, stock prices, and other financial data. +- **Measurement**: Decimal numbers are used to represent units of measurement, such as length, weight, and volume. +- **Computer science**: Decimal numbers are used in computer programming, although [binary][binary_number_what_is_wiki] and [hexadecimal][hexadecimal_number_what_is_wiki] systems are more commonly used in digital electronics. + +## Conversion + +Decimal numbers can be converted to other numeral systems, such as [binary][binary_number_what_is_wiki], +[octal][octal_number_what_is_wiki], and [hexadecimal][hexadecimal_number_what_is_wiki], using various algorithms and methods. + +For example, to convert a decimal number to binary, the number is repeatedly divided by 2, and the remainders are read +in reverse order to obtain the binary equivalent. + +Similarly, to convert a decimal number to hexadecimal, the number is repeatedly divided by 16, and the remainders are read in reverse order, with values greater than 9 represented by letters A-F. + +## Conclusion + +The decimal system is a fundamental concept in mathematics, science, and everyday life, and it is used to represent and +manipulate numerical data in various applications. Understanding decimal numbers and their properties is essential for various +fields of study, and it is a crucial component of digital literacy in the modern world. + +## References + +- [Decimal number - Wikipedia][decimal_number_wikipedia] + +--- + +{/* Internal Links */} +[binary_number_what_is_wiki]: ./binary-number "What is Binary Number" +[hexadecimal_number_what_is_wiki]: ./hexadecimal-number "What is Hexadecimal Number" +[octal_number_what_is_wiki]: ./octal-number "What is Octal Number" + +{/* External Links */} +[decimal_number_wikipedia]: https://en.wikipedia.org/wiki/Decimal diff --git a/pages/number-system/hexadecimal-number.mdx b/pages/number-system/hexadecimal-number.mdx new file mode 100644 index 0000000..a518f42 --- /dev/null +++ b/pages/number-system/hexadecimal-number.mdx @@ -0,0 +1,84 @@ +--- +description: >- + A hexadecimal number is a base-16 number system used in computer programming and other fields, which uses sixteen digits: + 0-9 and A-F. Each digit represents a value determined by its position within the number, and can be converted to other numeral + systems using various algorithms. Hexadecimal numbers are widely used in computer memory addressing and cryptography. +--- + +# Hexadecimal Number + +A hexadecimal number is a **base-16** number expressed in the hexadecimal numeral system, which uses sixteen digits: +**0**, **1**, **2**, **3**, **4**, **5**, **6**, **7**, **8**, **9**, **A**, **B**, **C**, **D**, **E**, and **F**. + +Each digit in a hexadecimal number represents a value, which is determined by its position within the number. +The rightmost digit has a value of $16^0$ (1), the next digit to the left has a value of $16^1$ (16), +then $16^2$ (256), $16^3$ (4096), and so on. + +The value of each digit in a hexadecimal number is multiplied by its weight, and the results are summed to obtain +the decimal value of the number. + +## Example + +Let's take the hexadecimal number **2F8**, which has three digits. + +- The rightmost digit is 8, which has a value of + + 8 x $16^0$ = 8 x 1 = 8 + +- The next digit to the left is F, which has a value of + + 15 x $16^1$ = 15 x 16 = 240 + +- The leftmost digit is 2, which has a value of + + 2 x $16^2$ = 2 x 256 = 512. + +To obtain the decimal value of the number `2F8`, we add these values together: + +`8 + 240 + 512 = 760` + +## History + +The hexadecimal system was introduced in the mid-20th century as a convenient way to represent +[binary numbers][binary_number_what_is_wiki]. + +Since each hexadecimal digit represents four binary digits, it was easier to read and write large binary numbers in +hexadecimal form. + +The system was widely adopted in computer programming, where it is used to represent `memory addresses`, `register values`, +and other data types. + +## Applications + +Hexadecimal numbers are used in various fields such as computer programming, mathematics, and electronics. + +They are commonly used in computer memory addressing, as well as in the representation of color values in digital images. + +In addition, hexadecimal numbers are used in `cryptography` to represent encryption keys and other sensitive data. + +## Conversion + +Hexadecimal numbers can be converted to other numeral systems, such as binary, octal, and decimal, +using various algorithms and methods. + +For example, to convert a hexadecimal number to binary, each hexadecimal digit is replaced by its four-bit binary equivalent. + +Similarly, to convert a hexadecimal number to decimal, each digit is multiplied by its weight and the results are summed. + +## Conclusion + +Hexadecimal numbers are a fundamental concept in computer programming and various other fields, and they are used to +represent memory addresses, register values, and other data types. Understanding hexadecimal numbers and their +properties is essential for computer science and programming, and it is a crucial component of numeracy in the modern world. + +## References + +- [Hexadecimal Number - Wikipedia][hexadecimal_number_wikipedia] + +--- + +{/* Internal Links */} +[binary_number_what_is_wiki]: ./number-system/binary-number "What is Binary Number" + +{/* External Links */} +[hexadecimal_number_wikipedia]: https://en.wikipedia.org/wiki/Hexadecimal diff --git a/pages/number-system/octal-number.mdx b/pages/number-system/octal-number.mdx new file mode 100644 index 0000000..d723b81 --- /dev/null +++ b/pages/number-system/octal-number.mdx @@ -0,0 +1,88 @@ +--- +description: >- + Octal number is a base-8 number system used in mathematics and computer programming, which uses eight digits: + 0, 1, 2, 3, 4, 5, 6, and 7. Each digit in an octal number represents a value, which is determined by its position + within the number. The value of each digit in an octal number is multiplied by its weight, and the results are + summed to obtain the decimal value of the number. +--- + +# Octal Number + +An octal number is a **base-8** number expressed in the octal numeral system, which uses eight digits: **0**, **1**, **2**, +**3**, **4**, **5**, **6**, and **7**. Each digit in an octal number represents a value, which is determined by its position +within the number. The rightmost digit has a value of $8^0$ (1), the next digit to the left has a value of $8^1$ (8), +then $8^2$ (64), $8^3$ (512), and so on. The value of each digit in an octal number is multiplied by its weight, and +the results are summed to obtain the decimal value of the number. + +## Example + +Let's take the octal number **345**, which has three digits. + +- The rightmost digit is 5, which has a value of + + 5 x $8^0$ = 5 x 1 = 5 + +- The next digit to the left is 4, which has a value of + + 4 x $8^1$ = 4 x 8 = 32 + +- The leftmost digit is 3, which has a value of + + 3 x $8^2$ = 3 x 64 = 192 + +To obtain the decimal equivalent of the octal number **345**, we add these values together: + +`5 + 32 + 192 = 229` + +Therefore, the decimal equivalent of the octal number **345** is **229**. + +## History + +The octal system was first introduced in the mid-19th century by mathematician +[James Joseph Sylvester][james_joseph_sylvester_wikipedia], who used it as ashorthand notation for binary numbers in +machine language. + +The system was later adopted by computer scientists and programmers, who used octal notation as a +convenient way to represent groups of three binary digits. + +## Applications + +Octal numbers are used in computer programming and digital electronics as a convenient way to represent +[binary numbers][binary_number_what_is_wiki]. + +Each octal digit represents a group of three binary digits, and octal notation can be used to represent large +binary numbers in a compact and easy-to-read format. + +Octal notation is also used in some programming languages, such as C and Unix shell scripts, to represent +file permissions and other system settings. + +## Conversion + +Octal numbers can be converted to other numeral systems, such as binary, decimal, and hexadecimal, +using various algorithms and methods. + +For example, to convert an octal number to binary, each octal digit is replaced with its binary equivalent, +and the results are concatenated to obtain the binary equivalent. + +Similarly, to convert an octal number to decimal, each octal digit is multiplied by its weight, and the results are +summed to obtain the decimal equivalent. + +## Conclusion + +Octal numbers are a fundamental concept in computer programming and digital electronics, and they are used to +represent binary numbers in a compact and convenient format. Understanding octal numbers and their properties is +essential for various fields of study, and it is a crucial component of digital literacy in the modern world. + +## References + +- [Octal number - Wikipedia][octal_number_wikipedia] +- [James Joseph Sylvester - Wikipedia][james_joseph_sylvester_wikipedia] + +--- + +{/* Internal Links */} +[binary_number_what_is_wiki]: ./number-system/binary-number "What is Binary Number" + +{/* External Links */} +[octal_number_wikipedia]: https://en.wikipedia.org/wiki/Octal +[james_joseph_sylvester_wikipedia]: https://en.wikipedia.org/wiki/James_Joseph_Sylvester diff --git a/public/nextra.svg b/public/nextra.svg new file mode 100644 index 0000000..e4c5ac2 --- /dev/null +++ b/public/nextra.svg @@ -0,0 +1,17 @@ + + + + diff --git a/public/vercel.svg b/public/vercel.svg new file mode 100644 index 0000000..d2f8422 --- /dev/null +++ b/public/vercel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index 8c4d1b2..7dc8da5 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,18 +1,19 @@ /** @type {import('tailwindcss').Config} */ module.exports = { + darkMode: "class", content: [ - './pages/**/*.{js,ts,jsx,tsx,mdx}', - './components/**/*.{js,ts,jsx,tsx,mdx}', - './app/**/*.{js,ts,jsx,tsx,mdx}', + "./pages/**/*.{js,ts,jsx,tsx,mdx}", + "./components/**/*.{js,ts,jsx,tsx,mdx}", + "./app/**/*.{js,ts,jsx,tsx,mdx}", ], theme: { extend: { backgroundImage: { - 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', - 'gradient-conic': - 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', + "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", + "gradient-conic": + "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", }, }, }, plugins: [], -} +}; diff --git a/theme.config.tsx b/theme.config.tsx index d56338b..75824cb 100644 --- a/theme.config.tsx +++ b/theme.config.tsx @@ -10,6 +10,8 @@ import { DocsThemeConfig } from "nextra-theme-docs"; import Comment from "@/components/Comment"; import ScrollToTop from "@/components/ScrollToTop"; import Sponsor from "@/components/Sponsor"; +import Twitter from "@/components/Social/Twitter"; +import DarkmodeToggle from "./components/DarkmodeToggle"; import Favicon from "@/public/favicon/favicon.ico"; import AppleTouchIcon from "@/public/favicon/apple-touch-icon.png"; @@ -29,10 +31,18 @@ const config: DocsThemeConfig = { banner: { dismissible: true, key: "welcome", - text: "Welcome to What is Wiki !!!", + text: "Welcome to What is Wiki ๐Ÿ“‘", }, // Navbar + navbar: { + extraContent: ( + <> + + + + ), + }, logo: ( <> What is Wiki + + Beta + ), logoLink: "/", @@ -54,7 +76,7 @@ const config: DocsThemeConfig = { link: "https://github.com/codinasion/whatiswiki", }, chat: { - link: "https://discord.gg/PzNmxsrXTX", + link: SiteMetadata.discord_url, }, search: { placeholder: "What is ...", @@ -66,7 +88,7 @@ const config: DocsThemeConfig = { }, // TOC - docsRepositoryBase: "https://github.com/codinasion/whatiswiki", + docsRepositoryBase: "https://github.com/codinasion/whatiswiki/blob/master", // SEO useNextSeoProps() { @@ -74,14 +96,22 @@ const config: DocsThemeConfig = { const { frontMatter } = useConfig(); const defaultTitle = frontMatter.overrideTitle || site_title; + const defaultDescription = + frontMatter.overrideDescription || site_description; if (asPath !== "/") { return { titleTemplate: "What is %s", defaultTitle, - description: frontMatter.description, + description: defaultDescription, }; } + + return { + titleTemplate: "%s", + defaultTitle, + description: defaultDescription, + }; }, head: () => { // eslint-disable-next-line react-hooks/rules-of-hooks @@ -157,6 +187,13 @@ const config: DocsThemeConfig = { }, gitTimestamp({ timestamp }) { + // eslint-disable-next-line react-hooks/rules-of-hooks + const { asPath } = useRouter(); + + if (asPath === "/") { + return null; + } + // eslint-disable-next-line react-hooks/rules-of-hooks const [dateString, setDateString] = useState(timestamp.toISOString()); @@ -192,7 +229,7 @@ const config: DocsThemeConfig = { { // Comment // Don't show comments on the homepage - asPath !== "/" && + asPath !== "/" && } {/* Scroll to top */}