From f5ee8246c998f5b90723dd97efd0231c2064e9ba Mon Sep 17 00:00:00 2001 From: Shireen <154674769+ShireenKachroo@users.noreply.github.com> Date: Fri, 4 Oct 2024 15:54:51 +0530 Subject: [PATCH 01/21] Update globals.css --- site/styles/globals.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/site/styles/globals.css b/site/styles/globals.css index 66f6ba0..ff57e0e 100644 --- a/site/styles/globals.css +++ b/site/styles/globals.css @@ -54,6 +54,12 @@ img{ -webkit-user-drag: none; } +nav{ + position:fixed; + top:0; + width:100%; +} + /* @media (prefers-color-scheme: dark) { html { color-scheme: dark; From fa55ea94663992e09f051a6c343a30bc82e0a1fa Mon Sep 17 00:00:00 2001 From: Shireen <154674769+ShireenKachroo@users.noreply.github.com> Date: Fri, 4 Oct 2024 15:58:04 +0530 Subject: [PATCH 02/21] making top nav bar fixed at top --- site/styles/globals.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/site/styles/globals.css b/site/styles/globals.css index ff57e0e..315551c 100644 --- a/site/styles/globals.css +++ b/site/styles/globals.css @@ -55,9 +55,10 @@ img{ } nav{ - position:fixed; + position:fixed; /*making topnav bar fixed*/ top:0; width:100%; + z-index: 1000; /* Make sure it stays above other elements */ } /* @media (prefers-color-scheme: dark) { From 172b6f8f3919eb1bb99ecd67e9461c70dd68e2b9 Mon Sep 17 00:00:00 2001 From: Shireen <154674769+ShireenKachroo@users.noreply.github.com> Date: Tue, 8 Oct 2024 06:27:07 +0530 Subject: [PATCH 03/21] added space between top navbar and creator list section --- site/styles/globals.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/site/styles/globals.css b/site/styles/globals.css index 315551c..b37f4fd 100644 --- a/site/styles/globals.css +++ b/site/styles/globals.css @@ -61,6 +61,11 @@ nav{ z-index: 1000; /* Make sure it stays above other elements */ } +/*adding space between topnavbar and creator list section*/ +.py-12{ + margin-top:130px; +} + /* @media (prefers-color-scheme: dark) { html { color-scheme: dark; From cb559e4c227516241427bef962766ab607be3906 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 11 Oct 2024 11:35:22 +0530 Subject: [PATCH 04/21] Added Twitter, Linkedin, GitHub logo on Footer --- site/components/Footer.js | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index ea680a4..d86112f 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -16,7 +16,7 @@ const Footer = () => { {/* Left Section: Logo & Copyright */}
- HireHUB + HireHUB

© {new Date().getFullYear()} Your Company. All rights reserved.

@@ -32,7 +32,7 @@ const Footer = () => { -{/* Feature: Contact Us */} + {/* Feature: Contact Us */}

Contact Us

@@ -55,17 +55,20 @@ const Footer = () => {
- {/* Add Twitter SVG Path */} + {/* Added Twitter SVG Path */} + - {/* Add LinkedIn SVG Path */} + {/* Added LinkedIn SVG Path */} + - {/* Add GitHub SVG Path */} + {/* Added GitHub SVG Path */} +
@@ -75,7 +78,7 @@ const Footer = () => {

© 2024 Shubhadip Bhowmik. All rights reserved.

- + ) } From 8d8b60fb2b10e93652e33c03aa879f5563a6cf4a Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 11 Oct 2024 12:43:33 +0530 Subject: [PATCH 05/21] Added Social Icons in Footer section --- site/components/Footer.js | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index d86112f..add1340 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -55,22 +55,28 @@ const Footer = () => {
- {/* Added Twitter SVG Path */} - + {/* Updated Twitter X SVG Path*/} + - + {/* Added LinkedIn SVG Path */} - + {/* Added GitHub SVG Path */} + + + {/* Added Instagram SVG Path */} + + +
From 8bd253256ca3721596f7fcf01288923a0a4237b2 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 11 Oct 2024 21:00:17 +0530 Subject: [PATCH 06/21] Added redirects to respective socials on icons --- site/components/Footer.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index add1340..16f2222 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -59,13 +59,13 @@ const Footer = () => { - + {/* Added LinkedIn SVG Path */} - + {/* Added GitHub SVG Path */} From 313f7896564337de2880cd09dd124fe2f942ac26 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 11 Oct 2024 21:36:42 +0530 Subject: [PATCH 07/21] Added color change on hover of footer socaial icons --- site/components/Footer.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index 16f2222..12164f3 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -53,25 +53,25 @@ const Footer = () => { {/* Right Section: Social Media Links */}
- + {/* Updated Twitter X SVG Path*/} - + {/* Added LinkedIn SVG Path */} - + {/* Added GitHub SVG Path */} - + {/* Added Instagram SVG Path */} From 0d77e936e86191521d7e4930987b432e6fced57b Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Fri, 11 Oct 2024 21:38:57 +0530 Subject: [PATCH 08/21] Added zoom animation on hover for footer social icons --- site/components/Footer.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index 12164f3..41cff38 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -53,25 +53,25 @@ const Footer = () => { {/* Right Section: Social Media Links */}
- + {/* Updated Twitter X SVG Path*/} - + {/* Added LinkedIn SVG Path */} - + {/* Added GitHub SVG Path */} - + {/* Added Instagram SVG Path */} From 7888b98f8c18033ac763c416130fb5247e25777d Mon Sep 17 00:00:00 2001 From: SurajPrakash Date: Sat, 12 Oct 2024 01:01:17 +0530 Subject: [PATCH 09/21] Added Scroll to top button --- site/components/ScrollToTopButton.js | 42 ++++++++++++++++++++++++++++ site/pages/_app.js | 3 ++ site/styles/scrollToTopButton.css | 29 +++++++++++++++++++ 3 files changed, 74 insertions(+) create mode 100644 site/components/ScrollToTopButton.js create mode 100644 site/styles/scrollToTopButton.css diff --git a/site/components/ScrollToTopButton.js b/site/components/ScrollToTopButton.js new file mode 100644 index 0000000..0a3af61 --- /dev/null +++ b/site/components/ScrollToTopButton.js @@ -0,0 +1,42 @@ +// ScrollToTopButton.jsx +import React, { useState, useEffect } from 'react'; + +const ScrollToTopButton = () => { + const [isVisible, setIsVisible] = useState(false); + + // Show or hide the button based on scroll position + const toggleVisibility = () => { + if (window.scrollY > 200) { + setIsVisible(true); + } else { + setIsVisible(false); + } + }; + + // Scroll the window back to the top + const scrollToTop = () => { + window.scrollTo({ + top: 0, + behavior: 'smooth' + }); + }; + + useEffect(() => { + window.addEventListener('scroll', toggleVisibility); + return () => { + window.removeEventListener('scroll', toggleVisibility); + }; + }, []); + + return ( +
+ {isVisible && ( + + )} +
+ ); +}; + +export default ScrollToTopButton; diff --git a/site/pages/_app.js b/site/pages/_app.js index 8d1f718..e5b5bd7 100644 --- a/site/pages/_app.js +++ b/site/pages/_app.js @@ -1,8 +1,10 @@ import "../styles/globals.css"; +import "../styles/scrollToTopButton.css" import { useState, useEffect } from 'react'; import { useRouter } from 'next/router'; import Footer from "../components/Footer"; import NavBar from "../components/Navbar"; +import ScrollToTopButton from "../components/ScrollToTopButton"; import NProgress from 'nprogress'; import '../public/nprogress.css'; import { ToastContainer} from 'react-toastify'; @@ -63,6 +65,7 @@ export default function App({ Component, pageProps }) { {isLoading &&
} +
diff --git a/site/styles/scrollToTopButton.css b/site/styles/scrollToTopButton.css new file mode 100644 index 0000000..5d8d24b --- /dev/null +++ b/site/styles/scrollToTopButton.css @@ -0,0 +1,29 @@ +/* styles.css */ +.scroll-to-top { + position: fixed; + bottom: 20px; + right: 20px; + z-index: 1000; +} + +.scroll-btn { + /* background-color: #007bff; */ + background-color: #723aeb; + color: white; + border: none; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + font-size: 20px; + box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); + opacity: 0.9; +} + +.scroll-btn:hover { + opacity: 1; +} + +.scroll-btn:focus { + outline: none; +} + \ No newline at end of file From b78d3d1ed8004f6768070ac52a01d6a0be5b7a47 Mon Sep 17 00:00:00 2001 From: SurajPrakash Date: Sat, 12 Oct 2024 01:13:27 +0530 Subject: [PATCH 10/21] modified Scroll to top button --- site/components/ScrollToTopButton.js | 3 +-- site/styles/scrollToTopButton.css | 3 ++- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/site/components/ScrollToTopButton.js b/site/components/ScrollToTopButton.js index 0a3af61..42cd589 100644 --- a/site/components/ScrollToTopButton.js +++ b/site/components/ScrollToTopButton.js @@ -1,4 +1,3 @@ -// ScrollToTopButton.jsx import React, { useState, useEffect } from 'react'; const ScrollToTopButton = () => { @@ -39,4 +38,4 @@ const ScrollToTopButton = () => { ); }; -export default ScrollToTopButton; +export default ScrollToTopButton; \ No newline at end of file diff --git a/site/styles/scrollToTopButton.css b/site/styles/scrollToTopButton.css index 5d8d24b..468f5c8 100644 --- a/site/styles/scrollToTopButton.css +++ b/site/styles/scrollToTopButton.css @@ -15,7 +15,8 @@ border-radius: 5px; cursor: pointer; font-size: 20px; - box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); + font-weight: bold; + box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4); opacity: 0.9; } From 53e637981556ace085ef48a48c44743fc4e3e576 Mon Sep 17 00:00:00 2001 From: tarunkumar2005 Date: Mon, 14 Oct 2024 22:28:03 +0530 Subject: [PATCH 11/21] Added the Contributors Page --- site/components/Navbar.js | 3 + site/pages/contributor.js | 230 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 233 insertions(+) create mode 100644 site/pages/contributor.js diff --git a/site/components/Navbar.js b/site/components/Navbar.js index a3e8db5..af96c75 100644 --- a/site/components/Navbar.js +++ b/site/components/Navbar.js @@ -42,6 +42,9 @@ const NavBar = () => {
  • Apply
    • +
  • + Contributors +
  • Login
    • diff --git a/site/pages/contributor.js b/site/pages/contributor.js new file mode 100644 index 0000000..ddd0417 --- /dev/null +++ b/site/pages/contributor.js @@ -0,0 +1,230 @@ +import React, { useEffect, useState } from 'react'; +import { motion, AnimatePresence } from 'framer-motion'; + +const ContributorCard = ({ login, avatar_url, html_url, contributions, type }) => ( + +
    + {login} +

    {login}

    +

    {type}

    +
    + {contributions} contributions +
    +
    + +     +); + +const StatCard = ({ label, value, icon }) => ( + +
    + {icon} +
    +
    +

    {value}

    +

    {label}

    +
    +     +); + +export default function Contributor() { + const [contributors, setContributors] = useState([]); + const [repoStats, setRepoStats] = useState({ stars: 0, forks: 0, openIssues: 0 }); + const [loading, setLoading] = useState(true); + const [email, setEmail] = useState(''); + const [notification, setNotification] = useState({ show: false, message: '' }); + + useEffect(() => { + const fetchData = async () => { + try { + const contributorsResponse = await fetch('https://api.github.com/repos/subhadipbhowmik/bio-branch/contributors'); + const contributorsData = await contributorsResponse.json(); + setContributors(contributorsData); + + const repoResponse = await fetch('https://api.github.com/repos/subhadipbhowmik/bio-branch'); + const repoData = await repoResponse.json(); + setRepoStats({ + stars: repoData.stargazers_count, + forks: repoData.forks_count, + openIssues: repoData.open_issues_count, + }); + } catch (error) { + console.error('Error fetching data:', error); + } finally { + setLoading(false); + } + }; + + fetchData(); + }, []); + + const handleSubmit = (e) => { + e.preventDefault(); + setNotification({ show: true, message: `Thank you for subscribing with ${email}. We'll keep you updated!` }); + setEmail(''); + setTimeout(() => setNotification({ show: false, message: '' }), 5000); + }; + + return ( +
    + {/* Hero Section */} +
    +
    +
    + + Welcome to Biotree + + + Empowering writers, one commit at a time + + + + +
    +
    + + {/* Stats Section */} +
    +
    +

    Project Statistics

    +
    + + + } + /> + sum + contributor.contributions, 0)} + icon={ + + } + /> + + + } + /> + + + } + /> +
    +
    +
    + + {/* Contributors Grid */} +
    +
    +

    Meet Our Contributors

    + + {loading ? ( + +
    +     + ) : ( + + {contributors.map((contributor) => ( + + ))} + + )} +     +
    +
    + + {/* Call to Action */} +
    +
    +

    Ready to Make an Impact?

    +

    + Join our community and help shape the future of Biotree. +

    +
    + setEmail(e.target.value)} + className="px-4 py-2 rounded-md text-gray-800 w-full sm:w-auto" + /> + +
    + {notification.show && ( + + {notification.message} + + )} +
    +
    +
    + ); +} \ No newline at end of file From 957fe5b32acef8cfe6b5dade735a340642170109 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Tue, 15 Oct 2024 15:49:34 +0530 Subject: [PATCH 12/21] Added: Necessary background for .bg-gray-900 --- site/tailwind.config.js | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/site/tailwind.config.js b/site/tailwind.config.js index 16316d7..728e8c1 100644 --- a/site/tailwind.config.js +++ b/site/tailwind.config.js @@ -6,7 +6,13 @@ module.exports = { "./components/**/*.{js,ts,jsx,tsx}", ], theme: { - extend: {}, + extend: { + colors: { + gray: { + 900: 'rgb(7, 56, 65)', // Custom color for footer section + } + } + }, }, plugins: [], safelist: [ From 4cb9e923f19fb7286311c53af8f35eab2dff3978 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Tue, 15 Oct 2024 15:50:09 +0530 Subject: [PATCH 13/21] Added New Logos along side Old Logos --- site/components/Footer.js | 100 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 97 insertions(+), 3 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index 41cff38..d98dc02 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -53,30 +53,124 @@ const Footer = () => { {/* Right Section: Social Media Links */}
    + + {/* Twitter Logo */} {/* Updated Twitter X SVG Path*/} - + + + + {/* LinkedIn logo */} + {/* Added LinkedIn SVG Path */} - + + + + {/* GitHub logo */} + {/* Added GitHub SVG Path */} + + + {/* Instagram logo */} {/* Added Instagram SVG Path */} + + + {/* NEW LOGOS */} + + {/* New Twitter Logo */} + {/* Added: Hover Change -> COLOR + Bouncing Effect on Hover */} + + + {/* Adjusted size of the circle here */} + + + + {/* On Hover: Icon color changes to white and circle changes to logo color */} + + {/* Added Twitter SVG Path */} + + + + + {/* New LinkedIn Logo */} + {/* Added: Hover Change -> COLOR + Bouncing Effect on Hover */} + + + {/* Adjusted size of the circle here */} + + + + {/* On Hover: Icon color changes to white and circle changes to logo color */} + + {/* Added LinkedIn SVG Path */} + + + + + {/* New GitHub Logo */} + {/* Added: Hover Change -> COLOR + Bouncing Effect on Hover */} + + + {/* Adjusted size of the circle here */} + + + + {/* On Hover: Icon color changes to white and circle changes to logo color */} + + {/* Added GitHub SVG Path */} + + + + + {/* New Instagram Logo */} + {/* Added: Hover Change -> COLOR + Bouncing Effect on Hover */} + + + {/* Adjusted size of the circle here */} + + + + {/* On Hover: Icon color changes to white and circle changes to logo color */} + + {/* Added Instagram SVG Path */} + + + +
    @@ -85,7 +179,7 @@ const Footer = () => {

    © 2024 Shubhadip Bhowmik. All rights reserved.

    - + ) } From a16aa6a93d1965f55f22026a626a35e3d037b909 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Tue, 15 Oct 2024 15:52:20 +0530 Subject: [PATCH 14/21] Added: Documentation for Footer change & Removed old icons --- site/components/Footer.js | 42 +-------------------------------------- 1 file changed, 1 insertion(+), 41 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index d98dc02..cc4e978 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -53,46 +53,7 @@ const Footer = () => { {/* Right Section: Social Media Links */}
    - - {/* Twitter Logo */} - - - {/* Updated Twitter X SVG Path*/} - - - - - - {/* LinkedIn logo */} - - - - {/* Added LinkedIn SVG Path */} - - - - - - {/* GitHub logo */} - - - - {/* Added GitHub SVG Path */} - - - - - - {/* Instagram logo */} - - - {/* Added Instagram SVG Path */} - - - - - - {/* NEW LOGOS */} + {/* NEW LOGOS with hover animation: Color change + Bouncing effect on Hover */} {/* New Twitter Logo */} {/* Added: Hover Change -> COLOR + Bouncing Effect on Hover */} @@ -170,7 +131,6 @@ const Footer = () => { -
    From c1ea621b8262ac6841a71e0a989f1babb27a2668 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Tue, 15 Oct 2024 16:05:56 +0530 Subject: [PATCH 15/21] Removed: Poor Wave SVG --- site/components/Footer.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index b177171..d37abfc 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -8,7 +8,10 @@ const Footer = () => { {/* Wave Effect (You can add SVG wave here for a design touch) */} - + +
    From f351dde4d42f717f65b63d783f8131df8da41288 Mon Sep 17 00:00:00 2001 From: Rajdeep Chakraborty Date: Tue, 15 Oct 2024 16:08:13 +0530 Subject: [PATCH 16/21] Modified: Order of Social Icons --- site/components/Footer.js | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/site/components/Footer.js b/site/components/Footer.js index d37abfc..c6c5bd7 100644 --- a/site/components/Footer.js +++ b/site/components/Footer.js @@ -83,13 +83,12 @@ const Footer = () => { - {/* New LinkedIn Logo */} + {/* New GitHub Logo */} {/* Added: Hover Change -> COLOR + Bouncing Effect on Hover */} - + {/* Adjusted size of the circle here */} - + {/* On Hover: Icon color changes to white and circle changes to logo color */} @@ -98,17 +97,18 @@ const Footer = () => { fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - {/* Added LinkedIn SVG Path */} - + {/* Added GitHub SVG Path */} + - {/* New GitHub Logo */} + {/* New LinkedIn Logo */} {/* Added: Hover Change -> COLOR + Bouncing Effect on Hover */} - + {/* Adjusted size of the circle here */} - + {/* On Hover: Icon color changes to white and circle changes to logo color */} @@ -117,8 +117,8 @@ const Footer = () => { fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> - {/* Added GitHub SVG Path */} - + {/* Added LinkedIn SVG Path */} + From 44511e7ef2af16c088f0a1a47238cc7f9e15949f Mon Sep 17 00:00:00 2001 From: Ibrangrd Date: Tue, 15 Oct 2024 18:54:17 +0530 Subject: [PATCH 17/21] Make Contact page responsive --- site/pages/contact.js | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/site/pages/contact.js b/site/pages/contact.js index ddbed25..906501e 100644 --- a/site/pages/contact.js +++ b/site/pages/contact.js @@ -32,13 +32,13 @@ const Contact = () => { return (
    -

    +

    How would you like to contact Bio-branch?

    {/* Center the boxes with gap */} {/* Request a Call Box */} -
    -

    Request a Call

    +
    +

    Request a Call

    { className="border rounded p-2" required /> -
    @@ -95,14 +95,14 @@ const Contact = () => { {/* Support and Feedback Box */}
    -
    -

    Support

    +
    +

    Support

    Phone: (123) 456-7890

    Email: support@bio-branch.com

    -

    Feedback

    -

    Your feedback is important to us! Please let us know your thoughts.

    +

    Feedback

    +

    Your feedback is important to us! Please let us know your thoughts.