Skip to content

Commit

Permalink
update: partners, hackathon wins
Browse files Browse the repository at this point in the history
  • Loading branch information
@vaibhavvvvv
vaibhavvvvv committed Nov 21, 2024
1 parent aae15ef commit 74015d0
Show file tree
Hide file tree
Showing 9 changed files with 116 additions and 29 deletions.
Binary file added public/AlibabaCloudLogo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
58 changes: 58 additions & 0 deletions public/Solana.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/deanlist.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/denet.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/eclipse_logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/soon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/wootzapp.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions src/components/Partners.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,13 @@ const Partners = () => {
style={{
background: greengradient,
}}>
<div className='flex justify-between items-center'>
<img src="/soon.png" className="w-1/4 lg:px-24 md:px-10 px-2 py-4"/>
<img src="/deanlist.png" className="w-1/5 lg:px-24 md:px-10 px-2 -mt-20 py-4" />
<img src="/denet.png" className="w-1/5 lg:px-24 md:px-10 px-2 mt-10 py-4"/>
<img src="/eclipse_logo.png" className="w-1/5 lg:px-24 md:px-10 -mt-20 px-2 py-4"/>
</div>

<div className='flex justify-between items-center'>
<img src="/aptos.png" className="w-1/4 lg:px-24 md:px-10 px-2 py-4"/>
<img src="/peaq.png" className="w-1/4 lg:px-24 md:px-10 px-2 -mt-20 py-4"/>
Expand All @@ -37,6 +44,12 @@ const Partners = () => {
<img src="/ivs.png" className="w-1/4 lg:px-24 md:px-10 px-2 py-4"/>
<img src="/soonami.png" className="w-1/4 lg:px-24 md:px-10 px-2 -mt-20 py-4"/>
</div>

<div className='flex justify-center items-center'>
<img src="/wootzapp.png" className="w-1/4 lg:px-24 md:px-10 px-2 py-4"/>
<img src="/AlibabaCloudLogo.png" className="w-1/4 lg:px-20 md:px-10 px-2 py-4"/>

</div>
</div>
</div>
)
Expand Down
74 changes: 45 additions & 29 deletions src/components/winners.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,38 +2,45 @@ import React from 'react';

const WinnersPage = () => {
const achievements = [
{ logo: '/ivs.png', name: 'IVS CRYPTO', prize: 'Grand Prize at IVS Crypto Demoday, Japan' },
{ logo: 'aptos.png', name: 'APTOS', prize: 'Grand Prize at Aptos Hackathon, Singapore' },
{ logo: 'soonami.png', name: 'soonami.io', prize: 'On the Fast Track Prize at Soonami Venthuron' },
{ logo: 'akindo.png', name: 'AKINDO', prize: 'Several Prizes at Akindo WaveHack' },
{ logo: 'filecoin.png', name: 'Filecoin', prize: 'Grand Prize at Filecoin Browsers 3000 Hackathon' },
{ logo: '/Solana.svg', name: 'Solana', prize: 'Grand Prize at Solana Radar Hackathon, Malaysia', link: 'https://arena.colosseum.org/projects/explore/netsepio?previous=L3Byb2plY3RzL2V4cGxvcmU_c2VlZD1iNGI0ZTYwYzViNGE0NzkwJnNlYXJjaD1uZXRzZXA' },
{ logo: '/ivs.png', name: 'IVS CRYPTO', prize: 'Grand Prize at IVS Crypto Demoday, Japan', link: '#' },
{ logo: 'aptos.png', name: 'APTOS', prize: 'Grand Prize at Aptos Hackathon, Singapore', link: '#' },
{ logo: 'soonami.png', name: 'soonami.io', prize: 'On the Fast Track Prize at Soonami Venthuron', link: '#' },
{ logo: 'akindo.png', name: 'AKINDO', prize: 'Several Prizes at Akindo WaveHack', link: '#' },
{ logo: 'filecoin.png', name: 'Filecoin', prize: 'Grand Prize at Filecoin Browsers 3000 Hackathon', link: '#' },
];

const positions = [
{ top: '5%', left: '10%', width: '120px', height: '80px' },
{ top: '20%', left: '45%', width: '170px', height: '80px' },
{ top: '45%', left: '12%', width: '180px', height: '55px' },
{ top: '65%', left: '50%', width: '130px', height: '40px' },
{ top: '75%', left: '14%', width: '160px', height: '80px' },
{ top: '0%', left: '50%', width: '190px', height: '120px' },
{ top: '15%', left: '10%', width: '120px', height: '80px' },
{ top: '30%', left: '50%', width: '170px', height: '80px' },
{ top: '50%', left: '10%', width: '180px', height: '55px' },
{ top: '70%', left: '55%', width: '130px', height: '40px' },
{ top: '75%', left: '5%', width: '160px', height: '80px' },

];

return (
<div className="bg-[#040A20] text-white py-40">
<h1 className="lg:text-5xl md:text-5xl text-3xl text-center mb-20">Join the Winners!</h1>
<div className="w-full mx-auto flex lg:flex-row md:flex-row flex-col justify-center items-center">
<div className="lg:w-[420px] relative h-80 rounded-2xl lg:block md:block hidden"
style={{ background: 'linear-gradient(to bottom, #FFFFFF, #FFFFFF)' }}>
<div className="bg-[#040A20] text-white w-full py-20 px-4 md:py-40">
<h1 className="text-3xl md:text-4xl lg:text-5xl text-center mb-10 md:mb-20">
Join the Winners!
</h1>

<div className="w-full max-w-7xl mx-auto flex flex-col md:flex-row justify-center items-center gap-8">
{/* Desktop/Tablet Logo Display */}
<div
className="w-full max-w-[320px] md:max-w-[420px] relative h-[320px] md:h-[400px] rounded-2xl hidden md:block"
style={{ background: 'linear-gradient(to bottom, #FFFFFF, #FFFFFF)' }}
>
{achievements.map((item, index) => (
<div
key={index}
className="absolute"
className="absolute transition-transform hover:scale-110"
style={{
top: positions[index % positions.length].top,
left: positions[index % positions.length].left,
width: positions[index % positions.length].width,
height: positions[index % positions.length].height,
// filter: 'drop-shadow(0 0 40px rgba(255, 255, 255, 1)) drop-shadow(0 0 80px rgba(255, 255, 255, 0.8))',
// animation: 'glow 3s infinite alternate',
}}
>
<img
Expand All @@ -44,30 +51,38 @@ const WinnersPage = () => {
</div>
))}
</div>
<div className="lg:w-2/3 md:w-2/3 w-full space-y-6 px-4 lg:text-start md:text-start text-center lg:-mt-10 md:-mt-10 -mt-20">

{/* Achievement Links */}
<div className="w-full space-y-4 md:space-y-6 text-center md:text-start">
{achievements.map((item, index) => (
<a
key={index}
href="#"
className="block hover:text-blue-300 text-white font-normal transition-colors duration-300 lg:ml-20 md:ml-20 lg:text-[30px] md:text-xl text-sm"
href={item.link}
target="_blank"
rel="noopener noreferrer"
className="block hover:text-blue-300 text-white font-normal transition-colors duration-300
text-sm sm:text-base md:text-lg lg:text-2xl xl:text-[30px]
md:ml-8 lg:ml-12"
>
{item.prize} <span className="text-[#13D9C6]">↗</span>
{item.prize}<span className="text-[#13D9C6]">↗</span>
</a>
))}
</div>
<div className="w-80 relative h-80 rounded-2xl lg:hidden md:hidden block mt-10 lg:mt-0 md:mt-0"
style={{ background: 'linear-gradient(to bottom, #FFFFFF, #FFFFFF)' }}>

{/* Mobile Display */}
<div
className="w-full max-w-[280px] relative h-[280px] rounded-2xl md:hidden mt-8"
style={{ background: 'linear-gradient(to bottom, #FFFFFF, #FFFFFF)' }}
>
{achievements.map((item, index) => (
<div
key={index}
className="absolute"
className="absolute transition-transform hover:scale-110"
style={{
top: positions[index % positions.length].top,
left: positions[index % positions.length].left,
width: positions[index % positions.length].width,
height: positions[index % positions.length].height,
// filter: 'drop-shadow(0 0 40px rgba(255, 255, 255, 1)) drop-shadow(0 0 80px rgba(255, 255, 255, 0.8))',
// animation: 'glow 3s infinite alternate',
width: `${parseInt(positions[index % positions.length].width) * 0.7}px`,
height: `${parseInt(positions[index % positions.length].height) * 0.7}px`,
}}
>
<img
Expand All @@ -79,6 +94,7 @@ const WinnersPage = () => {
))}
</div>
</div>

<style jsx>{`
@keyframes glow {
0% {
Expand Down

0 comments on commit 74015d0

Please sign in to comment.