[ImgBot] Optimize images

.github/workflows/main.yml

@@ -0,0 +1,64 @@
+name: Deploy Next.js site to Pages
+
+on:
+  # Runs on pushes targeting the working branch
+  push:
+    branches:
+      - working
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Run install
+        uses: borales/actions-yarn@v4
+        with:
+          cmd: install # will run `yarn install` command
+
+      - name: Build production bundle
+        uses: borales/actions-yarn@v4
+        with:
+          cmd: build # will run `yarn build` command
+
+      - name: Setup Pages
+        id: setup_pages
+        uses: actions/configure-pages@v5
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./out
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -21,3 +21,7 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+#next
+.next
+.vscode

asset-manifest.json

@@ -0,0 +1,35 @@
+{
+  "files": {
+    "main.css": "/static/css/main.fcc773a3.chunk.css",
+    "main.js": "/static/js/main.e15adbfb.chunk.js",
+    "main.js.map": "/static/js/main.e15adbfb.chunk.js.map",
+    "runtime-main.js": "/static/js/runtime-main.beb17d61.js",
+    "runtime-main.js.map": "/static/js/runtime-main.beb17d61.js.map",
+    "static/css/2.cbee07c5.chunk.css": "/static/css/2.cbee07c5.chunk.css",
+    "static/js/2.c7591f6e.chunk.js": "/static/js/2.c7591f6e.chunk.js",
+    "static/js/2.c7591f6e.chunk.js.map": "/static/js/2.c7591f6e.chunk.js.map",
+    "static/js/3.b39ae24a.chunk.js": "/static/js/3.b39ae24a.chunk.js",
+    "static/js/3.b39ae24a.chunk.js.map": "/static/js/3.b39ae24a.chunk.js.map",
+    "e8c6accbe6ccad797504a6374f977aa0.js": "/e8c6accbe6ccad797504a6374f977aa0.js",
+    "e8c6accbe6ccad797504a6374f977aa0.js.LICENSE.txt": "/e8c6accbe6ccad797504a6374f977aa0.js.LICENSE.txt",
+    "index.html": "/index.html",
+    "static/css/2.cbee07c5.chunk.css.map": "/static/css/2.cbee07c5.chunk.css.map",
+    "static/css/main.fcc773a3.chunk.css.map": "/static/css/main.fcc773a3.chunk.css.map",
+    "static/js/2.c7591f6e.chunk.js.LICENSE.txt": "/static/js/2.c7591f6e.chunk.js.LICENSE.txt",
+    "static/media/hdd.9b8dbc3b.png": "/static/media/hdd.9b8dbc3b.png",
+    "static/media/photo.fa388ab8.jpg": "/static/media/photo.fa388ab8.jpg",
+    "static/media/pic1.e4635060.jpg": "/static/media/pic1.e4635060.jpg",
+    "static/media/pic2.3aa4b35e.jpg": "/static/media/pic2.3aa4b35e.jpg",
+    "static/media/pic3.69728d7f.jpg": "/static/media/pic3.69728d7f.jpg",
+    "static/media/profile.789992e9.svg": "/static/media/profile.789992e9.svg",
+    "static/media/project.cb868764.svg": "/static/media/project.cb868764.svg",
+    "static/media/research.8335af3b.svg": "/static/media/research.8335af3b.svg"
+  },
+  "entrypoints": [
+    "static/js/runtime-main.beb17d61.js",
+    "static/css/2.cbee07c5.chunk.css",
+    "static/js/2.c7591f6e.chunk.js",
+    "static/css/main.fcc773a3.chunk.css",
+    "static/js/main.e15adbfb.chunk.js"
+  ]
+}

components/mac/Constants/timelineData.json

@@ -0,0 +1,47 @@
+[
+    {
+        "title": "CICBA",
+        "description": "Gave a presentation on my paper at CICBA",
+        "date": "7-9 January 2021"
+    },
+    {
+        "title": "First Paper Acceptance",
+        "description": "My Paper on Knowledge Distillation got accepted at CICBA International Conference",
+        "date": "22 December 2020"
+    },
+    {
+        "title": "Blogging",
+        "description": "Wrote many blogs on platforms like medium and GFG",
+        "date": "Sep-Oct 2020"
+    },
+    {
+        "title": "Amazon SDE intern",
+        "description": "Selected as an Amazon Summer SDE Intern through campus internship drive of Jadavpur University",
+        "date": "8 September 2020"
+    },
+    {
+        "title": "SIH Winner",
+        "description": "My team become the winners of SIH 2020 for our app - EcoEden ( written in flutter )",
+        "date": "3 July 2020"
+    },
+    {
+        "title": "Analytical Intern at My Ways",
+        "description": "Started working as an analytical intern at My Ways",
+        "date": "4 June 2020"
+    },
+    {
+        "title": "Undergraduate Reasearch Intern at IIT Bombay",
+        "description": "Started working under professor Biblab Banerjee of IIT Bombay.",
+        "date": "4 April 2020"
+    },
+    {
+        "title": "Undergraduate Reasearch Intern at Jadavpur University",
+        "description": "Started working as an undergraduate researcher in CMATER(DVLP) Lab of Jadavpur University under Professor Nibaran Das.",
+        "date": "24 April 2019"
+    },
+    {
+        "title": "Jadavpur University, Kolkata ( CS 2022 Batch )",
+        "description": "My journey with Computer Science started with the orientation.",
+        "date": "2 August 2018"
+    }
+]

components/mac/Screens/About.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import Image from 'next/image'
+import Typewriter from 'typewriter-effect';
+
+
+const About = () : any => {
+    return (
+        <div>
+            <div className="items-center flex flex-col h-full w-full">
+                <Image unoptimized src="/assets/photo.jpg" alt='A selfie of myself' height={70} width={60}  className="h-2/5 w-4/5 overflow-hidden rounded-3xl mt-2 ring-4 ring-black"></Image>
+                <div className="text-black dark:text-white mt-4 font-black text-2xl">Shuvayan Ghosh Dastidar</div>
+                <div className="text-black dark:text-white mt-4 font-semibold text-lg flex flex-row">Hey, I am a<Typewriter
+                    options={{
+                        strings: ['- Web Developer', '- Computer Vision Enthusiast', '- Competitive Programmer'],
+                        autoStart: true,
+                        loop: true,
+                    }}
+
+                /> </div>
+                <div className="absolute bottom-0 mb-4 flex flex-row justify-center">
+                    <a href="https://www.facebook.com/shuvayan.ghoshdastidar">
+                        <ion-icon name="logo-facebook" style={{ fontSize: "30px", color: "blue", margin: "2px" }}/>
+                    </a>
+                    <a href="https://www.instagram.com/chroma_mania/">
+                        <Image src="/assets/insta.jpeg" alt='Instagram icon' width={30} height={100} style={{ margin:"2px" }}/>
+                    </a>
+                    <a href="https://www.linkedin.com/in/shuvayan-ghosh-dastidar/">                    
+                        <ion-icon name="logo-linkedin" style={{ fontSize: "30px", color: "#0077B5", margin: "2px" }}/>
+                    </a>
+                    <a href="https://github.com/TheSYNcoder/">
+                        <ion-icon name="logo-github" style={{ fontSize: "30px", color: "black", margin :"2px" }} />
+                    </a>
+                    <a href="https://twitter.com/TheSYNcoder">
+                        <ion-icon name="logo-twitter" style={{ fontSize: "30px", color: "lightblue", margin: "2px" }}/>
+                    </a>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default About;

components/mac/Screens/Projects.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+const Projects = () => {
+
+    const projectList = [
+        {
+            title : 'Jadavpur University Compiler Compiler',
+            description : 'A LL(1) parser written in C++. It supports dynamic grammar files for parsing different languages and visualizes the abstract syntax tree using Treant.js', 
+            link: 'https://github.com/TheSYNcoder/JuCC',
+            featImage: 'https://user-images.githubusercontent.com/42897033/116920657-8acdf480-ac70-11eb-8d3f-46cf27fcb1a1.png' ,
+        },
+        {
+            title : 'An Assembler',
+            description: 'Implementation of a two-pass assembler involving tries for fast in-memory opcode fetch and has implementation of loader and linkers for linking the object file created to make an executable file.',
+            link: 'https://github.com/TheSYNcoder/ProprietaryAssembler',
+            featImage: 'https://images.unsplash.com/photo-1583109193439-1ebb113bceac?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1237&q=80' ,
+        },
+        // {
+        //     title : 'Budgify',
+        //     description: 'A personal savings app to maintain your day to day expenses and incomes. The app has many features such as tracking expenses and visualizing them',
+        //     link: 'https://play.google.com/store/apps/details?id=com.budgify',
+        //     featImage: 'https://play-lh.googleusercontent.com/WN77wvQymKgTcOBXt1o-C6hSQfTOcorhkYr6VpXAWf0bvm5tDHSAPPRNC7ev-nn3fPM=s180-rw',
+        // },
+    ]
+
+    return  (
+        <div className="h-full w-full flex flex-col items-center ">
+            <div className="text-black dark:text-white font-black text-xl mt-2 p-2">Featured Projects</div>
+            <div className="flex w-11/12 flex-col">{
+                projectList.map(proj => <div key={proj.title} className="border-2 border-blue-500 p-2 my-2 flex flex-col w-full shadow-xl">
+                    <div className="flex flex-row">
+                        <img className=" w-4/12 rounded-xl " src={proj.featImage}></img>
+                        <div className="ml-2 w-8/12">
+                            <div className="text-md dark:text-white text-black font-bold ">{proj.title}</div>
+                            <div className="text-md dark:text-gray-200 text-gray-600 font-normal ">{proj.description}</div>
+                            <a className="text-sm dark:text-white text-black font-medium hover:text-gray-800" href={proj.link}> <ion-icon name="link-outline" size="large" />View Project </a>
+                        </div>
+                    </div>
+                </div>)
+            }</div>
+        </div>
+    )
+}
+
+export default Projects;

components/mac/Screens/Research.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+const Research = () => {
+    return (
+        <div>
+            <div className="items-center flex flex-col h-full w-full">
+                <div className="text-xl dark:text-white text-black font-black">Research Work</div>
+                <div className="flex mx-7 my-3">
+                    <ul className="list-none">
+                        <li className="text-md font-medium dark:text-white text-black my-2">Worked at Jadavapur University CMATER (DVLP) Lab and was involved in making classification and segmentation models for the task of scene text detection. Also worked on making of the  <a className="border-b-2 border-black dark:border-white" href="https://dvlp.herokuapp.com/">Lab website</a></li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">Worked under Prof. Biplab Banerjee of Indian Institute of Technology, Bombay to develop models for screening of covid affected patients from Chest-Xray images. Many appraches were experimented upon including an adversarial approach involving domain adaptation.</li>
+                    </ul>
+                </div>
+                <div className="text-xl dark:text-white text-black font-black">Publications and Blogs</div>
+                <div className="flex mx-7 my-3">
+                    <ul className="list-decimal">
+                        <li className="text-md font-medium dark:text-white text-black my-2">Accepted at CICBA international conference - Exploring Knowledge Distillation of a Deep Neural Network for Multi-Script identification . <a className="border-b-2 border-black dark:border-white" href="https://arxiv.org/abs/2102.10335">[Link]</a> . <a className="border-b-2 border-black dark:border-white" href="https://drive.google.com/file/d/1ReOFt0V73ASUDIk02pL1ubYUb_duEVgH/view?usp=sharing">[Certificate]</a> </li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">Image processing with OpenCV published in medium publication - Towards AI. <a className="border-b-2 border-black dark:border-white" href="https://pub.towardsai.net/image-processing-basics-through-opencv-e9cbc6130821">[Link]</a></li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">Spring Boot web application and making a docker container and dockerizing it in medium publication - Geek Culture. <a className="border-b-2 border-black dark:border-white" href="https://medium.com/geekculture/a-full-stack-e-commerce-application-using-spring-boot-and-making-a-docker-container-eff46f6f4e14">[Link]</a></li>
+                        <li className="text-md font-medium dark:text-white text-black my-2">A React frontend for a spring boot application in medium publication - Geek Culture. <a className="border-b-2 border-black dark:border-white" href="https://medium.com/geekculture/a-reactjs-web-application-with-a-spring-boot-backend-and-containerizing-it-using-docker-3eeaed8cb45a">[Link]</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Research;

components/mac/Screens/Resume.tsx

@@ -0,0 +1,6 @@
+
+const Resume = () => {
+    return <iframe className="h-full w-full" src="/assets/shuvayan.pdf" title="Shuvayan's Resume"></iframe>
+}
+
+export default Resume;

components/mac/Screens/Timeline.tsx

@@ -0,0 +1,53 @@
+import React from "react";
+
+import { gsap } from "gsap";
+import data from "../Constants/timelineData.json";
+
+const Timeline = () => {
+    const items = data;
+
+
+    const hide = (elem: JSX.Element) => {
+        gsap.set(elem, { autoAlpha: 0 });
+    };
+
+
+    return (
+        <div className="flex flex-col">
+            <div className="dark:text-white text-black font-black text-2xl mt-4 w-full text-center">Timeline</div>
+            <div className="timeline">
+                <ul>
+                    {items.map((te, idx) => {
+                        return (
+                            <li key={`${te.title}_${te.date}`}>
+                                <div className="content">
+                                    <h3
+                                        className={`animate ${idx % 2 === 0 ? "slide_from_left" : "slide_from_right"
+                                            }`}
+                                    >
+                                        {te.title}
+                                    </h3>
+                                    <p
+                                        className={`animate ${idx % 2 === 0 ? "slide_from_left" : "slide_from_right"
+                                            }`}
+                                    >
+                                        {te.description}
+                                    </p>
+                                </div>
+                                <div
+                                    className={`time animate ${idx % 2 === 0 ? "slide_from_right" : "slide_from_left"
+                                        }`}
+                                >
+                                    <h4>{te.date}</h4>
+                                </div>
+                            </li>
+                        );
+                    })}
+                    <div style={{ clear: "both" }}></div>
+                </ul>
+            </div>
+        </div>
+    );
+};
+
+export default Timeline;