From ec099bf3ab956d3dcd79e354ad80e48569ccad5f Mon Sep 17 00:00:00 2001 From: Suvodip Date: Wed, 7 Aug 2024 21:55:33 +0530 Subject: [PATCH] s1 --- app/components/AlbumArt&Craft.tsx | 56 ++++++++ app/components/AlbumsIndex.tsx | 41 ++++++ ...Course.tsx => MyCoursePracticalModule.tsx} | 20 +-- app/components/MyCourseTheoryModule.tsx | 126 ++++++++++++++++ app/components/PracticalCourses.tsx | 134 ++++++++++++++++++ app/routes/albums._index.tsx | 109 ++++++++++++++ app/routes/albums.art-&-craft.tsx | 107 ++++++++++++++ ...{course._index.tsx => mycourse._index.tsx} | 0 app/routes/mycourse.practical.tsx | 112 +++++++++++++++ ...{course.theory.tsx => mycourse.theory.tsx} | 2 +- app/routes/practical._index.tsx | 0 app/routes/practical.mod1.tsx | 113 +++++++++++++++ app/routes/theory._index.tsx | 0 .../{start-course.tsx => theory.mod1.tsx} | 4 +- public/assets/aimage1.jpg | Bin 0 -> 87145 bytes public/assets/aimage2.jpg | Bin 0 -> 100348 bytes public/assets/aimage3.jpg | Bin 0 -> 108237 bytes public/assets/aimage4.jpg | Bin 0 -> 134505 bytes public/assets/aimage5.jpg | Bin 0 -> 76001 bytes public/assets/athumbnail1.jpg | Bin 0 -> 103484 bytes public/assets/athumbnail2.jpg | Bin 0 -> 137807 bytes public/assets/athumbnail3.jpg | Bin 0 -> 139825 bytes public/assets/pimage1.jpg | Bin 0 -> 69177 bytes public/assets/pimage2.jpg | Bin 0 -> 60602 bytes public/assets/pimage3.jpg | Bin 0 -> 78179 bytes public/assets/pimage4.jpg | Bin 0 -> 76914 bytes 26 files changed, 812 insertions(+), 12 deletions(-) create mode 100644 app/components/AlbumArt&Craft.tsx create mode 100644 app/components/AlbumsIndex.tsx rename app/components/{StartCourse.tsx => MyCoursePracticalModule.tsx} (83%) create mode 100644 app/components/MyCourseTheoryModule.tsx create mode 100644 app/components/PracticalCourses.tsx create mode 100644 app/routes/albums._index.tsx create mode 100644 app/routes/albums.art-&-craft.tsx rename app/routes/{course._index.tsx => mycourse._index.tsx} (100%) create mode 100644 app/routes/mycourse.practical.tsx rename app/routes/{course.theory.tsx => mycourse.theory.tsx} (99%) create mode 100644 app/routes/practical._index.tsx create mode 100644 app/routes/practical.mod1.tsx create mode 100644 app/routes/theory._index.tsx rename app/routes/{start-course.tsx => theory.mod1.tsx} (95%) create mode 100644 public/assets/aimage1.jpg create mode 100644 public/assets/aimage2.jpg create mode 100644 public/assets/aimage3.jpg create mode 100644 public/assets/aimage4.jpg create mode 100644 public/assets/aimage5.jpg create mode 100644 public/assets/athumbnail1.jpg create mode 100644 public/assets/athumbnail2.jpg create mode 100644 public/assets/athumbnail3.jpg create mode 100644 public/assets/pimage1.jpg create mode 100644 public/assets/pimage2.jpg create mode 100644 public/assets/pimage3.jpg create mode 100644 public/assets/pimage4.jpg diff --git a/app/components/AlbumArt&Craft.tsx b/app/components/AlbumArt&Craft.tsx new file mode 100644 index 0000000..3fe00de --- /dev/null +++ b/app/components/AlbumArt&Craft.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import { Image } from 'antd'; +import Index from './AdminNav'; +const fallBackImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="; + +let artCraftImage = [ + { + id: "1", + img: "/assets/aimage1.jpg", + }, + { + id: "2", + img: "/assets/aimage2.jpg", + }, + { + id: "3", + img: "/assets/aimage3.jpg", + }, + { + id: "4", + img: "/assets/aimage4.jpg", + }, + { + id: "5", + img: "/assets/aimage5.jpg", + }, + { + id: "6", + img: "/assets/aimage2.jpg", + }, + { + id: "7", + img: "/assets/aimage4.jpg", + } +] + +const App: React.FC = () => ( + console.log(`current index: ${current}, prev index: ${prev}`),}}> +
+
+
+ { + artCraftImage.map((data) => ( + //
+ + )) + } +
+
+
+ +); + +export default App; \ No newline at end of file diff --git a/app/components/AlbumsIndex.tsx b/app/components/AlbumsIndex.tsx new file mode 100644 index 0000000..e8f7208 --- /dev/null +++ b/app/components/AlbumsIndex.tsx @@ -0,0 +1,41 @@ +let albumsData = [ + { + id : "1", + type : "Art & Craft Album", + img : "/assets/athumbnail1.jpg", + url : "/albums/art-&-craft" + }, + { + id : "2", + type : "GK & Group Activity", + img : "/assets/athumbnail2.jpg", + url : "/albums/gk-&-group-activity" + }, + { + id : "3", + type : "Language & Maths", + img : "/assets/athumbnail3.jpg", + url : "/albums/language-&-maths" + } +] + + +export default function AlbumIndex(){ + return( +
+
+
+ { + albumsData.map((data) => ( + + +

{data.type}

+ + )) + } +
+
+
+
+ ) +} \ No newline at end of file diff --git a/app/components/StartCourse.tsx b/app/components/MyCoursePracticalModule.tsx similarity index 83% rename from app/components/StartCourse.tsx rename to app/components/MyCoursePracticalModule.tsx index 6eaab09..6f45084 100644 --- a/app/components/StartCourse.tsx +++ b/app/components/MyCoursePracticalModule.tsx @@ -26,7 +26,7 @@ const materialData: MaterialItem[] = [ type: "Video", time: "30 mins", date: "28-01-2024", - source: "https://videos.pexels.com/video-files/3195394/3195394-uhd_2560_1440_25fps.mp4" + source: "https://videos.pexels.com/video-files/5538137/5538137-sd_640_360_25fps.mp4" }, { id: 3, @@ -53,7 +53,7 @@ const materialData: MaterialItem[] = [ type: "Video", time: "30 mins", date: "28-01-2024", - source: "https://videos.pexels.com/video-files/3195394/3195394-uhd_2560_1440_25fps.mp4" + source: "https://videos.pexels.com/video-files/5532762/5532762-sd_960_506_25fps.mp4" }, { id: 6, @@ -62,7 +62,7 @@ const materialData: MaterialItem[] = [ type: "Video", time: "30 mins", date: "28-01-2024", - source: "https://videos.pexels.com/video-files/3195394/3195394-uhd_2560_1440_25fps.mp4" + source: "https://videos.pexels.com/video-files/5538262/5538262-sd_640_360_25fps.mp4" } ]; @@ -93,14 +93,16 @@ const TimelineComponent = () => { return (
-
-
- +
+
+
+ +
-
-
+
+
{selectedItem.type === 'Video' && ( -