Merge branch 'main' into #216-Responsive-projects-page

Author: shuklaritvik06

.github/PULL_REQUEST_TEMPLATE.md

@@ -11,10 +11,12 @@ Closes: # <!-- issue number that will be closed through this PR -->
 ## Type of change
 
 What sort of change have you made:
+
 <!--
 Example how to mark a checkbox:-
 - [x] My code follows the code style of this project.
 -->
+
 - [ ] Bug fix (non-breaking change which fixes an issue)
 - [ ] New feature (non-breaking change which adds functionality)
 - [ ] Code style update (formatting, local variables)
@@ -27,10 +29,12 @@ Example how to mark a checkbox:-
 <!-- Describe how have you verified the changes made -->
 
 ## Checklist
+
 <!--
 Example how to mark a checkbox:-
 - [x] My code follows the code style of this project.
 -->
+
 - [ ] My code follows the guidelines of this project.
 - [ ] I have performed a self-review of my own code.
 - [ ] I have commented on my code, particularly wherever it was hard to understand.
@@ -41,9 +45,9 @@ Example how to mark a checkbox:-
 
 ## Screenshots (if applicable)
 
- Original           | Updated
- :--------------------: |:--------------------:
- original screenshot | updated screenshot |
+|      Original       |      Updated       |
+| :-----------------: | :----------------: |
+| original screenshot | updated screenshot |
 
 ## Code of Conduct
 

.github/workflows/autoprettier.yaml

@@ -0,0 +1,44 @@
+name: AutoPrettier
+
+# Controls when the workflow will run
+on:
+  # Triggers the workflow on push or pull request events but only for the main branch
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - "*"
+
+jobs:
+  autoprettier:
+    runs-on: ubuntu-latest
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
+
+      # Runs a single command using the runners shell
+      - name: Install
+        run: |
+          npm install
+          npm install --save-dev prettier
+      # Runs a set of commands using the runners shell
+      - name: Execute Prettier
+        run: npx prettier --write .
+
+      # Commit formated files
+      - name: Check for modified files
+        id: git-check
+        run: |
+          git config --global user.name 'autoprettier'
+          git config --global user.email 'actions@github.com'
+          echo ::set-output name=modified::$(if git diff-index --quiet HEAD --; then echo "false"; else echo "true"; fi)
+      - name: Commit if any changes.
+        if: steps.git-check.outputs.modified == 'true'
+        run: |
+          git commit -am "🎨 Format Next.js code with Prettier"

.github/workflows/deploy-node.yml

@@ -22,7 +22,7 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'npm'
+          cache: "npm"
       - run: npm ci
       - run: npm run build
       - run: npm run export

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "trailingComma": "es5",
+  "singleQuote": false,
+  "jsxSingleQuote": false,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "semi": true,
+  "endOfLine": "auto"
+}

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 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,
+- 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
+- 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
+- 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
+- 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
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -60,7 +60,7 @@ representative at an online or offline event.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported to the community leaders responsible for enforcement at
- web3opensourcecommunity@gmail.com.
+web3opensourcecommunity@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
@@ -106,7 +106,7 @@ 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
+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
@@ -119,14 +119,14 @@ version 2.1, available at
 [https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
 
 Community Impact Guidelines were inspired by
-[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+[Mozilla's code of conduct enforcement ladder][mozilla coc].
 
 For answers to common questions about this code of conduct, see the FAQ at
-[https://www.contributor-covenant.org/faq][FAQ]. Translations are available
+[https://www.contributor-covenant.org/faq][faq]. Translations are available
 at [https://www.contributor-covenant.org/translations][translations].
 
 [homepage]: https://www.contributor-covenant.org
 [v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
-[Mozilla CoC]: https://github.com/mozilla/diversity
-[FAQ]: https://www.contributor-covenant.org/faq
+[mozilla coc]: https://github.com/mozilla/diversity
+[faq]: https://www.contributor-covenant.org/faq
 [translations]: https://www.contributor-covenant.org/translations

CONTRIBUTING.md

@@ -48,12 +48,12 @@ Please follow all instructions in [the template](https://github.com/WebXDAO/WebX
 
 - Use the present tense. (Example: "Add feature" instead of "Added feature")
 - Use the imperative mood. (Example: "Move item to...", instead of "Moves item to...")
-- Limit the first line (also called the Subject Line) to *50 characters or less*.
+- Limit the first line (also called the Subject Line) to _50 characters or less_.
 - Capitalize the Subject Line.
 - Separate subject from body with a blank line.
 - Do not end the subject line with a period.
-- Wrap the body at *72 characters*.
-- Use the body to explain the *what*, *why*, *vs*, and *how*.
+- Wrap the body at _72 characters_.
+- Use the body to explain the _what_, _why_, _vs_, and _how_.
 - Reference [Issues](https://github.com/WebXDAO/WebXDAO.github.io/issues) and [Pull Requests](https://github.com/WebXDAO/WebXDAO.github.io/pulls) liberally after the first line.
 - Follow [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/)
 
@@ -65,7 +65,7 @@ Please follow all instructions in [the template](https://github.com/WebXDAO/WebX
 
 - Create a pull request which will be promptly reviewed and suggestions would be added to improve it.
 
-- Add Screenshots to help us know what changes you have done.  
+- Add Screenshots to help us know what changes you have done.
 
 ## 🤔 How to make a pull request
 
@@ -97,15 +97,16 @@ git checkout -b your-branch-name
 git add .
 git commit -m "<your_commit_message>"
 ```
-*Follow our commit guide from above*
+
+_Follow our commit guide from above_
 
 **7.** Push your local commits to the remote repo.
 
 ```bash
 git push origin your-branch-name
 ```
 
-**8.** Create a new [Pull Request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request) from ```your-branch-name```
+**8.** Create a new [Pull Request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request) from `your-branch-name`
 
 **9.** 🎉 Congratulations! You've made your first pull request! Now, you should just wait until the maintainers review your pull request.
 

README.md

@@ -2,12 +2,13 @@
 <img alt="WebXDAO banner" src="https://user-images.githubusercontent.com/72812470/189705065-58fe76da-080b-4798-94fe-2400af2bbfa8.png"/>
 
 ---
+[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/WebXDAO/WebXDAO.github.io/blob/master/LICENSE)
 
 The content in this repository is temporary, we are making new web design for WebX DAO. If you want to help, please message us on [Discord](https://discord.gg/TSRwqx4K2v)
 
 ---
 
-## Getting Started
+## 🚀 Getting Started
 
 > Make sure to read our [contributing guidelines](https://github.com/WebXDAO/WebXDAO.github.io/blob/main/CONTRIBUTING.md)
 
@@ -38,3 +39,9 @@ npm install
 ```
 npm run dev
 ```
+
+## ⚡ Our valuable Contributors
+
+<p align="center"><a href="https://github.com/WebXDAO/WebXDAO.github.io/graphs/contributors">
+  <img src="https://contributors-img.web.app/image?repo=WebXDAO/WebXDAO.github.io" />
+</a></p>

package-lock.json

@@ -7,7 +7,8 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "export": "next build && next export"
+    "export": "next build && next export",
+    "format": "npx prettier --write ."
   },
   "dependencies": {
     "@headlessui/react": "^1.7.1",
@@ -22,6 +23,7 @@
   },
   "devDependencies": {
     "autoprefixer": "^10.4.2",
+    "prettier": "^2.7.1",
     "eslint": "8.6.0",
     "eslint-config-next": "12.3.0",
     "postcss": "^8.4.5",

package.json

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};