From 0abd2ef109bd80e72a72c462fd92212f1bf46a1a Mon Sep 17 00:00:00 2001 From: Bhupendra Chouhan <78025043+bhupendra-chouhan@users.noreply.github.com> Date: Sat, 4 Jan 2025 21:50:11 +0530 Subject: [PATCH] Added 'Connect Wallet' feature: Access website only after connecting via MetaMask. (#560) --- connectwallet.js | 69 + index.html | 4088 +++++++++++++++++++++++----------------------- 2 files changed, 2132 insertions(+), 2025 deletions(-) create mode 100644 connectwallet.js diff --git a/connectwallet.js b/connectwallet.js new file mode 100644 index 0000000..60c4167 --- /dev/null +++ b/connectwallet.js @@ -0,0 +1,69 @@ +document.addEventListener("DOMContentLoaded", function () { + const connectButton = document.getElementById("connectButton"); + const mainContent = document.getElementById("mainContent"); + const errorMessage = document.getElementById("errorMessage"); + const walletAddress = document.getElementById("walletAddress"); + + // Add hover effect for button + connectButton.addEventListener("mouseover", function () { + this.style.backgroundColor = "#45a049"; + }); + connectButton.addEventListener("mouseout", function () { + this.style.backgroundColor = "#4CAF50"; + }); + + // Check if MetaMask is installed + const isMetaMaskInstalled = () => { + return typeof window.ethereum !== "undefined" && window.ethereum.isMetaMask; + }; + + // Function to format address + function formatAddress(address) { + return `${address.slice(0, 4)}...${address.slice(-4)}`; + } + + // Connect Wallet Function + async function connectWallet() { + if (!isMetaMaskInstalled()) { + errorMessage.style.display = "block"; + return; + } + + try { + // Request account access + const accounts = await window.ethereum.request({ + method: "eth_requestAccounts", + }); + + if (accounts.length > 0) { + // Hide connect button and show main content + connectButton.style.display = "none"; + mainContent.style.display = "block"; + + // Display formatted wallet address + const connectedAccount = accounts[0]; + walletAddress.textContent = formatAddress(connectedAccount); + console.log("Connected account:", connectedAccount); + } + } catch (error) { + console.error("Error connecting wallet:", error); + } + } + + // Add click event listener to connect button + connectButton.addEventListener("click", connectWallet); + + // Handle account changes + if (window.ethereum) { + window.ethereum.on("accountsChanged", function (accounts) { + if (accounts.length === 0) { + // User disconnected their wallet + connectButton.style.display = "block"; + mainContent.style.display = "none"; + } else { + // Update displayed address when account changes + walletAddress.textContent = formatAddress(accounts[0]); + } + }); + } +}); diff --git a/index.html b/index.html index 7404c2e..bd6ed99 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + @@ -10,2172 +10,2210 @@ - - -
-
-
- - - logo - -
-
-
- -
-
- - - Join Us - -
+ + +
+ +
+ + + + + - -
-
- - -
-
-
-
-
- - - Let's take you forward :) - - -

- The Largest Community Of Tomorrow's - - -

-

- Empower Your Blockchain & Open-Source Journey with India's Largest Community Of Enthusiast People. We are - Bridging the Gap between Tech Industry & Student Communities, Platform for Students to Learn new Skills, - Network With Industry Professionals and grow as an individual. -

-
- - LFG 🚀 - - - - - + + -
-
-
- hero-image -
-
- hero-image -
-
-
-
- - - - - -
-
- - - - - - - - - -
-
-
-
-
-
-
-
- - - - - - - - - - - - - - - - -
-
- - - - - - - - - - - - - - - - -
-
- - - -
-
- -
- FEATURES -

- Our Unique Aspects -

-

- A Place where you can Learn, meet passionate individuals, Build Real World Products, and Grow as an - Individual. -

-
- -
-
-
-
- - - - -
-
-

- Web3 & Blockchain -

-

- Assisting Startups & Providing them a MarketPlace. Helping Web3 Enthusiast to become a Blockchain - Developer. -

-
-
-
-
-
- - - - -
-
-

- Open Source -

-

- Helping Developers & Organizations to Levrage the Power Of Open Source & Expand their Horizon. -

-
-
-
-
-
-
- - - - - - + class="fixed top-0 left-0 z-50 justify-center w-full h-screen p-5 bg-white menu-wrapper dark:bg-dark lg:visible lg:static lg:flex lg:h-auto lg:justify-start lg:bg-transparent lg:p-0 lg:opacity-100 dark:lg:bg-transparent"> +
+ +
+
+ + + Join Us + +
-
-

- Networking -

-

- Connecting with Diverse Communities Of Creative Minds to Network, Share Ideas, and Gain Valuable - Insights. -

-
-
-
-
-
-
- - - - -
-
-

- Community Collaborations -

-

- Collaborating with Different Tech Communities & Helping them Grow together. -

-
-
-
-
-
-
- - - - -
-
-

- Campus Connect -

-

- Empowering Campuses with Industry Experts & Giving Real World Exposure. -

-
-
-
-
-
-
- - - - -
-
-

- Tech Events -

-

- Making Knowledge Accessible amongst Developers in our Events. -

-
+
-
-
-
-
- - - -
-
- -
- ABOUT US -

- About Our Ecosystem -

-

- Empowering Every Individual Because You dont Need Fancy Tags to Make an Impact :) -

-
+ + + + +
+
+
+
+
+ + + Let's take you forward :) + -
-
-
-
- - - - - - - - - - - - - - - - -
-
- - - -
-
-
-
-
-
-
- about-image -
-
- about-image -
-
-
-
- - +

+ The Largest Community Of Tomorrow's + + +

+

+ Empower Your Blockchain & Open-Source Journey with India's Largest Community Of Enthusiast People. + We are + Bridging the Gap between Tech Industry & Student Communities, Platform for Students to Learn new + Skills, + Network With Industry Professionals and grow as an individual. +

+
+ + LFG 🚀 + + + + + + + + + + + + + How it Works +
-
-

- “Eduhub Community- The Journey Zero to Hero” -

-

- - It’s a community for learners by learners. The vision of this community is to build an environment - where people can learn, implement and grow together. It provides people the opportunity to work with - peers, showcase their talent and enhance their skills by working in-team. We promote Open source, - Web3, Web dev culture through our community. #letstakeyouforward - -

-
-
-
-
-
-
-
-
- about-image +
+
+ hero-image
-
- about-image +
+ hero-image
+ class="absolute -top-6 -right-6 -z-10 h-full w-full border border-primary border-opacity-10 bg-primary bg-opacity-5 backdrop-blur-[6px] dark:border-white dark:border-opacity-10 dark:bg-white dark:bg-opacity-10">
-
+
-
-
-
-
-

- "Helping Individuals To Grow" -

-

- We are on a mission to empower the next generation to discover better ways to Learn, Earn, and - Network! Helping Startups & Organizations to build a Community around their Product -

- -
-
-
-
-
-
-
-
-
- about-image -
-
- about-image -
-
-
-
- - - - - +
+ + + + + + + +
-
-
-

- "Core Values" -

-

- Be Bold: Don't be afraid Of what other's say, don't wait for anyone's permission- If you want - to get it dont then do it!! -

-

- Collaboration >> Competition: Great things happen when people come together!! -

-
-
-
-
-
-
- - - -
-
- -
- OUR TEAM -

- Wanna Say Hi To The BackBone Of Eduhub Community?! -

-

- The people who're Consistently Pushing Their Limits to Take Eduhub to Next Level. -

-
+
+
+
+ + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + + +
+
+ + + +
+
+ +
+ FEATURES +

+ Our Unique Aspects +

+

+ A Place where you can Learn, meet passionate individuals, Build Real World Products, and Grow as an + Individual. +

+
-
-
-
-
- team-image -
-
- - - +
+
+
+
+ + + - - - +
+
+

+ Web3 & Blockchain +

+

+ Assisting Startups & Providing them a MarketPlace. Helping Web3 Enthusiast to become a Blockchain + Developer. +

+
+
+
+
+
+
+ + d="M22.9424 2.39982L39.0226 12.0468C39.1585 12.1282 39.271 12.2434 39.3492 12.3813C39.4273 12.5191 39.4684 12.6749 39.4684 12.8333C39.4684 12.9918 39.4273 13.1475 39.3492 13.2854C39.271 13.4232 39.1585 13.5384 39.0226 13.6198L22.0001 23.8333L4.97756 13.6198C4.84161 13.5384 4.72908 13.4232 4.65094 13.2854C4.57281 13.1475 4.53174 12.9918 4.53174 12.8333C4.53174 12.6749 4.57281 12.5191 4.65094 12.3813C4.72908 12.2434 4.84161 12.1282 4.97756 12.0468L21.0559 2.39982C21.341 2.22851 21.6674 2.138 22.0001 2.138C22.3327 2.138 22.6591 2.22851 22.9442 2.39982H22.9424Z" /> + - - - +
+
+

+ Open Source +

+

+ Helping Developers & Organizations to Levrage the Power Of Open Source & Expand their Horizon. +

+
+
+
+
+
+
+ + d="M36.6667 40.3334H7.33333C6.8471 40.3334 6.38079 40.1402 6.03697 39.7964C5.69315 39.4526 5.5 38.9863 5.5 38.5V14.6667H38.5V38.5C38.5 38.9863 38.3068 39.4526 37.963 39.7964C37.6192 40.1402 37.1529 40.3334 36.6667 40.3334ZM12.8333 20.1667V27.5H20.1667V20.1667H12.8333ZM12.8333 31.1667V34.8334H31.1667V31.1667H12.8333ZM23.8333 22V25.6667H31.1667V22H23.8333Z" /> + - + + + +
+
+

+ Networking +

+

+ Connecting with Diverse Communities Of Creative Minds to Network, Share Ideas, and Gain Valuable + Insights. +

+
-
-
-

- Sahitya Roy -

-

- Co-Founder -

-
-
-
-
-
-
- team-image -
-
- - +
+
+
+ + d="M22 3.66663C32.1255 3.66663 40.3333 11.8745 40.3333 22C40.3333 32.1255 32.1255 40.3333 22 40.3333C11.8745 40.3333 3.66663 32.1255 3.66663 22C3.66663 11.8745 11.8745 3.66663 22 3.66663ZM22 7.33329C13.9003 7.33329 7.33329 13.9003 7.33329 22C7.33329 30.0996 13.9003 36.6666 22 36.6666C30.0996 36.6666 36.6666 30.0996 36.6666 22C36.6666 13.9003 30.0996 7.33329 22 7.33329ZM29.777 11.6288L32.3711 14.2211L25.5438 21.0521C25.6245 21.3546 25.6666 21.6718 25.6666 22C25.6666 24.0258 24.0258 25.6666 22 25.6666C19.9741 25.6666 18.3333 24.0258 18.3333 22C18.3333 19.9741 19.9741 18.3333 22 18.3333C22.3281 18.3333 22.6453 18.3755 22.9478 18.4561L29.7788 11.6288H29.777Z" /> + - - - +
+
+

+ Community Collaborations +

+

+ Collaborating with Different Tech Communities & Helping them Grow together. +

+
+
+
+
+
+
+ + d="M25.6667 38.5H7.33333C6.8471 38.5 6.38079 38.3068 6.03697 37.963C5.69315 37.6192 5.5 37.1529 5.5 36.6667V18.3333H25.6667V38.5ZM38.5 14.6667H5.5V7.33333C5.5 6.8471 5.69315 6.38079 6.03697 6.03697C6.38079 5.69315 6.8471 5.5 7.33333 5.5H36.6667C37.1529 5.5 37.6192 5.69315 37.963 6.03697C38.3068 6.38079 38.5 6.8471 38.5 7.33333V14.6667Z" /> + - - - +
+
+

+ Campus Connect +

+

+ Empowering Campuses with Industry Experts & Giving Real World Exposure. +

+
+
+
+
+
+
+ + + d="M33.9843 35.8729C30.6576 38.7555 26.4017 40.3395 21.9998 40.3333C11.8743 40.3333 3.6665 32.1255 3.6665 22C3.6665 18.084 4.89484 14.454 6.98484 11.4767L12.8332 22H7.33317C7.33293 24.8754 8.17788 27.6874 9.76295 30.0864C11.348 32.4854 13.6033 34.3656 16.2483 35.4931C18.8934 36.6207 21.8115 36.9459 24.6399 36.4283C27.4683 35.9107 30.0822 34.5732 32.1565 32.582L33.9843 35.8729Z" /> - +
+
+

+ Tech Events +

+

+ Making Knowledge Accessible amongst Developers in our Events. +

+
-
-

- Priya Chandak -

-

- Co-Founder +

+
+ + + +
+
+ +
+ ABOUT US +

+ About Our Ecosystem +

+

+ Empowering Every Individual Because You dont Need Fancy Tags to Make an Impact :)

-
-
-
-
-
- team-image + +
-
- - - - - - - - - - - - - - - -
+ class="absolute top-0 left-0 w-full h-full bg-center bg-cover -z-10 opacity-10 dark:opacity-40 bg-noise-pattern">
-
-
-

- Shivank Kapur -

-

- Community Manager -

-
-
-
-
- -
- - - -
-
- -
- PORTFOLIO -

- Event Gallery -

-

- Even though the number of initiatives we've taken is quite high and not enough to display here, but still - let's - have a glimpse :) -

-
- -
-
- - - - -
- -
-
-
-
- portfolio-image - -
- - +
+ + + + + + + + + + + + + + + +
-
-
-
-
- portfolio-image +
+ + + +
+
+
+
+
+
+
+ about-image +
+
+ about-image +
+
+
+
+ + +
+
+
+
+
+

+ “Eduhub Community- The Journey Zero to Hero” +

+

+ + It’s a community for learners by learners. The vision of this community is to build an + environment + where people can learn, implement and grow together. It provides people the opportunity to + work with + peers, showcase their talent and enhance their skills by working in-team. We promote Open + source, + Web3, Web dev culture through our community. #letstakeyouforward - -

-
-
-
- portfolio-image +
+
+
+
+
+ about-image +
+
+ about-image +
+
+
+
+ + + + + + +
+
+
+
+
+

+ "Helping Individuals To Grow" +

+

+ We are on a mission to empower the next generation to discover better ways to Learn, Earn, and + Network! Helping Startups & Organizations to build a Community around their Product +

- +
-
-
- portfolio-image - - +
+ + + +
+
+ +
+ OUR TEAM +

+ Wanna Say Hi To The BackBone Of Eduhub Community?! +

+

+ The people who're Consistently Pushing Their Limits to Take Eduhub to Next Level. +

-
- -
- - See More Projects - - - - - - -
- - -
- - - -
-
- -
- Testimonial -

- What Our Members Say? -

-

- Let's have a look at what does an average Eduhub Member say about us 🤔? -

-
- -
-
-
-
-
- - - - - - - - - - - - - - - - -
-
-
-
-
-
-

- “Eduhub is really a lovely community. I’ve learned many skills and networked with many people - because of - the community. Keep up the good work -

- -

- Anuradha Jadon +
+
+
+
+ team-image +
+
+ + + + + + + + + + + + + + + +
+
+
+
+

+ Sahitya Roy

-

- Systems Engineer @Tata Consultancy Service. +

+ Co-Founder

-
-
-
- testimonial-image -
+
+
+
+
+ team-image +
+
+ + + + + + + + + + + + + + +
-
- - - - - - -
-
-
-
-
-
-
-
-

- “I can't express how grateful I am to be a part of this incredible community. It's not just a - group; it's a support system, a source of inspiration, and a place to thrive. They are very good - at commitments and deliver some amazing results to the organization. -

- -

- Sounak Ghosh +
+

+ Priya Chandak

-

- Developer Relations Engineer @Nordek. +

+ Co-Founder

-
-
-
- testimonial-image -
+
+
+
+
+ team-image +
+
+ + + + + + + + + + + + + + +
-
- - - - - - -
+
+
+

+ Shivank Kapur +

+

+ Community Manager +

- - -
-
-
-
-

- - - -
-
- -
-

- Trusted by Global Brands -

-

- -

-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-
--> - - - - - + + +
+
+ +
+ PORTFOLIO +

+ Event Gallery +

+

+ Even though the number of initiatives we've taken is quite high and not enough to display here, but + still + let's + have a glimpse :)

- - Join This Plan - - - - - - -
- - -
-

- Looking for a company solution? -

-

- Contact our team to get a quote. -

-
- -
--> --> - - - -
-
- -
- BLOGS -

- Give a Read To Some Of Our Latest Articles! -

-

- Below Given Our Some Of The Blogs Written about Different Technologies Like- Open Source, Blockchain - Development, Web Development, etc. -

-
- -
-
-
-
-
- - blog-image - - +
+
+ +
- -
-
-
-
-
- - blog-image - - - Web3 - + + +
-
-
-

- - - - - - Shrishti Mishra -

-

- - - - - - 10 Oct, 2023 -

-
-

- - Integrating Web3 With Traditional Web Apps - -

-
-
-
-
-
-
- - blog-image - - - Open Source - -
-
-
-

- - - - - - Shrishti Mishra -

-

- - - - - - 26 Sept, 2023 -

-
-

- - Open Source Licenses: Legal Considerations for Developers - -

-
-
-
-
-
-
-
- - -
-
-
-
-
-
- -
- - SUPPORT - -

- Wanna Mail Us? -

-

- Let's have a coffee meet and discuss an idea roaming in your mind ☕️! -

+
+
+
+
+ portfolio-image + +
+ + +
+
+
+
+
+ portfolio-image + + +
+
+
+
+ portfolio-image + + +
+
+
+
+ portfolio-image + + +
+
-
-
-
- - - support@eduhubcommunity.tech +
+ + See More Projects + + + + +
- -
-
-
-

- Email Address -

-

- support@eduhubcommunity.tech -

-
-
-
-
- -
-
-
-
-

- Registered Location -

-

- Jaipur, Rajasthan, India. -

-
+
+ + + +
+
+ +
+ Testimonial +

+ What Our Members Say? +

+

+ Let's have a look at what does an average Eduhub Member say about us 🤔? +

-
-
- - - - - - + +
+
+
+
+
+ + + + + + + + + + + + + + +
+
+
+
+
+
+

+ “Eduhub is really a lovely community. I’ve learned many skills and networked with many + people + because of + the community. Keep up the good work +

+ +

+ Anuradha Jadon +

+

+ Systems Engineer @Tata Consultancy Service. +

+
+
+
+
+
+ testimonial-image +
+
+
+
+ + + + + + +
+
+
+
+
+
+
+
+
+

+ “I can't express how grateful I am to be a part of this incredible community. It's not just + a + group; it's a support system, a source of inspiration, and a place to thrive. They are very + good + at commitments and deliver some amazing results to the organization. +

+ +

+ Sounak Ghosh +

+

+ Developer Relations Engineer @Nordek. +

+
+
+
+
+
+ testimonial-image +
+
+
+
+ + + + + + +
+
+
+
+
- - - - - - - - - - - - - - - - + +
-
-
+
+ + + +
+
+ +
+

+ Trusted by Global Brands +

+

-

-
-
-
-
- - -
-
-
-
- - -
+

-
-
- - +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
-
- - -
+
+
--> + + + + + --> + + + +
+
+ +
+ BLOGS +

+ Give a Read To Some Of Our Latest Articles! +

+

+ Below Given Our Some Of The Blogs Written about Different Technologies Like- Open Source, Blockchain + Development, Web Development, etc. +

-
-
- - + +
+
+
+
+
+ + blog-image + + + 25 College Roadshow + +
+ +
+
+
+
+
+ + blog-image + + + Web3 + +
+
+
+

+ + + + + + Shrishti Mishra +

+

+ + + + + + 10 Oct, 2023 +

+
+

+ + Integrating Web3 With Traditional Web Apps + +

+
+
+
+
+
+
+ + blog-image + + + Open Source + +
+
+
+

+ + + + + + Shrishti Mishra +

+

+ + + + + + 26 Sept, 2023 +

+
+

+ + Open Source Licenses: Legal Considerations for Developers + +

+
+
+
+
+
+ + + +
+
+
+
+
+
+ +
+ + SUPPORT + +

+ Wanna Mail Us? +

+

+ Let's have a coffee meet and discuss an idea roaming in your mind ☕️! +

+
+
-
-
-
-
- -
-
- -
-
-
- +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
- -
-
-
-
-
-
- - - - - - - - - - - - - - - - -
+
+
+ +
+
-
-
-
-

- Looking for a collaboration? Get Started Today! -

-

- We are excited for your valuable proposal. -

-
-
-
-
- - Get Started Now - +
+ +
+
+
-
-
-
- - + + - - + - - + \ No newline at end of file