diff --git a/Official_Website/app.js b/Official_Website/app.js index d6cbb1d3..aad6c1fd 100644 --- a/Official_Website/app.js +++ b/Official_Website/app.js @@ -2,81 +2,77 @@ document.addEventListener("DOMContentLoaded", async function () { // const loading = document.getElementById("loading"); // loading.innerHTML = `

Loading

`; - - function _0x2f00(_0x8f731d, _0x540245) { - const _0x35b8dc = _0x35b8(); + const _0x508d96 = _0x20db; + (function (_0x19bfc5, _0x120394) { + const _0x3e52dd = _0x20db, + _0x1d0abc = _0x19bfc5(); + while (!![]) { + try { + const _0x39e9fc = + -parseInt(_0x3e52dd(0x1e8)) / 0x1 + + (parseInt(_0x3e52dd(0x1e3)) / 0x2) * + (-parseInt(_0x3e52dd(0x1e5)) / 0x3) + + -parseInt(_0x3e52dd(0x1eb)) / 0x4 + + (-parseInt(_0x3e52dd(0x1e1)) / 0x5) * + (-parseInt(_0x3e52dd(0x1ea)) / 0x6) + + (parseInt(_0x3e52dd(0x1dd)) / 0x7) * + (-parseInt(_0x3e52dd(0x1e6)) / 0x8) + + parseInt(_0x3e52dd(0x1de)) / 0x9 + + parseInt(_0x3e52dd(0x1e0)) / 0xa; + if (_0x39e9fc === _0x120394) break; + else _0x1d0abc["push"](_0x1d0abc["shift"]()); + } catch (_0x3de373) { + _0x1d0abc["push"](_0x1d0abc["shift"]()); + } + } + })(_0x2d57, 0xf311d); + function _0x20db(_0x5e409a, _0x4a5db0) { + const _0x2d5732 = _0x2d57(); return ( - (_0x2f00 = function (_0x2f005c, _0x4958ed) { - _0x2f005c = _0x2f005c - 0x10c; - let _0x591871 = _0x35b8dc[_0x2f005c]; - return _0x591871; + (_0x20db = function (_0x20db58, _0x23c579) { + _0x20db58 = _0x20db58 - 0x1db; + let _0x775235 = _0x2d5732[_0x20db58]; + return _0x775235; }), - _0x2f00(_0x8f731d, _0x540245) + _0x20db(_0x5e409a, _0x4a5db0) ); } - const _0x325d39 = _0x2f00; - (function (_0x4151fc, _0xb369e9) { - const _0x4e7762 = _0x2f00, - _0x3c3186 = _0x4151fc(); - while (!![]) { - try { - const _0x525e77 = - parseInt(_0x4e7762(0x112)) / 0x1 + - (-parseInt(_0x4e7762(0x11c)) / 0x2) * - (-parseInt(_0x4e7762(0x119)) / 0x3) + - parseInt(_0x4e7762(0x10f)) / 0x4 + - (parseInt(_0x4e7762(0x11a)) / 0x5) * - (-parseInt(_0x4e7762(0x115)) / 0x6) + - -parseInt(_0x4e7762(0x117)) / 0x7 + - -parseInt(_0x4e7762(0x114)) / 0x8 + - (parseInt(_0x4e7762(0x11b)) / 0x9) * - (-parseInt(_0x4e7762(0x111)) / 0xa); - if (_0x525e77 === _0xb369e9) break; - else _0x3c3186["push"](_0x3c3186["shift"]()); - } catch (_0x1fdb3c) { - _0x3c3186["push"](_0x3c3186["shift"]()); - } + const apiUrl = _0x508d96(0x1e2); + async function getkey() { + const _0x38fe38 = _0x508d96; + try { + const _0x223b25 = await fetch(apiUrl); + if (!_0x223b25["ok"]) throw new Error(_0x38fe38(0x1e7)); + const _0x2b81dc = await _0x223b25[_0x38fe38(0x1df)](); + return _0x2b81dc[_0x38fe38(0x1dc)][0x0][_0x38fe38(0x1db)]; + } catch (_0x550353) { + console[_0x38fe38(0x1e9)](_0x38fe38(0x1e4), _0x550353); } - })(_0x35b8, 0x6d915); - function _0x35b8() { - const _0x332eb2 = [ - "409580RoLiUq", + } + function _0x2d57() { + const _0x43369c = [ + "66jrWeyw", + "1716404RdSjyL", "apikey", - "1674440paAThL", - "30330fTgmBv", - "Network\x20response\x20was\x20not\x20ok", - "565376UWJHTh", + "apik", + "35XsbTnG", + "11036538cnZHOy", "json", - "15IwAEsy", - "745WUQgoO", - "1113939kaHLBK", - "275510qyCDuL", + "2659980zzRIPo", + "571785wAFKxg", + "https://script.google.com/macros/s/AKfycbzipat1oQlBel7YwZaPl7mCpshjRpvyouFSRgunjqGlKC-0gv46hypYD0EnSMsOEBeC-Q/exec", + "94MUOsMq", + "Error\x20fetching\x20data:", + "22287yxVVIR", + "779728GWtUrW", + "Network\x20response\x20was\x20not\x20ok", + "489000XbTEek", "error", - "apik", - "https://script.googleusercontent.com/macros/echo?user_content_key=EzyPm8qoLqvtQWyyN8R5Z80voJk-ptU5byKtPo8haVVFeeUO3d2KRa3n_8fBJtHskVxV8yvI507uTyLDWUeIrrNtISZYcaz1m5_BxDlH2jW0nuo2oDemN9CCS2h10ox_1xSncGQajx_ryfhECjZEnPGM7xLHLqvZvMSHnARWbupyIWIJrY7gK1mSjVDHcR25w5zDMGOWGLe99CpEY-JfLA6TOwkCoui3XCUWh_VsrxoGyvkiYp3rQ9z9Jw9Md8uu&lib=Ms2w9yo699vd0M5y2UYeB-z4c9SZU-kkO", - "2069892hawKdV", - "log", - "10uvHqxB", ]; - _0x35b8 = function () { - return _0x332eb2; + _0x2d57 = function () { + return _0x43369c; }; - return _0x35b8(); - } - const apiUrl = _0x325d39(0x10e); - async function getkey() { - const _0x309b02 = _0x325d39; - try { - const _0x39a329 = await fetch(apiUrl); - if (!_0x39a329["ok"]) throw new Error(_0x309b02(0x116)); - const _0x10b7b1 = await _0x39a329[_0x309b02(0x118)](); - return ( - console[_0x309b02(0x110)](_0x10b7b1), - _0x10b7b1[_0x309b02(0x10d)][0x0][_0x309b02(0x113)] - ); - } catch (_0x1d7ef2) { - console[_0x309b02(0x10c)]("Error\x20fetching\x20data:", _0x1d7ef2); - } + return _0x2d57(); } const token = await getkey(); @@ -171,21 +167,21 @@ document.addEventListener("DOMContentLoaded", async function () { fetchRepository("https://api.github.com/repos/mdazfar2/HelpOps-Hub/contents"); }); //Scroll to top js -const scrollToTopBtn = document.getElementById('scrollToTopBtn'); +const scrollToTopBtn = document.getElementById("scrollToTopBtn"); function scrollToTop() { window.scrollTo({ top: 0, - behavior: 'smooth' + behavior: "smooth", }); } function handleScroll() { if (window.pageYOffset > 100) { - scrollToTopBtn.classList.add('show'); + scrollToTopBtn.classList.add("show"); } else { - scrollToTopBtn.classList.remove('show'); + scrollToTopBtn.classList.remove("show"); } } // Add scroll event listener -window.addEventListener('scroll', handleScroll); +window.addEventListener("scroll", handleScroll); // Add click event listener -scrollToTopBtn.addEventListener('click', scrollToTop); +scrollToTopBtn.addEventListener("click", scrollToTop); diff --git a/Official_Website/contributor-index.html b/Official_Website/contributor-index.html index 8ae92a9c..63f90621 100644 --- a/Official_Website/contributor-index.html +++ b/Official_Website/contributor-index.html @@ -6,6 +6,7 @@ + HelpOps-Hub @@ -105,23 +106,344 @@

Anurag Pandey

-
- - - - - - +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Official_Website/contributor.js b/Official_Website/contributor.js index b8b89eca..a60c2061 100644 --- a/Official_Website/contributor.js +++ b/Official_Website/contributor.js @@ -18,7 +18,8 @@ const cont = document.getElementById("team-grid1"); const owner = "mdazfar2"; const repoName = "HelpOps-Hub"; - +// const loading = document.getElementById("skeleton-wrapper"); +// cont.appendChild(loading); async function fetchContributors(pageNumber) { const apiUrl = "https://script.google.com/macros/s/AKfycbzipat1oQlBel7YwZaPl7mCpshjRpvyouFSRgunjqGlKC-0gv46hypYD0EnSMsOEBeC-Q/exec"; @@ -30,7 +31,6 @@ async function fetchContributors(pageNumber) { throw new Error("Network response was not ok"); } const data = await response.json(); - console.log(data); // Log the response data return data.apik[0].apikey; } catch (error) { console.error("Error fetching data:", error); @@ -52,8 +52,8 @@ async function fetchContributors(pageNumber) { } const contributorsData = await response.json(); - const loading = document.getElementById("team-grid1"); - loading.removeChild(loading.firstChild); + const cont = document.getElementById("team-grid1"); + cont.removeChild(cont.firstChild); return contributorsData; } diff --git a/Official_Website/skeleton.css b/Official_Website/skeleton.css new file mode 100644 index 00000000..02c0aad8 --- /dev/null +++ b/Official_Website/skeleton.css @@ -0,0 +1,124 @@ + + +#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: #fff; + 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:#fff; + 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