-
DevOps Arsenal
-
-
-
-
-
-
-
elpOps-Hub
-
-
-
-
- Subscribe to our newsletter
-
- Subscribe
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/website2.0/logo.png b/website2.0/logo.png
deleted file mode 100644
index 6eeaef21..00000000
Binary files a/website2.0/logo.png and /dev/null differ
diff --git a/website2.0/mission.png b/website2.0/mission.png
deleted file mode 100644
index c85437bd..00000000
Binary files a/website2.0/mission.png and /dev/null differ
diff --git a/website2.0/nav.css b/website2.0/nav.css
deleted file mode 100644
index b1278b97..00000000
--- a/website2.0/nav.css
+++ /dev/null
@@ -1,114 +0,0 @@
-header {
- width: 100%;
- position: absolute;
- top: 0;
- background-color: transparent;
- padding: 10px 0;
-}
-
-nav {
- display: flex;
- justify-content: space-between;
- align-items: center;
- width: 90%;
- margin: 0 auto;
-}
-
-.logo img {
- height: 100px;
- width: 100px;
- position: relative;
-}
-.sponsor-btn {
- background-color: whitesmoke;
- border: none;
- border-radius: 25px; /* Rounded corners */
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Drop shadow effect */
- color: #000000; /* Black text color */
- font-size: 24px;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 7px; /* Space between icon and text */
- transition: transform 0.1s ease; /* Smooth click effect */
- width: 150px;
- padding: 7px 7px ;
- font-family:cursive;
- margin-right: 7px;
-
-}
-a{
- text-decoration: none;
-}
-.sponsor-btn:active{
- transform:translateY(1px) ;
-}
-.nav-links {
- list-style: none;
- display: flex;
- gap: 50px;
- margin: 25px;
- padding:12px 20px;
- background-color: #FDD86C;
- border-radius: 25px;
-
- box-shadow: 0 4px 6px #FF7D1F;
-}
-.nav-links a:hover{
- text-decoration: underline;
-}
-.nav-links li a {
- text-decoration: none !important;
- color: #101010;
- padding: 10px 15px;
- font-size: 22px;
- position: relative;
-}
-.nav-links li a::after{
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 3px;
- bottom: 4px;
- left: 0;
- background-color: #FF7D1F;
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
- }
-
- .nav-links li a:hover::after{
- transform: scaleX(1);
- transform-origin: bottom left;
- }
-#social-links{
- display: flex;
- flex-direction: column;
- /* margin-left: 20px; */
- margin-right: 20px;
- font-size: 40px;
- gap: 60px;
- }
-.nav-actions {
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-.search-btn, .sponsor-btn {
- background: none;
- border: none;
- cursor: pointer;
- font-size: 18px;
-
-}
-
-.search-btn {
- background-color: transparent;
- border-radius: 5px;
- padding: 5px 10px;
-}
-#heart{
- color: red;;
-}
\ No newline at end of file
diff --git a/website2.0/newCards.css b/website2.0/newCards.css
deleted file mode 100644
index 806a90ca..00000000
--- a/website2.0/newCards.css
+++ /dev/null
@@ -1,130 +0,0 @@
-
-
-/* #team-grid1 {
- display: flex;
- gap: 20px;
-} */
-.dark-mode .team-member7{
- background-color: #0a0a0a;
-}
-.dark-mode .card7{
- background-color: #181818;
-}
-.team-member7 {
- background-color: #FDD86C;
- border-radius: 10%;
- padding: 20px;
- display: flex;
- gap: 10px;
- margin-top: 0px;
- flex-direction: column;
- align-items: center;
- box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.1);
- transition: 0.5s;
- transform: scale(0.95);
-}
-
-.card7 {
- background-color: #FF7D1F;
- padding: 60px;
- border-radius: 10%;
- text-align: center;
-}
-.team-member7:hover{
-transform: scale(0.90);
-}
-.badge7 {
- left: 120px;
- bottom:60px ;
- position: relative;
- background-color: rgb(94, 225, 109);
- color: #6e6e6e;
- border-radius: 10px;
- padding: 2px 8px;
- font-size: 12px;
- font-weight: bold;
- width: 80px;
-}
-
-.image-div7 {
- text-align: center;
- margin-bottom: 20px;
-}
-
-.image-div7 img {
- border-radius: 10%;
- width: 100px;
- height: 100px;
-}
-
-.info-div7 {
- text-align: center;
-}
-
-.info-div7 h2 {
- margin: 10px 0 5px;
- font-size: 1.3em;
-}
-
-.info-div7 p {
- margin: 5px 0;
- font-size: 0.9em;
-}
-.dark-mode .github-label7{
- color: white !important;
-}
-.dark-mode .contributions-label7{
- color: white !important;
-}
-
-.data7 {
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-top: 20px;
-}
-
-.contributions7 {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-right: 45px;
-}
-
-.contributions-count7 {
- font-size: 24px;
- margin-bottom: 5px;
- font-weight: bold;
-}
-
-.contributions-label7 {
- font-size: 14px;
- color: #777;
-}
-
-.social-links7 {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-.social-links7 a {
- color: black;
- text-decoration: none;
- font-size: 24px;
-}
-
-.github-label7 {
- font-size: 14px;
- color: #777;
- margin-top: 5px;
-}
-.dark-mode .contributions-count7{
- color: rgb(255, 255, 255);
-}
-.dark-mode .fa-github{
- color: white;
-}
-.dark-mode .badge7{
- color: white;
-}
\ No newline at end of file
diff --git a/website2.0/particlesjs-config.json b/website2.0/particlesjs-config.json
deleted file mode 100644
index d415a7b8..00000000
--- a/website2.0/particlesjs-config.json
+++ /dev/null
@@ -1,105 +0,0 @@
-{
- "particles": {
- "number": {
- "value": 90,
- "density": {
- "enable": true,
- "value_area": 800
- }
- },
- "color": {
- "value": "#f9f9f9"
- },
- "shape": {
- "type": "triangle",
- "stroke": {
- "width": 0,
- "color": "#000000"
- },
- "polygon": {
- "nb_sides": 12
- }
- },
- "opacity": {
- "value": 0.7,
- "random": true,
- "anim": {
- "enable": false,
- "speed": 1,
- "opacity_min": 0.1,
- "sync": false
- }
- },
- "size": {
- "value": 3,
- "random": true,
- "anim": {
- "enable": false,
- "speed": 40,
- "size_min": 0.1,
- "sync": false
- }
- },
- "line_linked": {
- "enable": true,
- "distance": 150,
- "color": "#ffffff",
- "opacity": 0.8,
- "width": 1
- },
- "move": {
- "enable": true,
- "speed": 6,
- "direction": "none",
- "random": false,
- "straight": false,
- "out_mode": "out",
- "bounce": false,
- "attract": {
- "enable": false,
- "rotateX": 600,
- "rotateY": 1200
- }
- }
- },
- "interactivity": {
- "detect_on": "window",
- "events": {
- "onhover": {
- "enable": true,
- "mode": "repulse"
- },
- "onclick": {
- "enable": true,
- "mode": "repulse"
- },
- "resize": true
- },
- "modes": {
- "grab": {
- "distance": 400,
- "line_linked": {
- "opacity": 1
- }
- },
- "bubble": {
- "distance": 400,
- "size": 40,
- "duration": 2,
- "opacity": 8,
- "speed": 3
- },
- "repulse": {
- "distance": 200,
- "duration": 0.4
- },
- "push": {
- "particles_nb": 4
- },
- "remove": {
- "particles_nb": 2
- }
- }
- },
- "retina_detect": true
-}
\ No newline at end of file
diff --git a/website2.0/rank.css b/website2.0/rank.css
deleted file mode 100644
index be17087e..00000000
--- a/website2.0/rank.css
+++ /dev/null
@@ -1,210 +0,0 @@
-
-
-.container {
- text-align: center;
-}
-.contri{
- font-family: 'Poppins', sans-serif;
- font-weight: 800;
- color: #1f1f1f;
-}
-#contributors {
- margin-top: 110px;
- display: flex;
- justify-content: center;
- align-items: flex-end;
- gap: 40px;
-}
-
-.contributor {
- position: relative;
- text-align: center;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- gap: 0px;
-}
-#rank1 img{
- position: relative;
- left: 80px;
- transform: rotate(20deg) scale(1.5);
- /* transform: scale(1.5); */
-}
-#name2,#name3{
- position: relative;
-bottom: 55px;
-gap: 0px;
-opacity: 0px;
-font-family: 'Poppins', sans-serif;
-font-size: 20px;
-font-weight: 700;
-color: #000000;
-
-}
-#name1{
- position: relative;
-bottom: 55px;
-gap: 0px;
-opacity: 0px;
-font-family:'Poppins', sans-serif;
-font-size: 30px;
-font-weight: 700;
-color: #000000;
-
-}
-#co2,#co3{
- position: relative;
-bottom: 80px;
-gap: 0px;
-opacity: 0px;
-font-family: 'Poppins', sans-serif;
-font-size: 20px;
-font-weight: 500;
-color:#00000094;
-
-
-}
-#co1{
- position: relative;
-bottom: 100px;
-gap: 0px;
-opacity: 0px;
-font-family: Poppins;
-font-size: 30px;
-font-weight: 500;
-color:#00000094;
-
-
-}
-#card2,#card3{
- bottom: 65px;
-}
-.crown {
- position: absolute;
- top: -100px;
- left: 50%;
- transform: translateX(-50%);
- z-index: 0;
- /* font-size: 24px; */
-}
-
-.circle {
- width: 80px;
- height: 80px;
- background-color: #ff9800;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- z-index: 1;
-}
-.circle{
- /* box-shadow: 1px 5px 6.8px 4px #00000040; */
- transition: all 0.3s ease-in-out;
-}
-.circle:hover{
- box-shadow: 0 0px 20px rgba(48, 48, 48, 0.8);
- transform: scale(1.09);
-}
-.circle img :hover{
- transform: scale(1.7);
-}
-.circle .rank {
- font-size: 24px;
- color: white;
-}
-
-.contributor:nth-child(2) .circle {
- width:260px;
- height: 260px;
-}
-#rank img{
- position: relative;
- left: 50px;
- top: 10px;
- height: 160px;
- width: 160px;
- transform: rotate(20deg);
-}
-#left{
- position: relative;
- left: 50px;
- top: 10px;
- height: 160px;
- width: 160px;
- transform: rotate(-50deg);
-
-}
-#rank1 img{
- height: 200px;
- width: 200px;
-}
-#rank1 {
- top: -132px;
-}
-.contributor:nth-child(1) .circle,
-.contributor:nth-child(3) .circle {
- width: 160px;
- height: 160px;
-}
-.rank {
- width: 50px;
- height: 50px;
- background: #E7E7E7;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- bottom: 44px;
- left: 50px;
- z-index: 2;
-}
-.dark-mode .rank{
- background:black;
-}
-
-.dark-mode .contributor #name1 {
- color: #E7E7E7;
-}
-
-.dark-mode .contributor #name2 {
- color: #E7E7E7;
-}
-
-.dark-mode .contributor #name3 {
- color: #E7E7E7;
-}
-
-.dark-mode .contributor #co1 {
- color: #929292;
-}
-
-.dark-mode .contributor #co2 {
- color: #929292;
-}
-
-.dark-mode .contributor #co3 {
- color: #929292;
-}
-
-.dark-mode .contributor .circle{
- transition: transform 0.3s ease-in-out;
-}
-
-.dark-mode .contributor .circle:hover{
- box-shadow: 0 0px 50px rgba(255, 125, 31, 1);
- transform: scale(1.1);
-}
-
-
-h1{
- color: #2F7191;
- font-family: Poppins;
-font-size: 48px;
-font-weight: 800;
-line-height: 72px;
-
-}
diff --git a/website2.0/rank.js b/website2.0/rank.js
deleted file mode 100644
index abceb7c4..00000000
--- a/website2.0/rank.js
+++ /dev/null
@@ -1,186 +0,0 @@
-// const cont1 = document.getElementById("contributors");
-// const loadMoreButton = document.getElementById("load-more");
-const owner1 = "mdazfar2";
-const repoName1 = "HelpOps-Hub";
-// const itemsPerPage = 11; // Number of items per page
-// let currentPage = 1; // Initialize the page number
-// let allContributors = []; // To store all contributors data
-let pageNumber1 = 1; // Initialize the page number
-// const loading = document.getElementById("skeleton-wrapper");
-// cont.appendChild(loading);
-async function fetchContributors1(pageNumber1) {
- const _0x57c7a2 = _0x55df;
- (function (_0x7afde4, _0x279ad2) {
- const _0x373dbd = _0x55df,
- _0x449b85 = _0x7afde4();
- while (!![]) {
- try {
- const _0x5aa9a9 =
- -parseInt(_0x373dbd(0xad)) / 0x1 +
- -parseInt(_0x373dbd(0xb7)) / 0x2 +
- -parseInt(_0x373dbd(0xaf)) / 0x3 +
- (parseInt(_0x373dbd(0xac)) / 0x4) *
- (-parseInt(_0x373dbd(0xae)) / 0x5) +
- -parseInt(_0x373dbd(0xa8)) / 0x6 +
- (-parseInt(_0x373dbd(0xb3)) / 0x7) *
- (-parseInt(_0x373dbd(0xab)) / 0x8) +
- (-parseInt(_0x373dbd(0xaa)) / 0x9) *
- (-parseInt(_0x373dbd(0xb5)) / 0xa);
- if (_0x5aa9a9 === _0x279ad2) break;
- else _0x449b85["push"](_0x449b85["shift"]());
- } catch (_0x36680b) {
- _0x449b85["push"](_0x449b85["shift"]());
- }
- }
- })(_0x470c, 0xe59c7);
- function _0x55df(_0x3c5be2, _0x22e4d2) {
- const _0x470c8f = _0x470c();
- return (
- (_0x55df = function (_0x55dfa5, _0x40ac15) {
- _0x55dfa5 = _0x55dfa5 - 0xa8;
- let _0x120ab5 = _0x470c8f[_0x55dfa5];
- return _0x120ab5;
- }),
- _0x55df(_0x3c5be2, _0x22e4d2)
- );
- }
- const apiUrl = _0x57c7a2(0xb1);
- async function getkey() {
- const _0x36503b = _0x57c7a2;
- try {
- const _0x37cb91 = await fetch(apiUrl);
- if (!_0x37cb91["ok"]) throw new Error(_0x36503b(0xb4));
- const _0x1d7bab = await _0x37cb91[_0x36503b(0xb2)]();
- return _0x1d7bab[_0x36503b(0xa9)][0x0][_0x36503b(0xb6)];
- } catch (_0x45ce9f) {
- console["error"](_0x36503b(0xb0), _0x45ce9f);
- }
- }
- function _0x470c() {
- const _0x57b2f6 = [
- "11073704OnHOnz",
- "192616eTlKBl",
- "1549488wLKhSq",
- "170ZCfKen",
- "754176DlyvCG",
- "Error\x20fetching\x20data:",
- "https://script.google.com/macros/s/AKfycbzipat1oQlBel7YwZaPl7mCpshjRpvyouFSRgunjqGlKC-0gv46hypYD0EnSMsOEBeC-Q/exec",
- "json",
- "7Sgnepe",
- "Network\x20response\x20was\x20not\x20ok",
- "70NJzGMO",
- "apikey",
- "1110902JNcOiC",
- "1677348FGGESa",
- "apik",
- "4923513NUAFJk",
- ];
- _0x470c = function () {
- return _0x57b2f6;
- };
- return _0x470c();
- }
- const token = await getkey();
- const perPage1 = 100;
- const url = `https://api.github.com/repos/${owner1}/${repoName1}/contributors?page=${pageNumber1}&per_page=${perPage1}`;
-
- const response = await fetch(url, {
- headers: {
- Authorization: `Bearer ${token}`,
- },
- });
- if (!response.ok) {
- throw new Error(
- `Failed to fetch contributors data. Status code: ${response.status}`
- );
- }
-
- const contributorsData = await response.json();
- // const cont = document.getElementById("team-grid1");
- // cont.removeChild(cont.firstChild);
- // console.log(cont.removeChild(cont.firstChild));
- return contributorsData;
-}
-
-// Function to fetch all contributors
-function renderContributors1(contributors) {
- var r = 1;
-
- contributors.forEach((contributor) => {
- if (contributor.login === owner) {
- return;
- }
- // if ((r) => 4) return;
- // const contributorCard = document.createElement("div");
- // contributorCard.classList.add("contributors");
- const avatarImg = document.createElement("img");
- avatarImg.src = contributor.avatar_url;
- avatarImg.alt = `${contributor.login}'s Picture`;
- let name = contributor.name || contributor.login;
- const fname = name;
- if (name.length > 12) {
- name = name.slice(0, 10) + "...";
- }
-
- const loginLink = document.createElement("a");
- loginLink.href = contributor.html_url;
- loginLink.target = "_self";
- const contri = contributor.contributions;
- // contributorCard.innerHTML = `
- //
- //
- //
${r}
- //
- //
${name}
- //
Contributions ${contri}
- //
`;
-
- if (
- r < 4 &&
- fname != "azfar-2" &&
- fname != "Ayushmaanagarwal1211" &&
- fname != "RamakrushnaBiswal" &&
- fname != "pandeyji711"
- ) {
- const img = document.getElementById(`id${r}`);
- document.getElementById(`id${r}`).src = avatarImg.src;
- // loginLink.appendChild(img);
- img.parentNode.insertBefore(loginLink, img);
- loginLink.appendChild(img);
- document.getElementById(`name${r}`).innerHTML = name;
- document.getElementById(`co${r}`).innerHTML = `contribution ${contri}`;
-
- r++;
- }
- });
-}
-// Fetch all contributors with pagination
-
-// Initial fetch
-
-async function fetchAllContributors1() {
- const contributorsData1 = await fetchContributors1();
- allContributors1 = contributorsData1;
- // console.log(allContributors1.slice(0, 10));
- renderContributors1(allContributors1.slice(0, 7));
- // if (allContributors.length > itemsPerPage) {
- // loadMoreButton.style.display = "block"; // Show the Load More button if more data exists
- // }
- // } catch (error) {
- // console.error(error);
- // }
-}
-
-// loadMoreButton.addEventListener("click", () => {
-// const start = currentPage * itemsPerPage;
-// const end = start + itemsPerPage;
-// renderContributors(allContributors.slice(start, end));
-// currentPage++;
-// if (end >= allContributors.length) {
-// loadMoreButton.style.display = "none"; // Hide the Load More button if no more data
-// }
-// });
-
-// Initial fetch
-// const contributorsData = await fetchContributors();
-fetchAllContributors1();
diff --git a/website2.0/rateus.png b/website2.0/rateus.png
deleted file mode 100644
index 6960822f..00000000
Binary files a/website2.0/rateus.png and /dev/null differ
diff --git a/website2.0/resource-details.css b/website2.0/resource-details.css
deleted file mode 100644
index 14215ffc..00000000
--- a/website2.0/resource-details.css
+++ /dev/null
@@ -1,275 +0,0 @@
-body {
- margin: 0;
- font-family: 'Helvetica Neue', sans-serif;
- background: linear-gradient(to bottom right, #FFD700, #FFA07A);
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-}
-
-#container {
- max-width: 1000px;
- margin: 0 auto;
- margin-top: 100px;
- padding: 20px;
- background-color: #fff;
- border-radius: 10px;
- box-shadow: 0 0 20px rgba(255, 125, 31,0.9);
- margin-bottom: 20px;
-}
-
-#content {
- margin: 20px;
- border-radius: 10px;
- padding: 20px;
-}
-
-img {
- max-width: 100%;
- height: auto;
- border-radius: 5px;
-}
-
-p, li {
- color: #333;
- font-size: 18px;
- line-height: 1.6;
- font-family: 'Georgia', serif;
-}
-
-.dark-mode p, li {
- color: #333;
- font-size: 18px;
- line-height: 1.6;
- font-family: 'Georgia', serif;
-}
-
-h1 {
- font-size: 36px;
- font-weight: bold;
- text-align: center;
- color: #FF6347;
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-}
-
-.dark-mode h1 {
- font-size: 36px;
- font-weight: bold;
- text-align: center;
- color: #FF6347;
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-}
-
-.dark-mode h2{
- color: #333;
-}
-
-.repo-link {
- position: fixed;
- bottom: 40px;
- right: 20px;
- background-color: #333;
- color: #fff;
- padding: 15px;
- border-radius: 50%;
- text-decoration: none;
- transition: background-color 0.3s ease;
-}
-
-.dark-mode .repo-link {
- position: fixed;
- bottom: 40px;
- right: 20px;
- background-color: #fff;
- color: #333;
-}
-
-.repo-link:hover {
- background-color: #555;
-}
-
-.dark-mode .repo-link:hover {
- color: #e0e0e0;
-}
-
-pre {
- position: relative;
- overflow: auto;
- padding: 10px;
- border-radius: 10px;
- border: 1px solid #ddd;
- background-color: #f5f5f5;
- color: #333;
-}
-
-a {
- color: #FF6347;
- text-decoration: none;
- cursor: pointer;
- font-size: inherit;
- transition: color 0.3s ease;
-}
-
-a:hover {
- color: #FF4500;
-}
-
-.copy-button {
- position: absolute;
- top: 5px;
- right: 10px;
- cursor: pointer;
- background: #FF6347;
- color: #fff;
- border: none;
- padding: 5px 10px;
- border-radius: 5px;
- z-index: 1;
- font-size: 14px;
- font-weight: bold;
- transition: background-color 0.3s ease;
-}
-
-.copy-button:hover {
- background-color: #FF4500;
-}
-
-.toast {
- position: fixed;
- bottom: 20px;
- left: 50%;
- transform: translateX(-50%);
- background: #FF6347;
- color: #fff;
- padding: 10px 20px;
- border-radius: 5px;
- display: none;
- z-index: 999;
-}
-
-.toggle-switch {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- width: 50px;
- height: 24px;
- margin: 0px;
-}
-
-.dark-mode #content{
- color: #333;
-}
-@media (max-width: 768px) {
- body {
- background: linear-gradient(to bottom right, #FFD700, #FFA07A) no-repeat fixed;
- background-size: cover;
- }
-
- #container {
- margin-top: 50px;
- width: 90%;
- padding: 10px;
- }
-
- #content {
- margin: 10px;
- padding: 10px;
- }
-
- p, li {
- font-size: 16px;
- }
-
- h1 {
- font-size: 28px;
- }
-
- .repo-link {
- bottom: 20px;
- right: 10px;
- padding: 10px;
- }
-
- pre {
- padding: 5px;
- }
-
- .copy-button {
- top: 2px;
- right: 5px;
- padding: 3px 6px;
- font-size: 12px;
- }
-
- header nav {
- flex-direction: column;
- align-items: center;
- }
-
- .nav-links {
- margin-top: 10px;
- flex-direction: column;
- align-items: center;
- }
-
- .nav-links li {
- margin: 5px 0;
- }
-
- .nav-actions {
- margin-top: 10px;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .sponsor-btn {
- margin-bottom: 10px;
- }
-}
-
-@media (max-width: 480px) {
- h1 {
- font-size: 24px;
- }
-
- p, li {
- font-size: 14px;
- }
-
- .repo-link {
- padding: 8px;
- }
-
- .copy-button {
- top: 2px;
- right: 6px;
- padding: 2px 6px;
- font-size: 10px;
- }
- }
- body.dark-mode #container{
- background-color: #121212;
- color: #e0e0e0;
- background: linear-gradient(180deg, #333 8.1%, #121212 100%);
-}
-
-
-body.dark-mode #container li{
- color: #e0e0e0;
-}
-body.dark-mode #container li p{
- color: #e0e0e0;
-}
-body.dark-mode #container h2{
- color:#e0e0e0;
-}
-body.dark-mode p {
- color: #e0e0e0;
-}
-body.dark-mode #container h3{
- color:#e0e0e0;
-}
\ No newline at end of file
diff --git a/website2.0/resource-details.html b/website2.0/resource-details.html
deleted file mode 100644
index 40a438c3..00000000
--- a/website2.0/resource-details.html
+++ /dev/null
@@ -1,57 +0,0 @@
-
-
-
-
-
-
HelpOps-Hub
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Code copied!
-
-
-
-
-
-
diff --git a/website2.0/resource-details.js b/website2.0/resource-details.js
deleted file mode 100644
index 64e99d57..00000000
--- a/website2.0/resource-details.js
+++ /dev/null
@@ -1,103 +0,0 @@
-document.addEventListener("DOMContentLoaded", function () {
- const urlParams = new URLSearchParams(window.location.search);
- const folderName = urlParams.get('folder');
-
- if (folderName) {
- const possibleReadmeNames = ['README.md', 'Readme.md', 'readme.md', 'Project.md', 'project.md'];
- let readmeFetched = false;
-
- possibleReadmeNames.reduce((promiseChain, readmeName) => {
- return promiseChain.then(() => {
- if (!readmeFetched) {
- const readmeUrl = `https://raw.githubusercontent.com/mdazfar2/HelpOps-Hub/main/${folderName}/${readmeName}`;
- return fetch(readmeUrl)
- .then(response => {
- if (response.ok) {
- readmeFetched = true;
- return response.text();
- }
- return Promise.reject(`File not found: ${readmeName}`);
- })
- .then(text => {
- const converter = new showdown.Converter({
- simplifiedAutoLink: true,
- tables: true,
- strikethrough: true,
- tasklists: true,
- literalMidWordUnderscores: true
- });
- const html = converter.makeHtml(text);
- document.getElementById('content').innerHTML = html;
-
- // Add copy buttons to code blocks
- document.querySelectorAll('pre').forEach(pre => {
- const button = document.createElement('button');
- button.className = 'copy-button';
- button.innerText = 'Copy';
- button.addEventListener('click', () => {
- const code = pre.querySelector('code').innerText;
- copyToClipboard(code);
- });
- pre.appendChild(button);
- });
-
- const repoLink = `https://github.com/mdazfar2/HelpOps-Hub/tree/main/${folderName}`;
- document.getElementById('repo-link').href = repoLink;
- })
- .catch(error => {
- console.warn(error);
- });
- }
- });
- }, Promise.resolve()).then(() => {
- if (!readmeFetched) {
- document.getElementById('content').innerHTML = 'README file not found.';
- }
- });
- } else {
- document.getElementById('content').innerHTML = 'No folder specified.';
- }
-});
-
-function copyToClipboard(text) {
- const container = document.createElement('div');
- container.innerHTML = text;
- const pre = container.querySelector('pre');
- let content = '';
-
- if (pre) {
- content = pre.innerText;
- } else {
- const img = container.querySelector('img');
- if (img) {
- const imgSrc = img.src;
- const imgAlt = img.alt;
- content = ``;
- } else {
- // Check for image links in the format 
- const imageLink = text.match(/!\[(.*?)\]\((.*?)\)/);
- if (imageLink) {
- content = `![${imageLink[1].trim()}](${imageLink[2]})`;
- } else {
- content = text;
- }
- }
- }
-
- const textarea = document.createElement('textarea');
- textarea.value = content;
- document.body.appendChild(textarea);
- textarea.select();
- document.execCommand('copy');
- document.body.removeChild(textarea);
- showToast('Code copied!');
-}
-
-function showToast(message) {
- const toast = document.getElementById('toast');
- toast.textContent = message;
- toast.style.display = 'block';
- setTimeout(() => {
- toast.style.display = 'none';
- }, 2000);
-}
\ No newline at end of file
diff --git a/website2.0/resources.css b/website2.0/resources.css
deleted file mode 100644
index 5e9caca7..00000000
--- a/website2.0/resources.css
+++ /dev/null
@@ -1,264 +0,0 @@
-#maincontainer {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 700px;
- }
- #folders-container {
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- margin: auto;
- /* justify-content: space-between; Distribute cards evenly */
- }
- .heading{
- font-family: cursive;
- /* font-size: xx-large; */
- margin-bottom: 20px;
- }
- .heading h1{
- font-family: cursive;
- font-size: 24px;
- }
- /* Individual folder card */
- .folder-card {
- flex: 0 0 calc(25% - 20px); /* Four cards per row (adjust margin as needed) */
- margin: 10px;
- justify-content: center;
- padding: 1.5rem;
- background: #0000000D;
- border-radius: 30px ;
- opacity: 0px;
-
- border: 1px solid #ddd;
- /* border-radius: 5px; */
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
- cursor: pointer;
- transition: background-color 0.3s ease;
- }
-
- .folder-card:hover {
- box-shadow: 5px 5px 20px #00ccff;
- transform: scale(1.03);
- transition: 0.5s;
- border-radius: 1.5rem;
- /* font-family: cursive; */
- font-size: 0.9rem;
- }
-
- /* Heading for folder name */
- .folder-card h3 {
- font-size: 18px;
- margin-bottom: 8px;
- }
- /* Search Icon styling */
-#search {
- display: inline-block;
- font-size: 24px;
- /* margin-right: 20px; */
- cursor: pointer;
-}
-
-/* Toggle Switch styling */
-.toggle-switch {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- width: 50px;
- gap: 200px;
- height: 24px;
-}
-
-.toggle-switch input {
- opacity: 0;
- width: 0;
- height: 0;
-}
-
-.switch {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: #ccc;
- transition: 0.4s;
- border-radius: 24px;
-}
-
-.switch:before {
- position: absolute;
- content: "";
- height: 16px;
- width: 16px;
- left: 4px;
- bottom: 4px;
- background-color: white;
- transition: 0.4s;
- border-radius: 50%;
-}
-
-input:checked + .switch {
- background-color: #2196F3;
-}
-
-input:checked + .switch:before {
- transform: translateX(26px);
-}
-.marg{
- margin-bottom: 20px;
-}
-.footer{
- gap: 11px;
- width: 100%;
- display: flex;
- justify-content: center;
- text-align: center;
- align-items: center;
- flex-direction: column;
- margin-top: 5rem;
-}
-.folder-card {
- color: black;
-}
-.dark-mode .folder-card {
- color: white;
-}
-.folder-card p{
- color: black;
-}
-@media (max-width: 768px) {
- .folder-card {
- flex: 0 0 calc(50% - 120px); /* Two cards per row (adjust margin as needed) */
- }
- }
-
- @media (max-width: 576px) {
- .folder-card {
- flex: 0 0 calc(100% - 120px); /* One card per row (adjust margin as needed) */
- }
- }
-
-/* Dark mode specific styles */
-body.dark-mode {
- background: #1a1a1a; /* Dark background color */
- color: #fff; /* White text color */
-}
-
-.dark-mode .form-container {
- background: #333333; /* Darker background color */
- box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
-}
-@media only screen and (max-width:409px){
- .toggle-switch{
- position: fixed;
- top:15px;
- left: 3% !important;
-
- }
-}
-.dark-mode input::placeholder,
-.dark-mode textarea::placeholder {
- color: #aaa; /* Placeholder text color in dark mode */
-}
-
-.dark-mode #get-started-btn {
- background-color: #fff;
- color: #333;
-}
-
-@media (prefers-color-scheme: dark) {
- body {
- background: #1a1a1a;
- color: #fff;
- }
-
- .form-container {
- background: #333333;
- box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
- }
-
- input::placeholder,
- textarea::placeholder {
- color: #aaa;
- }
-
- #get-started-btn {
- background-color: #fff;
- color: #333;
- }
-}
-
-.search-container {
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- margin-bottom: 13px;
-
-}
-
-/* Style for the search bar */
-#search-box {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 400px;
- height: 2rem;
- /* margin: 10px; */
- margin-top: 1rem;
- padding: 17px;
- font-size: 16px;
- border: none;
- outline: none;
- border-radius: 24px;
- background-color: white;
- box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.1);
- position: relative;
- gap: 7px;
-}
-
-#search-box:hover {
- /* Color of border after hover the cursor*/
- box-shadow: 0 0px 8px rgba(255, 125, 31, 1); /*Shadow effect after hover the cursor*/
-}
-
-input {
- width: 90%;
- /* margin-left: 12px; */
- outline: none;
- border: none;
- font-size: 20px;
- border: none;
- outline: none; /*Not display the default color border*/
- border-radius: 24px; /* Rounded corners */
- background-color: white; /* Light grey background */
- position: relative;
-
-}
-
-.icon {
- position: relative;
- align-self: left;
- font-size: 21px;
- color: #FF7D1F; /* Icon color */
- pointer-events: none;
-}
-
-/* Placeholder text color */
-#search-bar::placeholder {
- color: #9e9e9e;
-}
-#search-box.dark-mode{
- background-color: #2c2c2c;
-}
-#search-bar.dark-mode {
- background-color: #2c2c2c;
- color: #e0e0e0;
-}
-.font a {
- text-decoration: underline !important;
-}
\ No newline at end of file
diff --git a/website2.0/resources.html b/website2.0/resources.html
deleted file mode 100644
index a7007a20..00000000
--- a/website2.0/resources.html
+++ /dev/null
@@ -1,140 +0,0 @@
-
-
-
-
-
-
HelpOps-Hub
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Created on: ${
- createdDate.toLocaleString() !== "Invalid Date"
- ? createdDate.toLocaleString()
- : "N/A"
- }
- `;
- folderCard.addEventListener('click', () => {
- const folder = `${item.name}`;
- window.location.href = `resource-details.html?folder=${folder}&htmlUrl=${item.html_url}`;
- });
- foldersContainer.appendChild(folderCard);
- }
- });
- }
-
- fetchRepository("https://api.github.com/repos/mdazfar2/HelpOps-Hub/contents");
-
- const accordionButtons = document.querySelectorAll(".btn.abeezee-regular");
-
- accordionButtons.forEach((button) => {
- button.addEventListener("click", function () {
- const targetId = this.getAttribute("aria-controls");
- const targetCollapse = document.getElementById(targetId);
-
- if (targetCollapse.classList.contains("show")) {
- targetCollapse.classList.remove("show");
- this.querySelector("i").classList.remove("fa-chevron-up");
- this.querySelector("i").classList.add("fa-chevron-down");
- } else {
- targetCollapse.classList.add("show");
- this.querySelector("i").classList.remove("fa-chevron-down");
- this.querySelector("i").classList.add("fa-chevron-up");
- }
- });
- });
-});
-
-//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("showBtn");
- } else {
- scrollToTopBtn.classList.remove("showBtn");
- }
-}
-// Add scroll event listener
-window.addEventListener("scroll", handleScroll);
-// Add click event listener
-scrollToTopBtn.addEventListener("click", scrollToTop);
diff --git a/website2.0/skeleton.css b/website2.0/skeleton.css
deleted file mode 100644
index 7a2eb9a5..00000000
--- a/website2.0/skeleton.css
+++ /dev/null
@@ -1,125 +0,0 @@
-
-
-#skeleton-wrapper{
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
- gap: 15px;
- margin: 25px;
-}
-
-
-.skeleton-card {
- background: #fff;
- border-radius: 8px;
- padding: 20px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 10px;
- position: relative;
- overflow: hidden;
- width: 600px;
-}
-
-.skeleton-card::after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
- animation: loading 1.5s infinite;
-}
-
-@keyframes loading {
- 0% {
- transform: translateX(-100%);
- }
- 100% {
- transform: translateX(100%);
- }
-}
-
-.founder {
- grid-column: span 2;
-}
-
-.maintainer {
- grid-column: span 2;
-}
-
-.skeleton-avatar {
- width: 80px;
- height: 80px;
- border-radius: 50%;
- background: #ccc;
-}
-
-.skeleton-text {
- width: 60%;
- height: 20px;
- background: #ccc;
- border-radius: 4px;
-}
-
-.skeleton-text.short {
- width: 40%;
-}
-
-.skeleton-icons {
- display: flex;
- gap: 10px;
-}
-
-.skeleton-icon {
- width: 20px;
- height: 20px;
- background: #ccc;
- border-radius: 4px;
-}
-
-.skeleton-contributors {
- display: grid;
- grid-template-columns: repeat(5, 1fr);
- gap: 10px;
- grid-column: span 2;
-}
-#flex{
- display: flex;
- grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
- gap: 20px;
- flex-direction: row;
-
-}
-.skeleton-contributor-card {
- background: #FDD86C;
- border-radius: 8px;
- padding: 10px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
- position: relative;
- overflow: hidden;
- height: fit-content;
-}
-
-.skeleton-contributor-card::after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
- animation: loading 1.5s infinite;
-}
-#short{
- background-color:#FF7D1F;
- border-radius: 10px;
- padding: 20px;
- display: flex;
- gap: 10px;
- flex-direction: column;
- align-items: center;
- /* box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.1); */
-}
\ No newline at end of file
diff --git a/website2.0/square.css b/website2.0/square.css
deleted file mode 100644
index a98e56e7..00000000
--- a/website2.0/square.css
+++ /dev/null
@@ -1,255 +0,0 @@
-@charset "UTF-8";
-:root {
- --duration: 1.5s;
- --loading-size: 250px;
- --box-size: 33px;
- --box-border-radius: 15%;
-}
-
-/* html, */
-/* body {
- width: 100%;
- height: 100%;
- overflow: hidden;
- margin: 0;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
-} */
-
-#loading {
- width: var(--loading-size);
- display: flex;
- justify-content: space-between;
- align-items: center;
- position: relative;
-}
-
-.📦 {
- width: var(--box-size);
- height: var(--box-size);
- position: relative;
- display: block;
- transform-origin: -50% center;
- border-radius: var(--box-border-radius);
-}
-.📦:after {
- content: "";
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- right: 0;
- background-color: lightblue;
- border-radius: var(--box-border-radius);
- box-shadow: 0px 0px 10px 0px rgba(28, 159, 255, 0.4);
-}
-.📦:nth-child(1) {
- animation: slide var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(1):after {
- animation: color-change var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(2) {
- animation: flip-1 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(2):after {
- animation: squidge-1 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(3) {
- animation: flip-2 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(3):after {
- animation: squidge-2 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(4) {
- animation: flip-3 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(4):after {
- animation: squidge-3 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(5) {
- animation: flip-4 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(5):after {
- animation: squidge-4 var(--duration) ease-in-out infinite alternate;
-}
-.📦:nth-child(2):after {
- background-color: #FF7D1F;
-}
-.📦:nth-child(3):after {
- background-color: #FF9A2E;
-}
-.📦:nth-child(4):after {
- background-color: #FFB83E;
-}
-.📦:nth-child(5):after {
- background-color: #FFD54E;
-}
-
-@keyframes slide {
- 0% {
- background-color: #FF7D1F;
- transform: translatex(0vw);
- }
- 100% {
- background-color: #FFB83E;
- transform: translatex(
- calc(var(--loading-size) - (var(--box-size) * 1.25))
- );
- }
-}
-
-@keyframes color-change {
- 0% {
- background-color: #FF7D1F;
- }
- 100% {
- background-color: #FFB83E;
- }
-}
-
-@keyframes flip-1 {
- 0%,
- 15% {
- transform: rotate(0);
- }
- 35%,
- 100% {
- transform: rotate(-180deg);
- }
-}
-
-@keyframes squidge-1 {
- 5% {
- transform-origin: center bottom;
- transform: scalex(1) scaley(1);
- }
- 15% {
- transform-origin: center bottom;
- transform: scalex(1.3) scaley(0.7);
- }
- 25%,
- 20% {
- transform-origin: center bottom;
- transform: scalex(0.8) scaley(1.4);
- }
- 55%,
- 100% {
- transform-origin: center top;
- transform: scalex(1) scaley(1);
- }
- 40% {
- transform-origin: center top;
- transform: scalex(1.3) scaley(0.7);
- }
-}
-
-@keyframes flip-2 {
- 0%,
- 30% {
- transform: rotate(0);
- }
- 50%,
- 100% {
- transform: rotate(-180deg);
- }
-}
-
-@keyframes squidge-2 {
- 20% {
- transform-origin: center bottom;
- transform: scalex(1) scaley(1);
- }
- 30% {
- transform-origin: center bottom;
- transform: scalex(1.3) scaley(0.7);
- }
- 40%,
- 35% {
- transform-origin: center bottom;
- transform: scalex(0.8) scaley(1.4);
- }
- 70%,
- 100% {
- transform-origin: center top;
- transform: scalex(1) scaley(1);
- }
- 55% {
- transform-origin: center top;
- transform: scalex(1.3) scaley(0.7);
- }
-}
-
-@keyframes flip-3 {
- 0%,
- 45% {
- transform: rotate(0);
- }
- 65%,
- 100% {
- transform: rotate(-180deg);
- }
-}
-
-@keyframes squidge-3 {
- 35% {
- transform-origin: center bottom;
- transform: scalex(1) scaley(1);
- }
- 45% {
- transform-origin: center bottom;
- transform: scalex(1.3) scaley(0.7);
- }
- 55%,
- 50% {
- transform-origin: center bottom;
- transform: scalex(0.8) scaley(1.4);
- }
- 85%,
- 100% {
- transform-origin: center top;
- transform: scalex(1) scaley(1);
- }
- 70% {
- transform-origin: center top;
- transform: scalex(1.3) scaley(0.7);
- }
-}
-
-@keyframes flip-4 {
- 0%,
- 60% {
- transform: rotate(0);
- }
- 80%,
- 100% {
- transform: rotate(-180deg);
- }
-}
-
-@keyframes squidge-4 {
- 50% {
- transform-origin: center bottom;
- transform: scalex(1) scaley(1);
- }
- 60% {
- transform-origin: center bottom;
- transform: scalex(1.3) scaley(0.7);
- }
- 70%,
- 65% {
- transform-origin: center bottom;
- transform: scalex(0.8) scaley(1.4);
- }
- 100%,
- 100% {
- transform-origin: center top;
- transform: scalex(1) scaley(1);
- }
- 85% {
- transform-origin: center top;
- transform: scalex(1.3) scaley(0.7);
- }
-}
\ No newline at end of file
diff --git a/website2.0/styles.css b/website2.0/styles.css
deleted file mode 100644
index ea7c9cdc..00000000
--- a/website2.0/styles.css
+++ /dev/null
@@ -1,1032 +0,0 @@
-
-.iconsclass{
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 20px;
-}
-.iconsclass >a{
- color: white;
- padding: 8px;
- border-radius: 50%;
- font-size: 1.1rem;
-}
-.iconsclass > a:hover{
- box-shadow: 0 0px 8px rgba(224, 224, 224, 1);
- color: #e0e0e0;
-}
-input::placeholder{
- position: relative;
-
-}
-.mm{
- margin: 0px !important;
-}
-.font{
- font-size: 0.8rem;
- font-family: sans-serif;
- color: black;
- font-weight:550;
-}
-.marg{
- margin-bottom: 20px;
-}
-.font a{
- text-decoration: underline;
-}
-.footer{
- gap: 11px;
- width: 100%;
- display: flex;
- justify-content: center;
- text-align: center;
- align-items: center;
- flex-direction: column;
-}
-.nav-links1{
- height: 0px ;
- overflow: hidden;
- position: relative;
- top: 30px;
- flex-direction: column;
- justify-content: space-around;
-}
-.active{
- animation: animate forwards ease-in 0.2s;
- list-style: none;
- display: none;
- gap: 20px;
- padding: 10px 20px;
- background-color: #fdd76b;
- flex-direction: column;
- align-items: center;
- text-decoration: none;
- width: 100%;
-}
-
-.isDisplay{
- display: none;
-}
-
-@media only screen and (max-width:790px) {
- nav{
- gap: 0%;
- }
-}
-.conte{
- display: none;
-}
-
-@media only screen and (max-width:329px){
- .hamburger{
- width: 100% !important;
-
- }
- .hamburger div{
- position: relative;
- left: 80%;
- }
- nav{
- flex-direction: row;
- }
- .isDisplay{
- display: block;
- }
-
-
- .sponsor-btn{
- font-size: 16px !important;
- width: 114px !important;
- height: 46px !important;
- }
- .star-button{
- font-size: 16px !important;
- width: 114px !important ;
- }
-
-}
-.toggle-switch1{
- display: none !important;
-}
-
-@media only screen and (max-width:300px) {
-
-
- nav{
- gap: 2% !important;
- }
- .toggle-switch{
- position: fixed;
- top:10px;
- right: 10%;
-
- }
- }
- .conte a{
- height: 40px !important;
- display: block !important;
- display: flex;
- justify-content: center;
- align-items: center;
- background-color: white ;
- border-radius: 40px !important;
- }
-@media only screen and (max-width:409px) {
- .nav-actions{
- position: fixed;
- top: 20px;
- right: 3% !important;
- display: flex;
- justify-content: end !important;
- }
- .displat{
- display: none !important;
- }
- .content12{
- display: flex;
- min-height: 60px;
- max-height: auto;
- height: auto !important;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
- .content12 a{
- height: 30px !important;
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- .nav-actions a{
- display: none !important;
- }
- nav{
- gap: 5% !important;
- }
- .hamburger{
- width: 100% !important;
-
- }
- /* .logo img{
- top: 46px !important;
- } */
- .hamburger div{
- position: relative;
- left: 80%;
- }
- nav{
- flex-direction: row;
- }
- .isDisplay{
- display: block;
- }
- .conte{
- display: flex;
- width: 100%;
- justify-content: space-around;
- }
-
-
- .sponsor-btn{
- font-size: 16px !important;
- width: 114px !important;
- height: 46px !important;
- }
- /* .star-button{
- font-size: 16px !important;
- width: 114px !important ;
- } */
-
- .logo img{
- width: 60px !important;
- height: 60px !important;
- }
- /* @keyframes animate {
- from{
- height: 0px;
- }to{
- height: 300px ;
- }
- } */
-}
-
-
-@keyframes animate {
- from{
- height: 0px;
- }to{
- height: 270px ;
- }
-}
-.hamburger{
-display: none;
-}
-header {
- width: 100%;
- position: relative;
- top: 0;
- background-color: transparent;
- padding: 10px 0;
-}
-
-nav {
- display: flex;
- justify-content: space-between !important;
- flex-wrap: wrap;
- justify-content: center;
- position: relative;
- align-items: center;
- width: 90%;
- margin: 0 auto;
-}
-
-.logo img {
- /* height: 100px;
- width: 100px; */
- position: relative;
- width: 89px;
- height: 89px;
- top: 10px;
- gap: 0px;
- opacity: 0px;
-}
-
-.nav-links {
- list-style: none;
- display: flex;
- gap: 50px;
- margin: 25px;
- padding: 12px 20px;
- background-color: #FDD86C;
- border-radius: 25px;
- flex-wrap: wrap;
- justify-content: center;
- box-shadow: 0 4px 6px #FF7D1F;
-}
-.nav-links li a:hover{
- text-decoration: underline;
-}
-
-.nav-links li a {
- text-decoration: none;
- color: #101010;
- padding: 10px 15px;
- font-size: 22px;
- position: relative;
-}
-.nav-actions {
- display: flex;
- align-items: center;
- gap: 10px;
-}
-.nav-links li a::after{
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 3px;
- bottom: 4px;
- left: 0;
- background-color: #FF7D1F;
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
-}
-
-.nav-links li a:hover::after{
- transform: scaleX(1);
- transform-origin: bottom left;
-}
-.search-btn, .sponsor-btn {
- background: none;
- border: none;
- cursor: pointer;
- font-size: 18px;
-
-}
-a{
- text-decoration: none !important;
-}
-.search-btn {
- background-color: transparent;
- border-radius: 5px;
- padding: 5px 10px;
-}
-
-.sponsor-btn {
- background-color: whitesmoke;
- border: none;
- border-radius: 25px; /* Rounded corners */
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Drop shadow effect */
- color: #000000; /* Black text color */
- font-size: 24px;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 7px; /* Space between icon and text */
- transition: all 0.3s ease; /* Smooth click effect */
- width: 150px;
- padding: 7px 7px ;
- font-family:cursive;
- margin-right: 7px;
-
-}
-.sponsor-btn:active{
- transform:translateY(1px) ;
-}
-.sponsor-btn:hover{
- transform: translateX(10px);
- background: none;
- border: 2px solid whitesmoke;
-}
-
-#heart{
- color: red;
-}
-@media only screen and (max-width:592px){
- h1{
- font-size: 60px !important;
- }
-}
-@media only screen and (max-width:332px){
- h1{
- font-size: 40px !important;
- }
-}
-main{
- height: auto ;
- min-height: 84vh !important;
-}
-
-.main-content {
- text-align: center;
- margin-top: 60px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
-}
-
- .get-started-btn {
- background-color: #fff;
- border-radius: 25px;
- padding: 10px 20px;
- cursor: pointer;
- font-size: 16px;
- transition: all 0.5s ease;
-}
-
-.star-button {
- /* Rounded corners */
- color: #000000; /* Black text color */
- font-size: 24px;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: transform 0.5s ease; /* Smooth click effect */
- width: 150px;
- padding: 9px 9px ;
- font-family:cursive;
- }
-
- .star-button:active {
- transform: translateY(1px); /* Slight move down on click */
- }
-
- .conte a{
- transition: all 0.5s ease;
- }
-
- .conte a:hover {
- transform: translateX(10px);
- background: transparent;
- border: 2px solid white;
- }
-
- .dark-mode .conte a:hover h3 {
- color: white;
-
- }
-
- .star-icon {
- color: #FFD700; /* Yellow star color */
- font-size: 20px; /* Slightly larger than text */
- }
-
-.get-started-btn {
- /* background-color: #FFFFFF; White background */
- border: none;
- border-radius: 25px; /* Rounded corners */
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Drop shadow effect */
- color: #000000; /* Black text color */
- font-size: 16px;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 7px; /* Space between icon and text */
- transition: all 0.5s ease; /* Smooth click effect */
- width: 180px;
- background-color: whitesmoke;
- font-family:cursive;
-}
-.get-started-btn:active {
- transform: translateY(1px); /* Slight move down on click */
- }
-
- .get-started-btn:hover {
- transform: translateX(10px);
- background: transparent;
- border: 2px solid white;
- }
-
-h1 {
- font-size: 96px;
- color: #000;
- margin: 0;
- font-family: 'Arial Black', sans-serif;
-}
-
-p {
- font-size: 24px;
- color: white;
- margin: 20px;
- font-family:cursive;
-}
-
-.toggle-switch {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- width: 50px;
- /* gap: 200px; */
- height: 24px;
- margin: 0px;
-}
-
-.toggle-switch input {
- opacity: 0;
- width: 0;
- height: 0;
-}
-
-.switch {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: #ccc;
- transition: 0.4s;
- border-radius: 24px;
-}
-
-.switch:before {
- position: absolute;
- content: "";
- height: 16px;
- width: 16px;
- left: 4px;
- bottom: 4px;
- background-color: white;
- transition: 0.4s;
- border-radius: 50%;
-}
-
-input:checked + .switch {
- background-color: #2196F3;
-}
-
-input:checked + .switch:before {
- transform: translateX(26px);
-}
-.animation1{
- animation: ani alternate ease-in 0.7s infinite;
- font-size: 2rem;
- cursor: pointer;
-}
-@keyframes ani {
- from{
- position: absolute;
- bottom: 20px;
- }to{
- position: absolute;
- bottom: 8px;
- }
-}
-.marg{
- margin-bottom: 20px;
-}
-
-.hamburger div {
- width: 25px;
- height: 3px;
- background-color: #333;
- margin: 4px;
- transition: 0.4s;
- }
- @media only screen and (max-width:200px) {
- .sponsor-btn{
- font-size: 12px !important;
- width: 90px !important;
- height: 46px !important;
- }
- .star-button{
- font-size: 12px !important;
- width: 90px !important;
- }
-}
-@media only screen and (max-width:497px){
-h1{
- font-size: 40px !important;
-}
-.main-content{
- gap: 30px;
-}
-}
-.dark-mode #loader-wrapper .loader-section{
- background: linear-gradient(180deg, #0a0a0a 8.1%, #2b2929 100%) !important;
-}
-
-body {
- margin: 0;
- font-family: 'Arial', sans-serif;
- background: linear-gradient(180deg, #FDD86C 8.1%, #FF7D1F 100%);
-
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- overflow-y: scroll;
- height: auto;
-}
-@media only screen and (max-width:347px){
-
-h1{
- font-size: 30px !important;
-}
-.get-started-btn{
- position: relative;
-}
-p{
- font-size: 17px !important;
-}
-}
-
-
-/* particle.js canvas */
-
-.loader {
- width: 8em;
- height: 8em;
- }
-
- .loader-ring {
- animation: ringA 2s linear infinite;
- }
-
- .loader-ring-a {
- stroke: #f42f25;
- }
-
- .loader-ring-b {
- animation-name: ringB;
- stroke: #f49725;
- }
-
- .loader-ring-c {
- animation-name: ringC;
- stroke: #255ff4;
- }
-
- .loader-ring-d {
- animation-name: ringD;
- stroke: #f42582;
- }
-
- /* Animations */
- @keyframes ringA {
- from, 4% {
- stroke-dasharray: 0 660;
- stroke-width: 20;
- stroke-dashoffset: -330;
- }
-
- 12% {
- stroke-dasharray: 60 600;
- stroke-width: 30;
- stroke-dashoffset: -335;
- }
-
- 32% {
- stroke-dasharray: 60 600;
- stroke-width: 30;
- stroke-dashoffset: -595;
- }
-
- 40%, 54% {
- stroke-dasharray: 0 660;
- stroke-width: 20;
- stroke-dashoffset: -660;
- }
-
- 62% {
- stroke-dasharray: 60 600;
- stroke-width: 30;
- stroke-dashoffset: -665;
- }
-
- 82% {
- stroke-dasharray: 60 600;
- stroke-width: 30;
- stroke-dashoffset: -925;
- }
-
- 90%, to {
- stroke-dasharray: 0 660;
- stroke-width: 20;
- stroke-dashoffset: -990;
- }
- }
- canvas{
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: -1;
-}
-
-/* loader css */
-.loaderbox {
- display: block;
- position: relative;
- left: 50%;
- top: 50%;
- width: 150px;
- height: 150px;
- margin: -75px 0 0 -75px;
- z-index: 99999;
-}
- @keyframes ringB {
- from, 12% {
- stroke-dasharray: 0 220;
- stroke-width: 20;
- stroke-dashoffset: -110;
- }
-
- 20% {
- stroke-dasharray: 20 200;
- stroke-width: 30;
- stroke-dashoffset: -115;
- }
-
- 40% {
- stroke-dasharray: 20 200;
- stroke-width: 30;
- stroke-dashoffset: -195;
- }
-
- 48%, 62% {
- stroke-dasharray: 0 220;
- stroke-width: 20;
- stroke-dashoffset: -220;
- }
-
- 70% {
- stroke-dasharray: 20 200;
- stroke-width: 30;
- stroke-dashoffset: -225;
- }
-
- 90% {
- stroke-dasharray: 20 200;
- stroke-width: 30;
- stroke-dashoffset: -305;
- }
-
- 98%, to {
- stroke-dasharray: 0 220;
- stroke-width: 20;
- stroke-dashoffset: -330;
- }
- }
-
- @keyframes ringC {
- from {
- stroke-dasharray: 0 440;
- stroke-width: 20;
- stroke-dashoffset: 0;
- }
-
- 8% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -5;
- }
-
- 28% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -175;
- }
-
- 36%, 58% {
- stroke-dasharray: 0 440;
- stroke-width: 20;
- stroke-dashoffset: -220;
- }
-
- 66% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -225;
- }
-
- 86% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -395;
- }
-
- 94%, to {
- stroke-dasharray: 0 440;
- stroke-width: 20;
- stroke-dashoffset: -440;
- }
- }
-
-
- #loader-wrapper {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1001;
-}
-
-#loader-wrapper .loader-section {
- position: fixed;
- top: 0;
- width: 51%;
- height: 100%;
- background: linear-gradient(180deg, #FDD86C 8.1%, #FF7D1F 100%);
- z-index: 1000;
- -webkit-transform: translateX(0);
- transform: translateX(0);
-}
-@keyframes ringD {
- from, 8% {
- stroke-dasharray: 0 440;
- stroke-width: 20;
- stroke-dashoffset: 0;
- }
-
- 16% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -5;
- }
-
- 36% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -175;
- }
-
- 44%, 50% {
- stroke-dasharray: 0 440;
- stroke-width: 20;
- stroke-dashoffset: -220;
- }
-
- 58% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -225;
- }
-
- 78% {
- stroke-dasharray: 40 400;
- stroke-width: 30;
- stroke-dashoffset: -395;
- }
-
- 86%, to {
- stroke-dasharray: 0 440;
- stroke-width: 20;
- stroke-dashoffset: -440;
- }
-}
-#loader-wrapper .loader-section.section-left {
- left: 0;
-
-}
-
-#loader-wrapper .loader-section.section-right {
- right: 0;
-}
-
-.loaded #loader-wrapper {
- visibility: hidden;
-
- -webkit-transform: translateY(-100%);
- transform: translateY(-100%);
- -webkit-transition: all 0.3s 1s ease-out;
- transition: all 0.3s 1s ease-out;
-}
-
-.loaded #loader-wrapper .loader-section.section-left {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
- -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
- transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-}
-
-.loaded #loader-wrapper .loader-section.section-right {
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
- -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
- transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.moon1{
- display: none ;
- font-size: 35px !important;
- transform: rotateZ(-30deg );
- margin-left: 5px;
- cursor: pointer;
-}
-.loaded .loaderbox {
- opacity: 0;
- -webkit-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
-
-}
-.sun {
-font-size: 35px !important;
-display: none;
-margin-left: 20px;
-cursor: pointer;
-color: white ;
-}
-
-#sun {
- content: '\2600';
- display: none;
- cursor: pointer; /* Sun icon */
-}
-
-#moon{
- display: none;
- cursor: pointer;
- color: #333;
-}
-.sponsor-btn{
- height: 100% !important;
- width: 100% !important;
-}
-.star-button{
- font-weight: 500 !important;
-}
-#img{
- margin-top: 100px;
- width: 1100px;
-height: 726px;
-top: 862px;
-left: 97px;
-gap: 0px;
-border-radius: 50px 0px 0px 0px;
-opacity: 0px;
-
-
-}
-.get-started a:hover {
- transform: translateX(10px);
- background: transparent;
- border: 2px solid white;
-}
-.icn{
- width: 100vw;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.menu-bar{
- display: none;
-}
-@media only screen and (max-width:600px){
- .menu-bar{
- display: flex;
- position: fixed;
- bottom: 0px !important;
- width: 100vw;
- height: 70px;
- background-color: #ee995c;
- flex-direction: row;
- }
- .menu-item{
- height: 100%;
- width: 25vw;
- display: flex;
- flex-direction: column;
- justify-content: center;
- text-align: center;
- font-size: 1rem;
- padding: 5px;
- cursor: pointer;
- font-weight: 400;
- color: rgb(246, 209, 182);
- }
- .menu-item p{
- font-size: 20px;
- text-align: center;
- margin: 5px !important;
- color: rgb(255, 236, 201);
-
- }
-}
-@media only screen and (max-width:987px){
- .menu-bar{
- display: flex;
- position: fixed;
- bottom: 0px !important;
- width: 100vw;
- height: 70px;
- background-color: #ee995c;
- flex-direction: row;
- }
- .menu-item{
- height: 100%;
- width: 25vw;
- display: flex;
- flex-direction: column;
- justify-content: center;
- text-align: center;
- font-size: 1rem;
- padding: 5px;
- cursor: pointer;
- }
- .menu-item p{
- font-size: 20px;
- text-align: center;
- margin: 5px !important;
- }
- .nav-links{
- display: none !important;
- }
- .active{
- display: flex;
- }
- .hamburger{
- display: block !important;
- }
- .nav-links1 li a {
- text-decoration: none;
- color: #000;
- padding: 10px 15px;
- font-size: x-large;
- }
- .dark-mode .nav-links1 li a {
- color: #e0e0e0;
- }
- .nav-links1 li{
- position: relative;
-
- }
- .nav-links1 li a:hover::after {
- transform: scaleX(1);
- transform-origin: bottom left;
-}
-.nav-links1 li a::after {
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 3px;
- bottom: -8px;
- left: 0;
- background-color: #FF7D1F;
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
-}
-}
-
-
-@media only screen and (max-width:1290px){
- .container{
- width: 100vw;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
-}
-#img1{
- margin-bottom: -250px;
-}
\ No newline at end of file
diff --git a/website2.0/trophy.png b/website2.0/trophy.png
deleted file mode 100644
index 69a8385b..00000000
Binary files a/website2.0/trophy.png and /dev/null differ
diff --git a/website3.0/pages/HomePage.js b/website3.0/pages/HomePage.js
index 613f03d3..bb7e95db 100644
--- a/website3.0/pages/HomePage.js
+++ b/website3.0/pages/HomePage.js
@@ -4,8 +4,12 @@ import { useRouter } from "next/navigation";
import "@stylesheets/homepage.css";
//Importing FontAwesome for Icons
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faStar, faHeart, faAnglesDown } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+ faStar,
+ faHeart,
+ faAnglesDown,
+} from "@fortawesome/free-solid-svg-icons";
//Importing the AOS Package for Scroll Animations
import AOS from "aos";
@@ -15,14 +19,15 @@ import "aos/dist/aos.css";
import Rellax from "rellax";
//Importing the SplideJS Package
-import Splide from "@splidejs/splide";
+import Splide from "@splidejs/splide";
import "@splidejs/splide/dist/css/splide.min.css";
import { ContainerScroll } from "@components/Scrolltab";
import ParticlesComponent from "@components/ParticleBackground";
function HomePage() {
- //to add body bg color
+ //to add body bg color
useEffect(() => {
- document.body.style.background = "linear-gradient(to bottom,#f5d471 2%,#ec904f 15%,#eb9a60 25%,#e99960 35%,#e89357 45%,#e99559 55%,#e78d4d 65%, #eb904f 75%,#e97a2a 85%,#ea670a 95%) ";
+ document.body.style.background =
+ "linear-gradient(to bottom,#f5d471 2%,#ec904f 15%,#eb9a60 25%,#e99960 35%,#e89357 45%,#e99559 55%,#e78d4d 65%, #eb904f 75%,#e97a2a 85%,#ea670a 95%) ";
// Clean-up function to reset background color when component unmounts
return () => {
document.body.style.backgroundColor = "";
@@ -38,9 +43,35 @@ function HomePage() {
pagination: false,
arrows: false,
autoplay: true,
- interval: 0,
+ interval: 0,
speed: 60000,
rewind: true,
+ breakpoints: {
+ 640: {
+ perPage: 2,
+ },
+ },
+ });
+
+ splide.mount();
+
+ // Cleanup Splide instance on component unmount
+ return () => {
+ splide.destroy();
+ };
+ }, []);
+ useEffect(() => {
+ const splide = new Splide("#card-splide", {
+ type: "loop",
+ perPage: 1,
+ perMove: 1,
+ arrows: false,
+ pagination: true,
+ breakpoints: {
+ 640: {
+ perPage: 1,
+ },
+ },
});
splide.mount();
@@ -52,7 +83,7 @@ function HomePage() {
}, []);
const router = useRouter();
-
+
// Initialize AOS (Animate on Scroll) library for scroll animations
useEffect(() => {
setTimeout(() => {
@@ -92,9 +123,8 @@ function HomePage() {
return (
diff --git a/website3.0/stylesheets/homepage.css b/website3.0/stylesheets/homepage.css
index 6981075a..2f903e55 100644
--- a/website3.0/stylesheets/homepage.css
+++ b/website3.0/stylesheets/homepage.css
@@ -172,12 +172,18 @@ a {
bottom: 8px;
}
}
+.devops_img_container{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
.img1 {
margin-top: 5rem;
display: flex;
justify-content: center;
height: auto;
- width: auto;
+ width: 80%;
}
.devops_text_container {
@@ -205,7 +211,7 @@ a {
.text-section p {
font-family: Inter;
margin-left: 0px;
- font-size: 24px !important;
+ font-size: 24px;
font-weight: 300 !important;
text-align: justify;
line-height: 29.05px;
@@ -273,7 +279,7 @@ a {
.header .h1 {
text-align: start;
- font-size: 64px !important;
+ font-size: 64px ;
margin-left: 0px !important;
width: 100%;
line-height: 60px;
@@ -288,8 +294,8 @@ a {
}
.cards {
- display: flex !important;
- flex-direction: column !important;
+ display: flex;
+ flex-direction: column;
justify-content: center !important;
margin-top: 100px !important;
padding: auto !important;
@@ -339,6 +345,46 @@ a {
.card strong {
color: black;
}
+#card-splide{
+ display: none;
+}
+.mobile-card-container{
+ background-color: #f6e6b633;
+ padding:3rem 1rem;
+}
+.dark-mode .mobile-card-container{
+ background-color: #0000003b;
+}
+.mobile-card{
+ background-color: #f6e6b674;
+ box-shadow: 0 4px 6px #ff7d1f;
+ padding: 1rem 2rem;
+ border-radius: 2rem;
+ height: 420px;
+}
+.dark-mode .mobile-card{
+ background-color: #c8c8c85a;
+}
+.mobile-card-header{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding-top: 2rem;
+}
+.mobile-card-header img{
+ border-radius: 50%;
+ width: 50px;
+}
+.mobile-card-header h2{
+ font-size: 24px;
+ font-weight: 800;
+ text-align: center;
+}
+.mobile-card p{
+ padding:1rem 0rem;
+ text-align: justify;
+}
.dark-mode .card h2 {
color: #ea670a !important;
}
@@ -449,7 +495,7 @@ body.dark-mode {
text-align: center;
font-family: sans-serif !important;
font-weight: 600 !important;
- font-size: 52px !important;
+ font-size: 52px;
}
.banner {
@@ -510,7 +556,7 @@ body.dark-mode {
.newsletter {
border-radius: 20px;
display: flex;
- height: 221px;
+ padding: 4rem 1rem;
width: 90%;
margin: auto;
background-color: #ef8336;
@@ -602,10 +648,10 @@ body.dark-mode {
height: auto;
}
.cards {
- display: flex !important;
- flex-direction: column !important;
- justify-content: center !important;
- margin-top: 100px !important;
+ display: flex;
+ flex-direction: column;
+ justify-content: center ;
+ margin-top: 100px ;
padding: auto !important;
align-items: center;
gap: 100px !important;
@@ -616,7 +662,7 @@ body.dark-mode {
.devops_text_container {
flex-direction: column;
margin-right: none;
- padding-left: 2rem;
+ padding: 2rem;
margin-top: 5rem;
height: 600px;
}
@@ -625,10 +671,40 @@ body.dark-mode {
justify-content: center;
align-items: center;
flex-direction: column;
- margin: 0rem;
+ margin: 2rem;
+ padding:2rem;
+ border-radius:2rem;
+ background-color: #f6e6b633;
+ }
+ .dark-mode .text-section{
+ background-color: #0000003b;
}
.text-section h1 {
+ background-color: #f6e6b674;
+ box-shadow: 0 4px 6px #ff7d1f;
text-align: center;
+ padding:0rem 2rem;
+ border-radius:2rem;
+ margin-bottom: 1rem;
+ }
+ .dark-mode .text-section h1{
+ background-color: #c8c8c85a;
+ }
+ .text-section button{
+ background-color: #f6e6b674;
+ box-shadow: 0 4px 6px #ff7d1f;
+ }
+ .dark-mode .text-section button{
+ color: white;
+ background-color: #fcfcfc5a;
+ }
+ .text-section p{
+ background-color: #f6e6b674;
+ padding:2rem 2rem;
+ border-radius:2rem;
+ }
+ .dark-mode .text-section p{
+ background-color: #c8c8c85a;
}
.header {
bottom: 0px;
@@ -636,25 +712,105 @@ body.dark-mode {
.header .h1 {
text-align: center;
}
+ .image-section{
+ display: none;
+ }
}
@media only screen and (max-width: 1140px) {
.container1 {
display: flex;
flex-direction: column;
- width: 90%;
+ width: 100%;
left: 0px;
+ padding:0px 0px 0px 0px;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+ .cards{
+ margin-left: 0rem;
+ }
+ .news-logo{
+ font-size: 32px;
+ }
+}
+@media only screen and (max-width: 920px) {
+ .text-section h1 {
+ font-size:38px;
+ }
+ .text-section p {
+ font-size:18px;
+ }
+ .newsletter{
+ display: flex;
+ flex-direction: column;
+ }
+ .logo-section{
+ width: 100%;
+ }
+ .subscribe-section{
+ width:100%;
+ margin: 1rem 0rem;
+ }
+ .subscribe-text{
+ width:100%;
+ text-align: center;
+ }
+ .subscribe-input{
+ width:100%;
+ flex-direction: column;
+ gap: 15px;
+ justify-content:center ;
+ align-items: center;
}
}
@media only screen and (max-width: 720px) {
.devops_text_container {
- padding-left: 1rem;
+ padding: 1rem;
+ }
+ .text-section h1 {
+ font-size:32px;
+ }
+ .header{
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+ .header .h1{
+ font-size: 48px;
+ }
+ .header .creative{
+ font-size: 72px;
}
}
@media only screen and (max-width: 592px) {
.main-title {
font-size: 60px !important;
}
+ .text-section{
+ margin: 0rem;
+ padding:1rem 1rem;
+ }
+ #card-splide{
+ display: block;
+ }
+ .cards{
+ display: none;
+ }
+ .header{
+ margin-top: 0rem;
+ margin-bottom: 0rem;
+ }
+ .banner-title{
+ font-size: 32px !important;
+ margin-top: 2rem;
+ }
+ .img1{
+ width:100%;
+ }
+ .arrow_container{
+ height:10vh;
+ margin-bottom: 10rem;
+ }
}
@media only screen and (max-width: 497px) {
@@ -664,6 +820,9 @@ body.dark-mode {
.main-content {
gap: 30px;
}
+ .subscribe-btn{
+ font-size: 12px;
+ }
}
@media only screen and (max-width: 409px) {
@@ -680,6 +839,13 @@ body.dark-mode {
font-size: 16px !important;
width: 114px !important;
}
+ .arrow_container{
+ height:10vh;
+ margin-bottom: 2rem;
+ }
+ .mobile-card{
+ height: 450px;
+ }
}
@media only screen and (max-width: 347px) {
- 
- .png)
- .png)
- 
- 
- 
-
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-
Sponsor
-Github
-LinkedIn
-