Skip to content

Commit 9202a3d

Browse files
Fix: Improve logos and UX/UI
- Updated the Bitcoin-backed interoperable logo in the Financial Freedom section. - Added missing official partner logos and links to the Academy page. - Added partner logos and links to the CoNetWorking section. - Improved UX/UI and code optimization.
1 parent 51e58be commit 9202a3d

File tree

3 files changed

+125
-64
lines changed

3 files changed

+125
-64
lines changed

src/components/FinancialFreedomSection.tsx

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -191,7 +191,13 @@ const FinancialFreedomSection = () => {
191191
}} viewport={{
192192
once: true
193193
}} className="inline-flex items-center gap-3 bg-gradient-to-r from-alien-space-dark to-alien-space px-6 py-3 rounded-full border border-alien-green/30">
194-
<Bitcoin className="h-5 w-5 text-alien-gold" />
194+
<a href="https://bitcoin.org" target="_blank" rel="noopener noreferrer" className="flex items-center">
195+
<img
196+
src="https://upload.wikimedia.org/wikipedia/commons/4/46/Bitcoin.svg"
197+
alt="Bitcoin"
198+
className="h-5 w-5"
199+
/>
200+
</a>
195201
<span className="text-alien-green font-semibold font-[Exo]">₿itcoin backed</span>
196202
<span className="text-gray-400"></span>
197203
<span className="text-alien-gold font-semibold font-[Exo]">Interoperable</span>

src/pages/Academy.tsx

Lines changed: 50 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -228,7 +228,7 @@ const Academy: React.FC = () => {
228228
{
229229
name: "Alchemy",
230230
url: "https://www.alchemy.com/",
231-
logoUrl: "https://www.datocms-assets.com/105223/1700264554-brand-image.svg"
231+
logoUrl: "https://docs.alchemy.com/img/logo-light.svg"
232232
},
233233
{
234234
name: "Bitcoin",
@@ -240,6 +240,11 @@ const Academy: React.FC = () => {
240240
url: "https://www.aulafacil.com/",
241241
logoUrl: "https://www.aulafacil.com/favicon.ico"
242242
},
243+
{
244+
name: "Climate Reanalyzer",
245+
url: "https://climatereanalyzer.org/",
246+
logoUrl: "https://climatereanalyzer.org/wx_frames/gfs/world-ced/t2anom/t2anom.latest.png"
247+
},
243248
{
244249
name: "Coursera",
245250
url: "https://www.coursera.org/",
@@ -248,12 +253,17 @@ const Academy: React.FC = () => {
248253
{
249254
name: "edX",
250255
url: "https://www.edx.org/",
251-
logoUrl: "https://cdn.worldvectorlogo.com/logos/edx-1.svg"
256+
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/c/cd/EdX_logo.svg"
257+
},
258+
{
259+
name: "ESA",
260+
url: "https://www.esa.int/",
261+
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/f/f8/ESA_logo.svg"
252262
},
253263
{
254264
name: "Explore",
255-
url: "https://www.explore.org/",
256-
logoUrl: "https://images.squarespace-cdn.com/content/v1/5c87be8689c17256b8b91495/1558550176068-ZKPRRBMGQXGZ6NWBMJW9/explore-logo-green.png"
265+
url: "https://explore.org/",
266+
logoUrl: "https://explore.org/assets/images/global/explore-logo.svg"
257267
},
258268
{
259269
name: "FutureLearn",
@@ -268,52 +278,67 @@ const Academy: React.FC = () => {
268278
{
269279
name: "Hotmart",
270280
url: "https://www.hotmart.com/",
271-
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/a/a5/Logo_hotmart.png"
281+
logoUrl: "https://static.hotmart.com/assets/img/hotmart_logo.svg"
272282
},
273283
{
274284
name: "Khan Academy",
275-
url: "https://www.khanacademy.org/",
276-
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/1/1e/Khan_Academy_logo_2018.svg"
285+
url: "https://khanacademy.org/",
286+
logoUrl: "https://cdn.kastatic.org/images/khan-logo-dark-background.png"
287+
},
288+
{
289+
name: "LSC-Canfranc",
290+
url: "https://lsc-canfranc.es/",
291+
logoUrl: "https://lsc-canfranc.es/sites/default/files/logos/logo-lsc-canfranc-250.png"
277292
},
278293
{
279294
name: "MasterClass",
280-
url: "https://www.masterclass.com/",
281-
logoUrl: "https://static.skillshare.com/assets/images/logo-header-2020.svg"
295+
url: "https://masterclass.com/",
296+
logoUrl: "https://cdn.masterclass.com/assets/logo-masterclass-white.svg"
282297
},
283298
{
284299
name: "MOOC",
285-
url: "https://www.mooc.org/",
286-
logoUrl: "https://images.squarespace-cdn.com/content/v1/5dd3b9b78d1b9b0001d8b346/1574275257748-VXJF2RW6YMD4IGGDGZFB/MOOC+List+Logo.png"
300+
url: "https://mooc.org/",
301+
logoUrl: "https://www.mooc.org/hubfs/mooc-org-logo.svg"
302+
},
303+
{
304+
name: "NASA Eyes",
305+
url: "https://eyes.nasa.gov/apps/solar-system/#/home",
306+
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/e/e5/NASA_logo.svg"
287307
},
288308
{
289309
name: "OEGlobal",
290-
url: "https://www.oeglobal.org/",
291-
logoUrl: "https://www.oeglobal.org/wp-content/uploads/2017/10/oeg-logo-200x200.png"
310+
url: "https://oeglobal.org/",
311+
logoUrl: "https://www.oeglobal.org/wp-content/uploads/2019/08/cropped-OEG_Logo_Full_Colour_Large-192x192.png"
292312
},
293313
{
294314
name: "OpenupEd",
295-
url: "https://www.openuped.eu/",
296-
logoUrl: "https://openeu.eu/img/LOGO_OpenEU.svg"
315+
url: "https://openuped.eu/",
316+
logoUrl: "https://www.openuped.eu/images/logo.png"
297317
},
298318
{
299319
name: "Skillshare",
300320
url: "https://www.skillshare.com/",
301-
logoUrl: "https://static.skillshare.com/assets/images/logo-header-2020.svg"
321+
logoUrl: "https://static.skillshare.com/uploads/brandAssets/logos/ss-logo.svg"
302322
},
303323
{
304324
name: "Udacity",
305325
url: "https://www.udacity.com/",
306-
logoUrl: "https://auth.udacity.com/static/media/logo.a54dd8e1.svg"
326+
logoUrl: "https://d20vrrgs8k4bvw.cloudfront.net/images/header/udacity-logo.svg"
307327
},
308328
{
309329
name: "Udemy",
310330
url: "https://www.udemy.com/",
311331
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/e/e3/Udemy_logo.svg"
312332
},
333+
{
334+
name: "UNESCO",
335+
url: "https://www.unesco.org/",
336+
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/f/f4/UNESCO_logo.svg"
337+
},
313338
{
314339
name: "Unity Learn",
315340
url: "https://learn.unity.com/",
316-
logoUrl: "https://upload.wikimedia.org/wikipedia/commons/8/8a/Unity_Technologies_logo.svg"
341+
logoUrl: "https://unity.com/themes/unity/images/company/brand/logos/primary/k-h-Logo_Unity_Horiz_2020.svg"
317342
},
318343
{
319344
name: "Unreal Engine",
@@ -322,8 +347,13 @@ const Academy: React.FC = () => {
322347
},
323348
{
324349
name: "UNSSC",
325-
url: "https://www.unssc.org/",
326-
logoUrl: "https://www.unssc.org/sites/unssc/files/unssc_logo_blue_0.png"
350+
url: "https://unssc.org/",
351+
logoUrl: "https://www.unssc.org/sites/unssc/files/images/UNSSC%20logo.png"
352+
},
353+
{
354+
name: "Virgo-GW",
355+
url: "https://www.virgo-gw.eu/",
356+
logoUrl: "https://www.virgo-gw.eu/images/logo-virgo.png"
327357
}
328358
];
329359

src/pages/CoNetWorKing.tsx

Lines changed: 68 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -132,6 +132,18 @@ const CoNetWorKing: React.FC = () => {
132132
];
133133

134134
const partners = [
135+
{
136+
name: "Aragon",
137+
logo: "https://aragon.org/images/brand/aragongov.svg",
138+
description: "Decentralized governance platform",
139+
url: "https://www.aragon.org/"
140+
},
141+
{
142+
name: "DappRadar",
143+
logo: "https://dappradar.com/hubfs/DappRadar%20Logo%20White.svg",
144+
description: "DApp analytics and discovery platform",
145+
url: "https://dappradar.com/"
146+
},
135147
{
136148
name: "TechCorp",
137149
logo: "https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?q=80&w=150&h=150&auto=format&fit=crop",
@@ -141,55 +153,49 @@ const CoNetWorKing: React.FC = () => {
141153
name: "CryptoVault",
142154
logo: "https://images.unsplash.com/photo-1614851099175-e5b30eb872c7?q=80&w=150&h=150&auto=format&fit=crop",
143155
description: "Secure digital asset management"
144-
},
145-
{
146-
name: "DeFi Protocol",
147-
logo: "https://images.unsplash.com/photo-1639762681485-074b7f938ba0?q=80&w=150&h=150&auto=format&fit=crop",
148-
description: "Decentralized finance solutions"
149-
},
150-
{
151-
name: "Neural AI",
152-
logo: "https://images.unsplash.com/photo-1677442136019-21780ecad995?q=80&w=150&h=150&auto=format&fit=crop",
153-
description: "Advanced AI trading algorithms"
154156
}
155157
];
156158

157159
const communityMembers = [
158160
{
159-
name: "Sophia Chen",
160-
avatar: "https://images.unsplash.com/photo-1524504388940-b1c1722653e1?q=80&w=150&h=150&auto=format&fit=crop",
161-
role: "DeFi Strategist",
162-
location: "Singapore"
161+
name: "Fiverr",
162+
avatar: "https://npm-assets.s3.amazonaws.com/production/uploads/connect/uploads/logo/6d93e8e6-cf0c-4df0-8910-0bd9e7b7ecf5/fiverr.svg",
163+
role: "Freelance Services",
164+
location: "Global",
165+
url: "https://fiverr.com/"
163166
},
164167
{
165-
name: "Aria Nakamura",
166-
avatar: "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?q=80&w=150&h=150&auto=format&fit=crop",
167-
role: "Blockchain Developer",
168-
location: "Tokyo"
168+
name: "Upwork",
169+
avatar: "https://assets-global.website-files.com/603fea6471d9d8559d077f85/6092b7514135708162a4be92_Favicon%20256.png",
170+
role: "Remote Work Platform",
171+
location: "Global",
172+
url: "https://upwork.com/"
169173
},
170174
{
171-
name: "Luna Rodriguez",
172-
avatar: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=150&h=150&auto=format&fit=crop",
173-
role: "NFT Artist",
174-
location: "Barcelona"
175+
name: "WeWork",
176+
avatar: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/WeWork_logo.svg/1200px-WeWork_logo.svg.png",
177+
role: "Shared Workspaces",
178+
location: "Global",
179+
url: "https://wework.com/"
175180
},
176181
{
177-
name: "Zara Al-Rashid",
178-
avatar: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=150&h=150&auto=format&fit=crop",
179-
role: "Crypto Analyst",
180-
location: "Dubai"
182+
name: "Workana",
183+
avatar: "https://workana.com/static/wp-content/uploads/2020/01/logo_workana_light_bg.svg",
184+
role: "Latin America Freelance",
185+
location: "LATAM",
186+
url: "https://workana.com/"
181187
},
182188
{
183-
name: "Isabella Kim",
184-
avatar: "https://images.unsplash.com/photo-1488716820095-cbe80883c496?q=80&w=150&h=150&auto=format&fit=crop",
185-
role: "GameFi Designer",
186-
location: "Seoul"
189+
name: "Sophia Chen",
190+
avatar: "https://images.unsplash.com/photo-1524504388940-b1c1722653e1?q=80&w=150&h=150&auto=format&fit=crop",
191+
role: "DeFi Strategist",
192+
location: "Singapore"
187193
},
188194
{
189-
name: "Amara Singh",
190-
avatar: "https://images.unsplash.com/photo-1506863530036-1efeddceb993?q=80&w=150&h=150&auto=format&fit=crop",
191-
role: "ReFi Advocate",
192-
location: "Mumbai"
195+
name: "Aria Nakamura",
196+
avatar: "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?q=80&w=150&h=150&auto=format&fit=crop",
197+
role: "Blockchain Developer",
198+
location: "Tokyo"
193199
}
194200
];
195201

@@ -309,14 +315,18 @@ const CoNetWorKing: React.FC = () => {
309315
<Card key={index} className="bg-alien-space-dark/70 backdrop-blur-md border border-alien-gold/30 hover:border-alien-gold/60 transition-all duration-300 hover:scale-105">
310316
<CardHeader className="text-center pb-4">
311317
<div className="mx-auto mb-4 w-20 h-20 rounded-full overflow-hidden border-2 border-alien-gold">
312-
<img
313-
src={partner.logo}
314-
alt={partner.name}
315-
className="w-full h-full object-cover"
316-
/>
318+
<a href={partner.url || '#'} target="_blank" rel="noopener noreferrer">
319+
<img
320+
src={partner.logo}
321+
alt={partner.name}
322+
className="w-full h-full object-cover hover:scale-110 transition-transform duration-300"
323+
/>
324+
</a>
317325
</div>
318326
<CardTitle className="text-alien-gold font-[Atomic Age] text-lg">
319-
{partner.name}
327+
<a href={partner.url || '#'} target="_blank" rel="noopener noreferrer" className="hover:text-alien-gold-light">
328+
{partner.name}
329+
</a>
320330
</CardTitle>
321331
</CardHeader>
322332
<CardContent className="pt-0">
@@ -339,11 +349,26 @@ const CoNetWorKing: React.FC = () => {
339349
<Card key={index} className="bg-alien-space-dark/70 backdrop-blur-md border border-alien-gold/30 hover:border-alien-gold/60 transition-all duration-300 hover:scale-105">
340350
<CardHeader className="text-center">
341351
<Avatar className="mx-auto mb-4 w-20 h-20 border-2 border-alien-gold">
342-
<AvatarImage src={member.avatar} alt={member.name} />
343-
<AvatarFallback>{member.name.split(' ').map(n => n[0]).join('')}</AvatarFallback>
352+
{member.url ? (
353+
<a href={member.url} target="_blank" rel="noopener noreferrer">
354+
<AvatarImage src={member.avatar} alt={member.name} className="hover:scale-110 transition-transform duration-300" />
355+
<AvatarFallback>{member.name.split(' ').map(n => n[0]).join('')}</AvatarFallback>
356+
</a>
357+
) : (
358+
<>
359+
<AvatarImage src={member.avatar} alt={member.name} />
360+
<AvatarFallback>{member.name.split(' ').map(n => n[0]).join('')}</AvatarFallback>
361+
</>
362+
)}
344363
</Avatar>
345364
<CardTitle className="text-alien-gold font-[Atomic Age] text-lg">
346-
{member.name}
365+
{member.url ? (
366+
<a href={member.url} target="_blank" rel="noopener noreferrer" className="hover:text-alien-gold-light">
367+
{member.name}
368+
</a>
369+
) : (
370+
member.name
371+
)}
347372
</CardTitle>
348373
<CardDescription className="text-alien-green font-[Exo]">
349374
{member.role}

0 commit comments

Comments
 (0)