From 10f8546b2f05434fb0534db906ad4f6c4e6f9885 Mon Sep 17 00:00:00 2001 From: Apurv7777 <65327303+Apurv7777@users.noreply.github.com> Date: Mon, 3 Jun 2024 15:02:57 +0530 Subject: [PATCH 1/6] Create README.md --- CI CD Pipeline Using Gitlab/README.md | 119 ++++++++++++++++++++++++++ 1 file changed, 119 insertions(+) create mode 100644 CI CD Pipeline Using Gitlab/README.md diff --git a/CI CD Pipeline Using Gitlab/README.md b/CI CD Pipeline Using Gitlab/README.md new file mode 100644 index 00000000..898cb47d --- /dev/null +++ b/CI CD Pipeline Using Gitlab/README.md @@ -0,0 +1,119 @@ +# 🚀 Setting Up a CI/CD Pipeline Using GitLab + +## Table of Contents +1. 🔧 Prerequisites +2. 📂 Project Setup +3. 🛠️ Configure GitLab Runner +4. 📄 Create `.gitlab-ci.yml` File +5. 🔄 Continuous Integration (CI) Configuration +6. 🚢 Continuous Deployment (CD) Configuration +7. ✅ Running the Pipeline + +--- + +## 🔧 Prerequisites + +Before setting up the CI/CD pipeline, ensure you have the following: +- A GitLab account 🧑‍💻 +- A GitLab project repository 📁 +- GitLab Runner installed (optional for local testing) 🏃‍♂️ + +## 📂 Project Setup + +1. **Create a New Repository**: + - Go to your GitLab account. + - Click on **New Project** and follow the instructions to create a new repository. + +2. **Clone the Repository**: + ```sh + git clone https://gitlab.com/username/repository-name.git + cd repository-name + ``` + +## 🛠️ Configure GitLab Runner + +1. **Register GitLab Runner**: + - Install GitLab Runner by following the [official documentation](https://docs.gitlab.com/runner/install/). + - Register the runner using: + ```sh + sudo gitlab-runner register + ``` + - Follow the prompts to configure the runner. + +## 📄 Create `.gitlab-ci.yml` File + +1. **Create the File**: + - In the root of your repository, create a file named `.gitlab-ci.yml`. + ```sh + touch .gitlab-ci.yml + ``` + +2. **Basic Structure**: + ```yaml + stages: + - build + - test + - deploy + ``` + +## 🔄 Continuous Integration (CI) Configuration + +1. **Build Stage**: + ```yaml + build: + stage: build + script: + - echo "Compiling the code..." + - # Add your build commands here + ``` + +2. **Test Stage**: + ```yaml + test: + stage: test + script: + - echo "Running tests..." + - # Add your test commands here + ``` + +## 🚢 Continuous Deployment (CD) Configuration + +1. **Deploy Stage**: + ```yaml + deploy: + stage: deploy + script: + - echo "Deploying the application..." + - # Add your deployment commands here + environment: + name: production + url: http://your-app-url.com + ``` + +## ✅ Running the Pipeline + +1. **Push Changes**: + - Add, commit, and push your changes to the repository. + ```sh + git add .gitlab-ci.yml + git commit -m "Add CI/CD pipeline configuration" + git push origin main + ``` + +2. **Pipeline Execution**: + - Navigate to your GitLab project. + - Go to **CI/CD > Pipelines** to view the running pipeline. + +3. **Review Pipeline Status**: + - Check the status of each stage and job. + - Fix any issues if necessary and re-run the pipeline. + +--- + +Congratulations! 🎉 You have successfully set up a CI/CD pipeline using GitLab. Your project is now configured to automatically build, test, and deploy with each commit. + +--- + +Feel free to further customize your pipeline to suit your project's specific needs. Happy coding! 💻🚀 + +--- From 5c96704215652f3b15052a5e7b21557ce3556f22 Mon Sep 17 00:00:00 2001 From: Anurag Pandey Date: Mon, 3 Jun 2024 15:50:58 +0530 Subject: [PATCH 2/6] make over of contribution page --- Official_Website/contributor-index.html | 25 +++++- Official_Website/contributor-style.css | 111 +++++++++++++++++++----- Official_Website/contributor.js | 7 +- Official_Website/style.css | 4 +- 4 files changed, 118 insertions(+), 29 deletions(-) diff --git a/Official_Website/contributor-index.html b/Official_Website/contributor-index.html index 2b92ebe2..e46d9752 100644 --- a/Official_Website/contributor-index.html +++ b/Official_Website/contributor-index.html @@ -56,8 +56,8 @@

Our Team

-
-
+
+
Azfar Alam
@@ -65,14 +65,33 @@

Our Team

Azfar Alam

- +
+
+
+ Azfar Alam +
+
+ Maintainer +

Anurag Pandey

+
+
+
+
+ diff --git a/Official_Website/contributor-style.css b/Official_Website/contributor-style.css index 5c413eb5..555e5d9d 100644 --- a/Official_Website/contributor-style.css +++ b/Official_Website/contributor-style.css @@ -171,7 +171,7 @@ width: 40px; /* Individual folder card */ .folder-card { - flex: 0 0 calc(25% - 20px); /* Four cards per row (adjust margin as needed) */ + flex: 0 0 calc(50% - 20px); /* Four cards per row (adjust margin as needed) */ margin: 10px; justify-content: center; padding: 1.5rem; @@ -202,7 +202,7 @@ width: 40px; /* Path text */ .folder-card p { font-size: 14px; - color: #777; + color: black; } /* sponser button */ .sponsor-button { @@ -263,40 +263,68 @@ width: 40px; #team-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); gap: 20px; + height: 400px; + /* margin: 20px; */ + } .team-member { display: flex; justify-content: space-between; align-items: center; - background-color: #36d0ef; - border-radius: 10px; + background-color: whitesmoke; + border-radius: 20px; + /* border: solid; */ + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); padding: 20px; - background-image: linear-gradient( - to right, - rgb(128, 238, 244), - rgba(2, 151, 156, 0.995) - ), - url("/PROJECTS/MediGo/Assets 2/Medication\ Adherence\ 2.jpg"); + /* background-color: gray; */ + margin-left: 20px; background-position: center center; background-size: cover; background-repeat: no-repeat; + transition: 0.5s; +} +.team-member:hover{ + transform: scale(1.07); } - .card { - background-color: #00ccff; + background-color: #ceedff; padding: 20px; - border-radius: 10px; + border-radius: 20px; + border-color: #3498db; display: flex; flex-direction: column; width: 100%; - max-width: 300px; + height: 200px; + align-items: center; + position: relative; +} +.card1 { + background-color: #fff0f0; + padding: 20px; + border-radius: 20px; + border-color: #3498db; + display: flex; + flex-direction: column; + width: 100%; + height: 300px; + align-items: center; + position: relative; +} +.card2 { + background-color: #fcedfe; + padding: 20px; + border-radius: 20px; + border-color: #3498db; + display: flex; + flex-direction: column; + width: 100%; + height: 300px; align-items: center; position: relative; } - .image-div { flex: none; text-align: center; @@ -316,7 +344,7 @@ width: 40px; .info-div h2 { margin: 10px 0 5px; font-size: 1.3em; - color: whitesmoke; + color: black; } .info-div p { @@ -324,6 +352,11 @@ width: 40px; font-size: 0.8em; color: whitesmoke; } +#team-grid1 { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + gap: 15px; +} .badge { position: absolute; @@ -332,7 +365,7 @@ width: 40px; display: inline-block; padding: 2px 10px; border-radius: 20px; - font-size: 0.8em; + font-size: 1em; } .founder { @@ -349,12 +382,38 @@ width: 40px; display: flex; flex-direction: column; margin-left: 20px; + font-size: large; +} +#social-links{ + display: flex; + flex-direction: column; + margin-left: 20px; + font-size: XX-large; +} +#social-links a { + display: flex; + align-items: center; + color: black; + margin: 5px 0; + text-decoration: none; } + +#social-links a i { + margin-right: 5px; +} + +#social-links a:hover { + color: #89d2fc; +} + #group{ + color: black; + } + .social-links a { display: flex; align-items: center; - color: #ffffff; + color: black; margin: 5px 0; text-decoration: none; } @@ -364,8 +423,18 @@ width: 40px; } .social-links a:hover { - color: #ffffff; + color: #89d2fc; } #group{ - color: rgb(29, 129, 29); + color: black; + } + .image-div img{ + height: 150px; + width: 150px; } + .image-div1 img{ + height: 200px; + width: 200px; + border-radius: 50%; + } + diff --git a/Official_Website/contributor.js b/Official_Website/contributor.js index 93b22e11..702991e0 100644 --- a/Official_Website/contributor.js +++ b/Official_Website/contributor.js @@ -15,7 +15,7 @@ // nMenu.classList.toggle("active"); // } -const cont = document.getElementById("team-grid"); +const cont = document.getElementById("team-grid1"); const owner = "mdazfar2"; const repoName = "HelpOps-Hub"; @@ -70,6 +70,7 @@ async function fetchAllContributors() { allContributors = allContributors.concat(contributorsData); pageNumber++; } + var cheak = 0; allContributors.forEach((contributor) => { if (contributor.login === owner) { return; @@ -130,8 +131,8 @@ async function fetchAllContributors() { // loginLink.appendChild(avatarImg); // contributorCard.appendChild(loginLink); - - cont.appendChild(contributorCard); + if (cheak > 0) cont.appendChild(contributorCard); + cheak++; }); } catch (error) { console.error(error); diff --git a/Official_Website/style.css b/Official_Website/style.css index 63b15f8d..4a5d3998 100644 --- a/Official_Website/style.css +++ b/Official_Website/style.css @@ -159,8 +159,8 @@ width: 40px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - cursor: pointer; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); + cursor: pointer; transition: background-color 0.3s ease; } From b9fafcca6ac51a5a6bc631f6a4daf4eb9525cc19 Mon Sep 17 00:00:00 2001 From: Apurv7777 <65327303+Apurv7777@users.noreply.github.com> Date: Mon, 3 Jun 2024 16:06:12 +0530 Subject: [PATCH 3/6] Add Apache Spark Installation from scracth --- Apache Spark from Scratch/README.md | 132 ++++++++++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 Apache Spark from Scratch/README.md diff --git a/Apache Spark from Scratch/README.md b/Apache Spark from Scratch/README.md new file mode 100644 index 00000000..4d3e46c7 --- /dev/null +++ b/Apache Spark from Scratch/README.md @@ -0,0 +1,132 @@ +# Apache Spark Installation 🚀 + +Welcome to the Apache Spark installation and usage guide! This guide will walk you through the steps to install and use Apache Spark on your local machine. Let's get started! 🌟 + +## Table of Contents +1. Prerequisites +2. Downloading Apache Spark +3. Installing Apache Spark +4. Setting Up Environment Variables +5. Running Spark Applications +6. Using PySpark +7. Conclusion + +## Prerequisites 📋 + +Before installing Apache Spark, ensure you have the following software installed on your machine: + +- Java Development Kit (JDK) 8 or later ☕ +- Scala (optional, but recommended for Scala applications) 💻 +- Python (if you plan to use PySpark) 🐍 + +You can check if Java is installed by running the following command: + +```bash +java -version +``` + +## Downloading Apache Spark 📥 + +1. Visit the [Apache Spark download page](https://spark.apache.org/downloads.html). +2. Choose the latest version of Spark. +3. Select a pre-built package for Hadoop. If you're unsure, choose "Pre-built for Apache Hadoop 2.7 and later". +4. Click on the "Download Spark" link. + +## Installing Apache Spark 💾 + +1. Extract the downloaded Spark tarball: + +```bash +tar -xvf spark--bin-hadoop2.7.tgz +``` + +2. Move the extracted directory to `/opt` (optional): + +```bash +sudo mv spark--bin-hadoop2.7 /opt/spark +``` + +## Setting Up Environment Variables ⚙️ + +1. Open your `.bashrc` or `.zshrc` file: + +```bash +nano ~/.bashrc +# or +nano ~/.zshrc +``` + +2. Add the following lines to set up the Spark environment variables: + +```bash +export SPARK_HOME=/opt/spark +export PATH=$SPARK_HOME/bin:$PATH +``` + +3. Source the updated profile: + +```bash +source ~/.bashrc +# or +source ~/.zshrc +``` + +## Running Spark Applications 🏃 + +To verify that Spark is installed correctly, you can run the Spark shell: + +```bash +spark-shell +``` + +You should see the Spark shell prompt, indicating Spark is ready to use. + +## Using PySpark 🐍 + +If you plan to use Spark with Python, you can use PySpark. Here's how to start the PySpark shell: + +```bash +pyspark +``` + +This will open an interactive PySpark shell where you can run Spark commands using Python. + +### Example PySpark Application 📘 + +Create a new Python file, `example.py`, with the following content: + +```python +from pyspark.sql import SparkSession + +# Initialize SparkSession +spark = SparkSession.builder.appName("example").getOrCreate() + +# Create a DataFrame +data = [("Alice", 34), ("Bob", 45), ("Cathy", 29)] +columns = ["Name", "Age"] +df = spark.createDataFrame(data, columns) + +# Show the DataFrame +df.show() + +# Stop the SparkSession +spark.stop() +``` + +Run the script using the following command: + +```bash +spark-submit example.py +``` + +You should see the DataFrame output in your terminal. + +## Conclusion 🎉 + +Congratulations! You've successfully installed and run Apache Spark on your machine. You are now ready to start building powerful big data applications. For more information and advanced usage, refer to the [official Apache Spark documentation](https://spark.apache.org/docs/latest/). + +Happy Spark-ing! ✨ + +--- + +This guide should help you get started with Apache Spark quickly and easily. Let me know if there's anything else you need! From de123b573130316bf2aba42108b43f3b3777d732 Mon Sep 17 00:00:00 2001 From: Anurag Pandey Date: Mon, 3 Jun 2024 16:08:50 +0530 Subject: [PATCH 4/6] make over of contribution page final --- Official_Website/contributor-index.html | 2 ++ Official_Website/contributor-style.css | 11 ++++++----- Official_Website/contributor.js | 3 ++- 3 files changed, 10 insertions(+), 6 deletions(-) diff --git a/Official_Website/contributor-index.html b/Official_Website/contributor-index.html index e46d9752..27c42615 100644 --- a/Official_Website/contributor-index.html +++ b/Official_Website/contributor-index.html @@ -63,6 +63,7 @@

Our Team

Founder

Azfar Alam

+

Founder

- Maintainer + Contributor

${name}

+

Open-sourec contributor

From 064c7c6e6c90c90db0e9a0c7fb4ac6f31241c209 Mon Sep 17 00:00:00 2001 From: mdazfar2 Date: Mon, 3 Jun 2024 17:13:51 +0530 Subject: [PATCH 5/6] Added Domain according to their work --- Official_Website/contributor-index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/Official_Website/contributor-index.html b/Official_Website/contributor-index.html index 27c42615..7f4bf3e5 100644 --- a/Official_Website/contributor-index.html +++ b/Official_Website/contributor-index.html @@ -63,13 +63,13 @@

Our Team

Founder

Azfar Alam

-

Founder

+

DevOps Engineer

@@ -80,13 +80,13 @@

Azfar Alam

Maintainer

Anurag Pandey

-

Software Engener

+

Software Engineer

From 319e160e5c92ea3597cb79c1b93e4b39b9a7216b Mon Sep 17 00:00:00 2001 From: Bhavy_Zala Date: Mon, 3 Jun 2024 18:03:38 +0530 Subject: [PATCH 6/6] Scroll to top button added --- Official_Website/app.js | 19 +++++++++++++++++++ Official_Website/contributor-style.css | 3 +-- Official_Website/index.html | 1 + Official_Website/style.css | 26 +++++++++++++++++++++++++- 4 files changed, 46 insertions(+), 3 deletions(-) diff --git a/Official_Website/app.js b/Official_Website/app.js index 7e72c122..d6cbb1d3 100644 --- a/Official_Website/app.js +++ b/Official_Website/app.js @@ -170,3 +170,22 @@ document.addEventListener("DOMContentLoaded", async function () { fetchRepository("https://api.github.com/repos/mdazfar2/HelpOps-Hub/contents"); }); +//Scroll to top js +const scrollToTopBtn = document.getElementById('scrollToTopBtn'); +function scrollToTop() { + window.scrollTo({ + top: 0, + behavior: 'smooth' + }); +} +function handleScroll() { + if (window.pageYOffset > 100) { + scrollToTopBtn.classList.add('show'); + } else { + scrollToTopBtn.classList.remove('show'); + } +} +// Add scroll event listener +window.addEventListener('scroll', handleScroll); +// Add click event listener +scrollToTopBtn.addEventListener('click', scrollToTop); diff --git a/Official_Website/contributor-style.css b/Official_Website/contributor-style.css index 798685b6..7b3473f2 100644 --- a/Official_Website/contributor-style.css +++ b/Official_Website/contributor-style.css @@ -437,5 +437,4 @@ width: 40px; height: 200px; width: 200px; border-radius: 50%; - } - + } \ No newline at end of file diff --git a/Official_Website/index.html b/Official_Website/index.html index ff874fad..ef4c8903 100644 --- a/Official_Website/index.html +++ b/Official_Website/index.html @@ -54,6 +54,7 @@

HelpOps-Hub

+
diff --git a/Official_Website/style.css b/Official_Website/style.css index 27c89222..d4ecbe0c 100644 --- a/Official_Website/style.css +++ b/Official_Website/style.css @@ -244,4 +244,28 @@ width: 40px; color: inherit; text-decoration: none; font-size: 20px; /* Adjust as needed */ -} \ No newline at end of file +} +/*Scroll to top*/ +.scrollToTopBtn { + position: fixed; + bottom: 40px; + right: 40px; + width: 50px; + height: 50px; + background-color: #00ccff; + color: white; + border: none; + border-radius: 50%; + text-align: center; + line-height: 50px; + font-size: 24px; + cursor: pointer; + transition: opacity 0.3s ease-in-out; + opacity: 0; + visibility: hidden; + z-index: 1000; +} +.scrollToTopBtn.show { + opacity: 1; + visibility: visible; +}