Merge branch 'main' into main

Author: katarianikita2003

.github/workflows/add_label.yml

@@ -0,0 +1,40 @@
+name: Issue Creation Workflow
+
+on:
+  issues:
+    types: [opened]
+
+jobs:
+  check-contributor-issues:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '14'
+
+      - name: Retrieve Contributors
+        run: |
+          CONTRIBUTORS=$(curl -s -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" https://api.github.com/repos/${{ github.repository }}/contributors | jq -r '.[].login')
+          echo "::set-output name=contributors::$CONTRIBUTORS"
+
+      - name: Count Open Issues for Each Contributor
+        id: count-issues
+        run: |
+          for contributor in ${{ steps.retrieve-contributors.outputs.contributors }}; do
+            ISSUE_COUNT=$(curl -s -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" "https://api.github.com/search/issues?q=is:open+author:${contributor}+repo:${{ github.repository }}" | jq -r '.total_count')
+            echo "::set-output name=${contributor}_issue_count::$ISSUE_COUNT"
+          done
+
+      - name: Check Contributor's Open Issues Count
+        run: |
+          contributor=${{ github.event.issue.user.login }}
+          issue_count=${{ steps.count-issues.outputs["${contributor}_issue_count"] }}
+          if [ "$issue_count" -ge 4 ]; then
+            echo "Contributor $contributor has $issue_count open issues. Please complete your existing open issues before creating a new one."
+            exit 1
+          fi

.github/workflows/issue_creation_workflow.yml

@@ -83,9 +83,9 @@ This project is licensed under the [MIT License](LICENSE).
 
 ## Badges
 
-[![Quality gate](https://sonarcloud.io/api/project_badges/quality_gate?project=CodeHarborHub_codeharborhub)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub)
+[![Quality gate](https://sonarcloud.io/api/project_badges/quality_gate?project=CodeHarborHub_codeharborhub.github.io)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub)
 
-[![DeepSource](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io.svg/?label=active+issues&show_trend=true&token=D5-vPYsEG8PSYlzqpUGIbsiB)](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io/) [![DeepSource](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io.svg/?label=resolved+issues&show_trend=true&token=D5-vPYsEG8PSYlzqpUGIbsiB)](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io/) [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=bugs)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Code Smells](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=code_smells)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=duplicated_lines_density)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Lines of Code](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=ncloc)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=security_rating)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Technical Debt](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=sqale_index)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub&metric=vulnerabilities)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub) [![DeepScan grade](https://deepscan.io/api/teams/24046/projects/27285/branches/870905/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=24046&pid=27285&bid=870905) [![Docker Image CI](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/docker-image.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/docker-image.yml) [![Close Old Issues](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-issue.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-issue.yml) [![Close Stale PRs](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-pr.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-pr.yml) [![CodeQL](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/github-code-scanning/codeql) [![Comment on Issue Close](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/autocomment-iss-close.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/autocomment-iss-close.yml) [![Greetings](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/greetings.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/greetings.yml) ![GitHub commit activity](https://img.shields.io/github/commit-activity/t/CodeHarborHub/codeharborhub) ![GitHub commit activity](https://img.shields.io/github/commit-activity/w/CodeHarborHub/codeharborhub) ![GitHub commit activity](https://img.shields.io/github/commit-activity/m/CodeHarborHub/codeharborhub) ![GitHub commit activity](https://img.shields.io/github/commit-activity/y/CodeHarborHub/codeharborhub) ![GitHub Org's stars](https://img.shields.io/github/stars/CodeHarborHub%2Fcodeharborhub) ![GitHub License](https://img.shields.io/github/license/CodeHarborHub/codeharborhub) ![GitHub forks](https://img.shields.io/github/forks/CodeHarborHub/codeharborhub) ![GitHub watchers](https://img.shields.io/github/watchers/CodeHarborHub/codeharborhub) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/CodeHarborHub/codeharborhub) ![GitHub file size in bytes](https://img.shields.io/github/size/CodeHarborHub/codeharborhub/docusaurus.config.js) ![GitHub repo file or directory count](https://img.shields.io/github/directory-file-count/CodeHarborHub/codeharborhub) ![GitHub repo size](https://img.shields.io/github/repo-size/CodeHarborHub/codeharborhub)
+[![DeepSource](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io.svg/?label=active+issues&show_trend=true&token=D5-vPYsEG8PSYlzqpUGIbsiB)](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io/) [![DeepSource](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io.svg/?label=resolved+issues&show_trend=true&token=D5-vPYsEG8PSYlzqpUGIbsiB)](https://app.deepsource.com/gh/CodeHarborHub/codeharborhub.github.io/) [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=bugs)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Code Smells](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=code_smells)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=duplicated_lines_density)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Lines of Code](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=ncloc)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=security_rating)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Technical Debt](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=sqale_index)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=CodeHarborHub_codeharborhub.github.io&metric=vulnerabilities)](https://sonarcloud.io/summary/new_code?id=CodeHarborHub_codeharborhub.github.io) [![DeepScan grade](https://deepscan.io/api/teams/24046/projects/27285/branches/870905/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=24046&pid=27285&bid=870905) [![Docker Image CI](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/docker-image.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/docker-image.yml) [![Close Old Issues](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-issue.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-issue.yml) [![Close Stale PRs](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-pr.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/close-old-pr.yml) [![CodeQL](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/github-code-scanning/codeql) [![Comment on Issue Close](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/autocomment-iss-close.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/autocomment-iss-close.yml) [![Greetings](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/greetings.yml/badge.svg)](https://github.com/CodeHarborHub/codeharborhub/actions/workflows/greetings.yml) ![GitHub commit activity](https://img.shields.io/github/commit-activity/t/CodeHarborHub/codeharborhub) ![GitHub commit activity](https://img.shields.io/github/commit-activity/w/CodeHarborHub/codeharborhub) ![GitHub commit activity](https://img.shields.io/github/commit-activity/m/CodeHarborHub/codeharborhub) ![GitHub commit activity](https://img.shields.io/github/commit-activity/y/CodeHarborHub/codeharborhub) ![GitHub Org's stars](https://img.shields.io/github/stars/CodeHarborHub%2Fcodeharborhub) ![GitHub License](https://img.shields.io/github/license/CodeHarborHub/codeharborhub) ![GitHub forks](https://img.shields.io/github/forks/CodeHarborHub/codeharborhub) ![GitHub watchers](https://img.shields.io/github/watchers/CodeHarborHub/codeharborhub) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/CodeHarborHub/codeharborhub) ![GitHub file size in bytes](https://img.shields.io/github/size/CodeHarborHub/codeharborhub/docusaurus.config.js) ![GitHub repo file or directory count](https://img.shields.io/github/directory-file-count/CodeHarborHub/codeharborhub) ![GitHub repo size](https://img.shields.io/github/repo-size/CodeHarborHub/codeharborhub)
 
 ## Contributors
 

README.md

@@ -0,0 +1,185 @@
+---
+id: css-animations
+title: CSS Animations
+sidebar_label: CSS Animations
+tags: [html, introduction, web development, markup language, hyper text, web pages, career opportunities, personal growth, web-development, web design, web pages, websites, career opportunities, contribute to the web, stay relevant, express yourself, learn other technologies, have fun, how to use html, steps to start using html, set up your development environment, create your first html document, learn html syntax and structure, explore html elements and-attributes]
+description: In this tutorial you will learn about animations in CSS 
+---
+
+## What are CSS Animations?
+An animation lets an element gradually change from one style to another.
+You can change as many CSS properties you want, as many times as you want.
+To use CSS animation, you must first specify some keyframes for the animation.
+
+Keyframes hold what styles the element will have at certain times.
+
+## The `@keyframes` Rule
+When you specify CSS styles inside the `@keyframes` rule, the animation will gradually change from the current style to the new style at certain times.
+To get an animation to work, you must bind the animation to an element.
+
+```css
+/* The animation code */
+@keyframes example {
+  from {background-color: red;}
+  to {background-color: yellow;}
+}
+
+/* The element to apply the animation to */
+div {
+  width: 100px;
+  height: 100px;
+  background-color: red;
+  animation-name: example;
+  animation-duration: 4s;
+}
+```
+<BrowserWindow url="http://127.0.0.1:5500/index.html">
+    <div style={{
+      width: '100px',
+      height: '100px',
+      backgroundColor: 'red',
+      animation: 'myAnimation 4s infinite',
+      padding: '5px',
+    }}>
+      Hello World!
+    </div>
+    <style>{`
+      @keyframes myAnimation {
+        from { background-color: red; }
+        to { background-color: yellow; }
+      }
+    `}</style>
+  </BrowserWindow>
+
+The `animation-duration` property defines how long an animation should take to complete. If the `animation-duration` property is not specified, no animation will occur, because the default value is 0s (0 seconds). 
+In the example above we have specified when the style will change by using the keywords "from" and "to" (which represents `0%` (start) and `100%` (complete)).
+It is also possible to use percent. By using percent, you can add as many style changes as you like.
+
+## Delay an Animation
+The `animation-delay` property specifies a delay for the start of an animation.
+
+```css
+div {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  background-color: red;
+  animation-name: example;
+  animation-duration: 4s;
+  animation-delay: 2s;
+}
+```
+<BrowserWindow minHeight={400} url="http://127.0.0.1:5500/index.html">
+    <div className="Delay-an-Animation" style={{
+      width: '100px',
+      height: '100px',
+      position: 'relative',
+      backgroundColor: 'red',
+      animationName: 'DelayAnAnimationExample',
+      animationDuration: '4s',
+      animationDelay: '2s',
+      padding: '5px',
+    }}>
+      Hello World!
+    </div>
+    <style>{`
+      @keyframes DelayAnAnimationExample {
+        0%   { background-color: red; left: 0px; top: 0px; }
+        25%  { background-color: yellow; left: 200px; top: 0px; }
+        50%  { background-color: blue; left: 200px; top: 200px; }
+        75%  { background-color: green; left: 0px; top: 200px; }
+        100% { background-color: red; left: 0px; top: 0px; }
+      }
+      .Delay-an-Animation {
+        position: absolute;
+      }
+    `}</style>
+  </BrowserWindow>
+
+# Times animation should run
+The `animation-iteration-count` property specifies the number of times an animation should run.
+
+```css
+div {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  background-color: red;
+  animation-name: example;
+  animation-duration: 4s;
+  animation-iteration-count: 3;
+}
+```
+
+<BrowserWindow minHeight={400} url="http://127.0.0.1:5500/index.html">
+    <div style={{
+      width: '100px',
+      height: '100px',
+      position: 'relative',
+      backgroundColor: 'red',
+      animationName: 'example',
+      animationDuration: '4s',
+      animationIterationCount: 3,
+      padding: '5px',
+    }}>
+      Hello World!
+    </div>
+    <style>{`
+      @keyframes example {
+        0% { background-color: red; left: 0px; top: 0px; }
+        25% { background-color: yellow; left: 200px; top: 0px; }
+        50% { background-color: blue; left: 200px; top: 200px; }
+        75% { background-color: green; left: 0px; top: 200px; }
+        100% { background-color: red; left: 0px; top: 0px; }
+      }
+    `}</style>
+  </BrowserWindow>
+
+# Direction of the animation 
+
+The `animation-direction` property specifies whether an animation should be played forwards, backwards or in alternate cycles.
+
+The `animation-direction` property can have the following values:
+
+- `normal` - The animation is played as normal (forwards). This is default
+- `reverse` - The animation is played in reverse direction (backwards)
+- `alternate` - The animation is played forwards first, then backwards
+- `alternate-reverse` - The animation is played backwards first, then forwards
+
+```css
+div {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  background-color: red;
+  animation-name: example;
+  animation-duration: 4s;
+  animation-direction: reverse;
+}
+```
+<BrowserWindow minHeight={400} url="http://127.0.0.1:5500/index.html">
+    <div style={{
+      width: '100px',
+      height: '100px',
+      position: 'relative',
+      backgroundColor: 'red',
+      animationName: 'example',
+      animationDuration: '4s',
+      animationDirection: 'reverse',
+      padding: '5px',
+    }}>
+      Hello World!
+    </div>
+    <style>{`
+      @keyframes example {
+        0%   { background-color: red; left: 0px; top: 0px; }
+        25%  { background-color: yellow; left: 200px; top: 0px; }
+        50%  { background-color: blue; left: 200px; top: 200px; }
+        75%  { background-color: green; left: 0px; top: 200px; }
+        100% { background-color: red; left: 0px; top: 0px; }
+      }
+    `}</style>
+  </BrowserWindow>
+
+
+

assets/Community.png

@@ -0,0 +1,9 @@
+{
+    "label": "Entity-Relational Model",
+    "position": 1,
+    "link": {
+      "type": "generated-index",
+      "description": "In this section, you will learn about the Entity-Relational Model in DBMS, a fundamental concept for conceptual design of databases. We will cover the basics of entities, relationships, attributes, and constraints, and how they are used to create a structured database schema."
+    }
+  }
+