From fdb1319642f1b194679a5821ce9a3bbf70c77f09 Mon Sep 17 00:00:00 2001
From: "ALMAZROUEI Shamma (2021) WKIS203"
<shamma.almazrouei.2021@live.rhul.ac.uk>
Date: Wed, 26 Feb 2025 11:24:52 +0530
Subject: [PATCH] Add programming page
---
skillswap/src/pages/Landing.jsx | 14 +++----
skillswap/src/pages/Programming.jsx | 63 ++++++++++++-----------------
2 files changed, 33 insertions(+), 44 deletions(-)
diff --git a/skillswap/src/pages/Landing.jsx b/skillswap/src/pages/Landing.jsx
index acd84a9..e4b4935 100644
--- a/skillswap/src/pages/Landing.jsx
+++ b/skillswap/src/pages/Landing.jsx
@@ -6,7 +6,7 @@ import {
Palette,
Music,
Code,
- Languages,
+ // Languages,
Camera,
Brush,
} from 'lucide-react';
@@ -172,12 +172,12 @@ export default function LandingPage() {
count: '1,957 members',
href: '/programming',
},
- {
- icon: Languages,
- name: 'Languages',
- count: '1,756 members',
- href: '/languages',
- },
+ // {
+ // icon: Languages,
+ // name: 'Languages',
+ // count: '1,756 members',
+ // href: '/languages',
+ // },
{
icon: Camera,
name: 'Photography',
diff --git a/skillswap/src/pages/Programming.jsx b/skillswap/src/pages/Programming.jsx
index c34bdf5..ff3b661 100644
--- a/skillswap/src/pages/Programming.jsx
+++ b/skillswap/src/pages/Programming.jsx
@@ -1,84 +1,73 @@
const files = [
{
- title: 'Fun at beachside',
+ title: 'Thailand Privilege Card',
by: 'John Doe',
source:
- 'https://cdn.pixabay.com/photo/2020/03/16/06/39/sunset-4935922_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-24.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Forbidden City',
+ title: 'Kinder Praxis',
by: 'Sarah Doe',
source:
- 'https://cdn.pixabay.com/photo/2023/11/13/14/04/forbidden-city-8385647_1280.png',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-23.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Beach Cars',
+ title: 'Y2K Abstract 3D Illustrations',
by: 'Alex Kuzmin',
source:
- 'https://cdn.pixabay.com/photo/2016/11/29/09/29/beach-1868716_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-22.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Long Road',
+ title: 'Hexful',
by: 'Felix Doe',
source:
- 'https://cdn.pixabay.com/photo/2018/11/19/03/27/nature-3824498_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-21.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Bicycle',
+ title: 'Rocco Barbaro',
by: 'Kate Doe',
source:
- 'https://cdn.pixabay.com/photo/2019/09/22/16/18/bicycle-4496443_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-rb.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Dandellions',
+ title: 'Design Mind',
by: 'Kamil Aszkowski',
source:
- 'https://cdn.pixabay.com/photo/2015/07/13/17/58/flowers-843584_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-16.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Dockyard',
+ title: 'Handkit',
by: 'Matthew James',
source:
- 'https://cdn.pixabay.com/photo/2016/11/22/22/10/anchored-1850849_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-7.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Agriculture Cropland',
+ title: 'Typos',
by: 'William James',
source:
- 'https://cdn.pixabay.com/photo/2016/11/29/04/01/agriculture-1867212_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-8.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
{
- title: 'Mountain Forest',
+ title: 'Handy Components',
by: 'Paula Lee',
source:
- 'https://cdn.pixabay.com/photo/2021/01/24/20/47/mountains-5946500_1280.jpg',
- },
- {
- title: 'City Street',
- by: 'Christopher Johnson',
- source:
- 'https://cdn.pixabay.com/photo/2020/12/15/01/43/cyclist-5832393_1280.jpg',
- },
- {
- title: 'Sleeping Baby',
- by: 'Zachary Johnson',
- source:
- ' https://cdn.pixabay.com/photo/2020/05/30/13/33/baby-5238979_1280.jpg',
- },
- {
- title: 'City Lights',
- by: 'Oliver James',
- source:
- 'https://cdn.pixabay.com/photo/2017/08/06/14/12/bokeh-lights-2592859_1280.jpg',
+ 'https://onepagelove.imgix.net/2025/02/opl-master-1.jpg?w=780&max-h=1040&fit=crop&fp-y=0&auto=compress',
},
];
export default function Programming() {
return (
<div className='flex flex-col items-center justify-center bg-muted p-6 md:p-10'>
+ <h2 className='text-center text-2xl lg:text-3xl font-bold'>
+ Programming Page
+ </h2>
+ <p className='mt-1 text-center text-muted-foreground'>
+ Here are some of the apps our members have created.
+ </p>
+
<ul
role='list'
- className='grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8'
+ className='mt-8 grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8'
>
{files.map((file) => (
<li key={file.source} className='relative'>
--
GitLab