diff --git a/src/Module/General.tsx b/src/Module/General.tsx index 697a273..9b5f105 100644 --- a/src/Module/General.tsx +++ b/src/Module/General.tsx @@ -425,6 +425,10 @@ const hiringSponsor = [ src: "https://techhiring.in/wp-content/uploads/2024/03/Light-Tosca-Minimalist-We-Are-Hiring-Facebook-Post-940-%C3%97-750-px-940-%C3%97-500-px-4.png", alt: "open gig LOGO", }, +{ + src: "https://s3.ap-south-1.amazonaws.com/innohacks3.0/Logo.png", + alt: "open gig LOGO", +}, ]; const educationSponsor = [{ src: eleven }]; const platinumSponsor = [ diff --git a/src/components/Counter/Counter.jsx b/src/components/Counter/Counter.jsx index 78f9c64..057f813 100644 --- a/src/components/Counter/Counter.jsx +++ b/src/components/Counter/Counter.jsx @@ -1,55 +1,54 @@ - -import './Counter.css' +import "./Counter.css"; import { FcLike } from "react-icons/fc"; -import { useState, useEffect } from 'react'; +import { useState, useEffect } from "react"; // import 'firebase/database'; import { initializeApp } from "firebase/app"; -import { getDatabase, ref, set } from 'firebase/database'; -import { onValue } from 'firebase/database'; +import { getDatabase, ref, set } from "firebase/database"; +import { onValue } from "firebase/database"; const firebaseConfig = { - apiKey: "AIzaSyB8JNy6K7F-FleyUxq4BmfCO0mIGqnvEfs", - authDomain: "innohacks-like-counter.firebaseapp.com", - databaseURL: "https://innohacks-like-counter-default-rtdb.asia-southeast1.firebasedatabase.app", - projectId: "innohacks-like-counter", - storageBucket: "innohacks-like-counter.appspot.com", - messagingSenderId: "227514540661", - appId: "1:227514540661:web:4736b67774954f5f580e3c" - }; + apiKey: "AIzaSyB8JNy6K7F-FleyUxq4BmfCO0mIGqnvEfs", + authDomain: "innohacks-like-counter.firebaseapp.com", + databaseURL: + "https://innohacks-like-counter-default-rtdb.asia-southeast1.firebasedatabase.app", + projectId: "innohacks-like-counter", + storageBucket: "innohacks-like-counter.appspot.com", + messagingSenderId: "227514540661", + appId: "1:227514540661:web:4736b67774954f5f580e3c", +}; const app = initializeApp(firebaseConfig); const database = getDatabase(app); -const countRef = ref(database, 'count'); - - +const countRef = ref(database, "count"); const Counter = () => { - const [count, setCount] = useState(0); - useEffect(() => { - const unsubscribe = onValue(countRef, (snapshot) => { - setCount(snapshot.val() || 0); - }); - return () => unsubscribe(); - }, []); - const handleClick = () => { - // Increment count - const newCount = count + 1; - - // Update count in Firebase Realtime Database - set(countRef, newCount) - .then(() => { - setCount(newCount); - }) - .catch(error => { - console.error('Error updating count in Firebase:', error); - }); + const [count, setCount] = useState(0); + useEffect(() => { + const unsubscribe = onValue(countRef, (snapshot) => { + setCount(snapshot.val() || 0); + }); + return () => { + unsubscribe(); + }; + }, []); + const handleClick = () => { + // Increment count + const newCount = count + 1; + + // Update count in Firebase Realtime Database + set(countRef, newCount) + .then(() => { + setCount(newCount); + }) + .catch((error) => { + console.error("Error updating count in Firebase:", error); + }); }; - return ( - - ); + return ( + + ); }; export default Counter; - diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx index 2d1a41e..16ee50a 100644 --- a/src/components/Footer/index.jsx +++ b/src/components/Footer/index.jsx @@ -5,12 +5,61 @@ import { CiLinkedin } from "react-icons/ci"; import { IoLogoTwitter } from "react-icons/io"; // import { FaPhone } from "react-icons/fa"; import { IoCall } from "react-icons/io5"; - import { BiLogoTelegram } from "react-icons/bi"; import { HashLink } from "react-router-hash-link"; import "./style.scss"; +import { initializeApp } from "firebase/app"; +import { getDatabase, ref, set } from "firebase/database"; +import { onValue } from "firebase/database"; +import { useEffect, useState } from "react"; + +const firebaseConfig = { + apiKey: "AIzaSyB8JNy6K7F-FleyUxq4BmfCO0mIGqnvEfs", + authDomain: "innohacks-like-counter.firebaseapp.com", + databaseURL: + "https://innohacks-like-counter-default-rtdb.asia-southeast1.firebasedatabase.app", + projectId: "innohacks-like-counter", + storageBucket: "innohacks-like-counter.appspot.com", + messagingSenderId: "227514540661", + appId: "1:227514540661:web:4736b67774954f5f580e3c", +}; +const app = initializeApp(firebaseConfig); +const database = getDatabase(app); +const clickCount = ref(database, "clicked"); + const Footer = () => { + const [clicked, setClicked] = useState(0); + + useEffect(() => { + const unsubscribeClicked = onValue(clickCount, (snapshot) => { + setClicked(snapshot.val() || 0); + }); + return () => { + unsubscribeClicked(); + }; + }, []); + + useEffect(() => { + const handleClickAnywhere = () => { + // Increment clicked count + const newClicked = clicked + 1; + set(clickCount, newClicked) + .then(() => { + setClicked(newClicked); + }) + .catch(error => { + console.error('Error updating clicked count in Firebase:', error); + }); + }; + + document.addEventListener("click", handleClickAnywhere); + + return () => { + document.removeEventListener("click", handleClickAnywhere); + }; + }, [clicked]); + return (
{ - + @@ -96,6 +145,12 @@ const Footer = () => {

+
+ Over +  {clicked} + + clicks on the site! +

+
); }; diff --git a/src/components/Footer/style.scss b/src/components/Footer/style.scss index c2e673c..d3b6159 100644 --- a/src/components/Footer/style.scss +++ b/src/components/Footer/style.scss @@ -1,4 +1,6 @@ - +.footer { + position: relative; +} .social-icons-container { padding: 20px; display: flex; @@ -19,14 +21,13 @@ background-color: rgb(0, 0, 0); display: flex; justify-content: center; - } .Register_a a { margin-left: 10px; margin-right: 10px; } -.main-footer{ +.main-footer { padding-bottom: 20px; display: flex; justify-content: center; @@ -36,7 +37,7 @@ font-family: repo-extrabold; } -.main-footer:nth-child(1)::after{ +.main-footer:nth-child(1)::after { content: ""; width: 2px; height: 10px; @@ -45,26 +46,22 @@ right: -10%; } - - - -.hr{ +.hr { margin-bottom: 50px; } -@media (min-width: 570px){ -.inno-footer-container .inno{ - width: 250px; -} - +@media (min-width: 570px) { + .inno-footer-container .inno { + width: 250px; + } } -@media (max-width:700px) { - .hacks-footer-container .hacks{ - margin-left:50%; +@media (max-width: 700px) { + .hacks-footer-container .hacks { + margin-left: 50%; transform: translateX(-50%); } } @media (max-width: 570px) { - .single{ + .single { padding-left: 4%; padding-right: 4%; } @@ -80,19 +77,18 @@ padding-left: 0px; padding-right: 0px; } - .footer-logo img{ + .footer-logo img { padding: 30px 0; background-color: transparent; transform: translateX(10%); // margin-top: 5vh; } - .footer-logo .inno{ + .footer-logo .inno { transform: translateX(50%); } // .footer-logo .hacks{ // transform: translateX(50%); // } - } .privacy-policy p { @@ -112,7 +108,7 @@ min-height: 50px; justify-content: center; padding-top: 4px; - &-left{ + &-left { width: 80%; } img { @@ -130,7 +126,6 @@ } } - .register-button { text-decoration: none; color: white; @@ -144,20 +139,19 @@ border: none; position: relative; cursor: pointer; - transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1); + transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); z-index: 100; - } .register-button span { color: white; z-index: 100; - font-size: 16px; - width: 100%; + font-size: 16px; + width: 100%; } .register-button:hover span { - background: linear-gradient(-45deg, #27FFED 0%, #1D3B47 100% ); + background: linear-gradient(-45deg, #27ffed 0%, #1d3b47 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; @@ -171,10 +165,10 @@ left: 0; width: 100%; height: 100%; - background: linear-gradient(-45deg, #27FFED 0%, #1D3B47 100% ); + background: linear-gradient(-45deg, #27ffed 0%, #1d3b47 100%); transform: scale(1); pointer-events: none; - transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1) ; + transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); z-index: -1; border-radius: 10px; } @@ -183,18 +177,18 @@ } .register-button:active { - scale: 0.90; + scale: 0.9; } -.register-link{ +.register-link { text-decoration: none; } -.footer-team{ +.footer-team { color: white; text-align: center; z-index: 10; font-family: poppins; } -.social-links{ +.social-links { margin-top: 5%; z-index: 10; display: flex; @@ -203,8 +197,7 @@ justify-content: center; } - -.footer-team p{ +.footer-team p { color: gray; } .footer { @@ -232,7 +225,7 @@ padding: 20px 0; background-color: rgb(0, 0, 0); } -.footer-logo{ +.footer-logo { width: 100vw; display: flex; justify-content: center; @@ -241,16 +234,13 @@ z-index: 10; } -.footer-logo img{ +.footer-logo img { width: 50%; - padding:0; - + padding: 0; } - -.footer-logo-link{ +.footer-logo-link { width: 50%; - } .footer-wave-svg { @@ -263,13 +253,14 @@ } .footer-wave-path { - fill:white; + fill: white; } .new_footer_top .footer_bg { position: absolute; bottom: 0; - background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png") no-repeat scroll center 0; + background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png") + no-repeat scroll center 0; width: 100%; height: 266px; opacity: 45%; @@ -277,10 +268,11 @@ } .new_footer_top .footer_bg .footer_bg_one { - background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center; + background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") + no-repeat center center; width: 330px; height: 105px; -background-size:100%; + background-size: 100%; position: absolute; bottom: 0; left: 30%; @@ -289,10 +281,11 @@ background-size:100%; } .new_footer_top .footer_bg .footer_bg_two { - background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif") no-repeat center center; + background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif") + no-repeat center center; width: 88px; height: 100px; -background-size:100%; + background-size: 100%; bottom: 0; left: 38%; position: absolute; @@ -300,43 +293,94 @@ background-size:100%; animation: myfirst 30s linear infinite; } - - @-moz-keyframes myfirst { -0% { - left: -25%; -} -100% { - left: 100%; -} + 0% { + left: -25%; + } + 100% { + left: 100%; + } } @-webkit-keyframes myfirst { -0% { - left: -25%; -} -100% { - left: 100%; -} + 0% { + left: -25%; + } + 100% { + left: 100%; + } } @keyframes myfirst { -0% { - left: -25%; -} -100% { - left: 100%; -} + 0% { + left: -25%; + } + 100% { + left: 100%; + } } -.inno{ +.inno { width: 10%; height: 100%; backdrop-filter: blur(3px); border-radius: 10px; margin-top: 2vh; } -.hacks{ +.hacks { // background-color: black; border-radius: 10px; -} \ No newline at end of file +} + +.clickCount { + position: absolute; + // right: 50%; + transform: translateX(50%); + top: -5%; + background: rgba(255, 0, 0, 0.861); + max-width: 400px; + width: 90vw; + height: 90px; + display: flex; + justify-content: center; + align-items: center; + font-family: "repo-light"; + font-size: 2rem; + color: rgb(255, 255, 255); + border-radius: 15px; + animation: wiggle 2s linear infinite; + display: flex; + flex-wrap: wrap; +} +.clickCount span:nth-child(2) { + font-family: "repo-extrabold"; +} + +.clickCount span:nth-child(3) { + font-style: italic; +} + +@keyframes wiggle { + 0%,7% { + transform: rotateZ(0); + } + 15% { + transform: rotateZ(-15deg); + } + 20% { + transform: rotateZ(10deg); + } + 25% { + transform: rotateZ(-10deg); + } + 30% { + transform: rotateZ(6deg); + } + 35% { + transform: rotateZ(-4deg); + } + 40%, + 100% { + transform: rotateZ(0); + } +} diff --git a/src/containers/Home/HomePage.jsx b/src/containers/Home/HomePage.jsx index f6e9d9c..6ea2af4 100644 --- a/src/containers/Home/HomePage.jsx +++ b/src/containers/Home/HomePage.jsx @@ -298,7 +298,7 @@ export default function HomePage() {

*/} -
+
{/*
*/} @@ -312,7 +312,7 @@ export default function HomePage() {
-
+
@@ -342,7 +342,7 @@ export default function HomePage() {
-
+
@@ -452,7 +452,7 @@ export default function HomePage() { ))}
-

Associate Sponsor

+

Associate Sponsor

{associateSponsor.map((item, i) => ( @@ -464,7 +464,7 @@ export default function HomePage() {
-

Hosting Partners

+

Hosting Partners

{hostingPartner.map((item, i) => ( @@ -476,7 +476,7 @@ export default function HomePage() {
-

Merchandise Partners

+

Merchandise Partners

{merchandiseSponsor.map((item, i) => ( @@ -488,7 +488,7 @@ export default function HomePage() {
-

Hiring Partners

+

Hiring Partners

{hiringSponsor.length!==1 && hiringSponsor.map((item, i) => ( diff --git a/src/containers/Home/about.css b/src/containers/Home/about.css index eeffe4e..827f2a5 100644 --- a/src/containers/Home/about.css +++ b/src/containers/Home/about.css @@ -508,7 +508,7 @@ h1 { background-image: linear-gradient(45deg, red, #2D71D5); background-size: 100%; background-clip: text; - margin-top: 10%; + margin-top: 30px; /* -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent;