project.js

// Add Project List in Array Here
// This is used to simplify things instead of adding long code in html

let project_list = [
    {
        Name: 'Youtube Converter',
        ModalColor: 'White',
        Description: "A online website that can convert your desired youtube link to mp3/mp4 file for download usage.",
        Version: "-",
        Link: 'https://github.com/Pynata/02-Youtube-Converter',
        Image: 'https://cdn.dribbble.com/users/2939235/screenshots/7085112/media/5a60937babf66a0001ea7a7de8707407.png?compress=1&resize=1200x900',
        Badges: [{
            Tag: 'Github',
            TextColor: 'white',
            Bgcolor: 'black' 
        },
        {
            Tag: 'Python',
            TextColor: 'white',
            Bgcolor: 'blue' 
        },
        {
            Tag: 'In Progress',
            TextColor: 'black',
            Bgcolor: '#FFC107' 
        }]
    }, 
    {
        Name: 'Van Paradise',
        ModalColor: 'Black',
        Description: "A discord bot that is capable for music playing, levelling system and mini game",
        Version: "v.3.1",
        Link: 'https://github.com/Laikaiyong/Van-Paradise',
        Image: 'https://cdn.dribbble.com/users/281679/screenshots/14897126/media/f52c47307ac2daa0c727b1840c41d5ab.png?compress=1&resize=1000x750',
        Badges: [{
            Tag: 'Github',
            TextColor: 'white',
            Bgcolor: 'black' 
        },
        {
            Tag: 'Python',
            TextColor: 'white',
            Bgcolor: 'blue' 
        },
        {
            Tag: 'Discord',
            TextColor: 'white',
            Bgcolor: '#17A2B8' 
        }]
    },
    {
        Name: 'KYGorGor Bot',
        ModalColor: 'white',
        Description: "A discord bot that act as butler bot (welcoming message, server description)",
        Version: "v.6.1",
        Link: 'https://github.com/Laikaiyong/KY-Gor-Gor-Bot',
        Image: 'https://cdn.dribbble.com/users/1069040/screenshots/13871963/media/37eef1639e0e048d8f28d7fd65bdd503.png?compress=1&resize=800x600',
        Badges: [{
            Tag: 'Github',
            TextColor: 'white',
            Bgcolor: 'black' 
        },
        {
            Tag: 'Python',
            TextColor: 'white',
            Bgcolor: 'blue' 
        },
        {
            Tag: 'Discord',
            TextColor: 'white',
            Bgcolor: '#17A2B8' 
        }]
    },
    {
        Name: 'RPG Game',
        ModalColor: 'Black',
        Description: "RPG Game (Idea generating)",
        Version: "-",
        Link: 'https://github.com/Pynata/04-RPG-Game',
        Image: 'https://cdn.dribbble.com/users/989466/screenshots/6639761/canopy-two-dots-rpg-map-drib-crop-volcanic-_2x_4x.png?compress=1&resize=1200x900',
        Badges: [{
            Tag: 'Github',
            TextColor: 'white',
            Bgcolor: 'black' 
        },
        {
            Tag: 'In Progress',
            TextColor: 'black',
            Bgcolor: '#FFC107' 
        }]
    },
    {
        Name: 'Ads Blocker',
        ModalColor: 'Black',
        Description: "Free Ads blocker extension for Chrome Browser. ",
        Version: "-",
        Link: 'https://github.com/Pynata/03-Ads-Blocker',
        Image: 'https://getadblock.com/images/platforms/firefox/firefox_hero_image_exportable.svg?v=da2b0808',
        Badges: [{
            Tag: 'Github',
            TextColor: 'white',
            Bgcolor: 'black' 
        },
        {
            Tag: 'In Progress',
            TextColor: 'black',
            Bgcolor: '#FFC107' 
        }]
    },
    {
        Name: 'Social Media App',
        ModalColor: 'white',
        Description: "Social media app (Idea generating)",
        Version: "-",
        Link: 'https://github.com/Pynata/05-Social-Media-App',
        Image: 'https://cdn.dribbble.com/users/2510246/screenshots/5089720/illustration.png?compress=1&resize=800x600',
        Badges: [{
            Tag: 'Github',
            TextColor: 'white',
            Bgcolor: 'black' 
        },
        {
            Tag: 'In Progress',
            TextColor: 'black',
            Bgcolor: '#FFC107' 
        }]
    }
]