Merge branch 'main' into Fix-navbar

.github/ISSUE_TEMPLATE/bug.yml

@@ -0,0 +1,51 @@
+name: ​🐞 Bug
+description: Report an issue to help us improve the project.
+title: '[BUG] '
+labels: ["bug"]
+body:
+  - type: textarea
+    attributes:
+      label: Description
+      id: description
+      description: A brief description of the issue or bug you are facing, also include what you tried and what didn't work.
+    validations:
+      required: false
+  - type: textarea
+    attributes:
+      label: Screenshots
+      id: screenshots
+      description: Please add screenshots if applicable
+    validations:
+      required: false
+  - type: textarea
+    attributes:
+      label: Any additional information?
+      id: extrainfo
+      description: Any additional information or Is there anything we should know about this bug?
+    validations:
+      required: false
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browser are you seeing the problem on?
+      multiple: true
+      options:
+        - Firefox
+        - Chrome
+        - Safari
+        - Microsoft Edge
+  - type: checkboxes
+    id: no-duplicate-issues
+    attributes:
+      label: 'Checklist'
+      options:
+        - label: 'I have checked the existing issues'
+          required: true
+
+        - label: 'I have read the [Contributing Guidelines](https://github.com/rajatuiwebdev/badge-website/blob/main/CONTRIBUTING.md)'
+          required: true
+        - label: "I'm a GSSoC'24-Extd contributor"
+        - label: "I'm a Hacktoberfest'24 contributor"
+
+        - label: 'I am willing to work on this issue (optional)'
+          required: false

.github/ISSUE_TEMPLATE/feature.yml

@@ -0,0 +1,34 @@
+name: Feature Request 💡
+description: Have any new idea or new feature for Canvas-Editor? Please suggest!
+title: '[Feat]'
+labels: [enhancement]
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: A clear and concise description of any alternative solution or features you've considered.
+    validations:
+      required: true
+  - type: textareas
+    id: screenshots
+    attributes:
+      label: Screenshots
+      description: Please add screenshots if applicable
+    validations:
+      required: false
+  - type: checkboxes
+    id: no-duplicate-issues
+    attributes:
+      label: 'Checklist'
+      options:
+        - label: 'I have checked the existing issues'
+          required: true
+
+        - label: 'I have read the [Contributing Guidelines](https://github.com/rajatuiwebdev/badge-website/blob/main/CONTRIBUTING.md)'
+          required: true
+        - label: "I'm a GSSoC'24-Extd contributor"
+        - label: "I'm a Hacktoberfest'24 contributor"
+
+        - label: 'I am willing to work on this issue (optional)'
+          required: false

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,28 @@
+## What does this PR do?
+
+<!-- Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change. -->
+
+Fixes #(issue)
+
+<!-- Please provide a Video and ScreenShots for visual changes to speed up reviews -->
+
+## Type of change
+
+<!-- Please delete bullets that are not relevant. -->
+
+- Bug fix (non-breaking change which fixes an issue)
+- Chore (refactoring code, technical debt, workflow improvements)
+- New feature (non-breaking change which adds functionality)
+- Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- This change requires a documentation update
+
+## How should this be tested?
+
+<!-- Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration -->
+
+- [ ] Test A
+- [ ] Test B
+
+## Mandatory Tasks
+
+- [ ] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

.github/workflows/greetings.yml

@@ -0,0 +1,16 @@
+name: Greetings
+
+on: [pull_request_target, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: "👋 Thank you @${{ github.actor }} for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!"
+        pr-message: " 🎉 Thank you @${{ github.actor }} for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better"

css/about.css

@@ -1,17 +1,15 @@
 .about-section {
-    padding: 40px;
+    padding-top: 40px;
     background: linear-gradient(135deg, #1c1f24, #2d3b45, #000000); 
     color: #dfe1e5; 
     text-align: center;
-    height: auto; 
+    height: 82vh;  /* Full screen height */
     background-repeat: no-repeat;
     background-size: cover; 
     position: relative; 
     overflow: hidden; 
-    min-height: 70vh;
 }
 
-
 .about-section h2 {
     font-size: 36px;
     margin-bottom: 20px;
@@ -23,5 +21,3 @@
     max-width: 800px;
     margin: 0 auto 20px auto;
 }
-
-

styles.css

@@ -71,7 +71,7 @@ body {
 
 .badge img {
   width: 250px;
-  height: 250px;
+   height: 210px;  /* reduce the height of badge image for better user experience */
   transition: transform 0.3s ease; /* Smooth transition */
 }
 
@@ -267,8 +267,9 @@ nav {
 }
 
 footer {
+  min-height: 15vh;
   text-align: center;
-  padding: 14px;
+  padding: 40px;
   background: linear-gradient(135deg, #1c1f24, #2d3b45, #000000);
   color: #dfe1e5;
   position: relative; 
@@ -288,20 +289,21 @@ footer a{
 .share-section {
   text-align: center;
   margin-top: 20px;
+ margin-bottom: 34px;   /* add margin bottom for proper visibility of share section */
 }
 
 .share-section p {
   font-size: 18px;
   color: #fff;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
   font-weight: bold;
 }
 
 .share-button {
   display: inline-block;
   margin: 0 10px;
   text-decoration: none;
-  font-size: 24px;
+  font-size: 20px;
   padding: 15px;
   border-radius: 50%;
   color: #fff;
@@ -427,6 +429,7 @@ footer a{
   flex-direction: column;
   align-items: center;
   text-align: center;
+   margin-top: 55px;  /* add margin top for badge image proper visibility */
 }
 
 .badge-details h2 {
@@ -476,7 +479,7 @@ footer a{
 
 .slider-nav button:hover {
   background-color: rgba(0, 0, 0, 0.7);
-}
+
 
 /* Styles for the badge cards */
 .badges-section {
@@ -535,10 +538,12 @@ footer a{
   .badges-container {
       grid-template-columns: 1fr; /* One badge per row on very small screens */
   }
+
 }
 @media (min-width:768px) {
   .hideOnMobile{
     display: none;
   }
 
+
 }