text: 
      let cards = [
    {
      "name": "2X2 Game",
      "page_link": "./art/2X2-game-main/index.html",
      "art_icon": "./art/2X2-game-main/icon.png",
      "author_name": "Rozen",
      "author_github_url": "https://github.com/Rozen2007/"
    },
    {
      "name": "HeartPirates",
      "page_link": "./art/Abdo_AK_ST/index.html",
      "art_icon": "./art/Abdo_AK_ST/icon.png",
      "author_name": "AbdoAKST",
      "author_github_url": "https://github.com/Abdellah-ST"
    },
    {
      "name": "Simple Box",
      "page_link": "./art/Abhinav_Lugun/index.html",
      "art_icon": "./art/Abhinav_Lugun/icon.png",
      "author_name": "aal",
      "author_github_url": "https://github.com/aal2015"
    },
    {
      "name": "Adwaith@Hacktober",
      "page_link": "./art/Adwaith@HacktoberFest/index.html",
      "art_icon": "./art/Adwaith@HacktoberFest/icon.png",
      "author_name": "Adwaith",
      "author_github_url": "https://github.com/Adwaith123/"
    },
    {
      "name": "HackitOn2021",
      "page_link": "./art/AdwaithRajesh/index.html",
      "art_icon": "./art/AdwaithRajesh/icon.png",
      "author_name": "AdwaithRajesh",
      "author_github_url": "https://github.com/Adwaith123/"
    },
    {
      "name": "glow",
      "page_link": "./art/Anuj_Mishra/index.html",
      "art_icon": "./art/Anuj_Mishra/icon.png",
      "author_name": "Anuj_Mishra",
      "author_github_url": "https://github.com/ANmishra-a"
    },
    {
      "name": "Colorful Stars",
      "page_link": "./art/BeeBeeWeb/index.html",
      "art_icon": "./art/BeeBeeWeb/icon.png",
      "author_name": "BeeBeeWeb",
      "author_github_url": "https://github.com/BeeBeeWeb/"
    },
    {
      "name": "Running Colorful Stars",
      "page_link": "./art/BeeBeeWeb _2/index.html",
      "art_icon": "./art/BeeBeeWeb _2/icon.png",
      "author_name": "BeeBeeWeb",
      "author_github_url": "https://github.com/BeeBeeWeb/"
    },
    {
      "name": "Colorful Drawing",
      "page_link": "./art/BeeBeeWeb_1/index.html",
      "art_icon": "./art/BeeBeeWeb_1/icon.png",
      "author_name": "BeeBeeWeb",
      "author_github_url": "https://github.com/BeeBeeWeb/"
    },
    {
      "name": "Diamond💎",
      "page_link": "./art/CapUz-Canvas2/index.html",
      "art_icon": "./art/CapUz-Canvas2/icon.png",
      "author_name": "Uzma FKhan",
      "author_github_url": "https://github.com/uzma024"
    },
    {
      "name": "Harry Potter",
      "page_link": "./art/CapUz-Canvas3/index.html",
      "art_icon": "./art/CapUz-Canvas3/icon.png",
      "author_name": "Uzma FKhan",
      "author_github_url": "https://github.com/uzma024"
    },
    {
      "name": "Indian Flag",
      "page_link": "./art/CaptainUz/index.html",
      "art_icon": "./art/CaptainUz/icon.png",
      "author_name": "Uzma FKhan",
      "author_github_url": "https://github.com/uzma024"
    },
    {
      "name": "Halloween Pumpkin",
      "page_link": "./art/CarmenIancu/index.html",
      "art_icon": "./art/CarmenIancu/icon.png",
      "author_name": "Carmen",
      "author_github_url": "https://github.com/carmeniancu/"
    },
    {
      "name": "Days Till Xmas",
      "page_link": "./art/CarmenIancu2/index.html",
      "art_icon": "./art/CarmenIancu2/icon.png",
      "author_name": "Carmen",
      "author_github_url": "https://github.com/carmeniancu/"
    },
    {
      "name": "Albanian Flag",
      "page_link": "./art/Coku/index.html",
      "art_icon": "./art/Coku/icon.png",
      "author_name": "Coku",
      "author_github_url": "https://github.com/MrCoku/"
    },
    {
      "name": "Apple Logo",
      "page_link": "./art/Coku_2/index.html",
      "art_icon": "./art/Coku_2/icon.png",
      "author_name": "Coku",
      "author_github_url": "https://github.com/MrCoku/"
    },
    {
      "name": "France Flag",
      "page_link": "./art/Divya_Niranjan/index.html",
      "art_icon": "./art/Divya_Niranjan/icon.png",
      "author_name": "Divya Niranjan",
      "author_github_url": "https://github.com/Divya-Niranjan"
    },
    {
      "name": "Dominos Logo",
      "page_link": "./art/Dominos/index.html",
      "art_icon": "./art/Dominos/icon.png",
      "author_name": "Uzma FKhan",
      "author_github_url": "https://github.com/uzma024"
    },
    {
      "name": "Pixel the HTML5 Cat",
      "page_link": "./art/Gab990/index.html",
      "art_icon": "./art/Gab990/icon.png",
      "author_name": "Gab990",
      "author_github_url": "https://github.com/Gab990/"
    },
    {
      "name": "Hacktober-Gita-Quote",
      "page_link": "./art/Gita-Quote/index.html",
      "art_icon": "./art/Gita-Quote/icon.png",
      "author_name": "Harshit",
      "author_github_url": "https://github.com/harshitbhat/"
    },
    {
      "name": "Moving Duck",
      "page_link": "./art/Gurpreet_Singh/index.html",
      "art_icon": "./art/Gurpreet_Singh/icon.png",
      "author_name": "Gurpreet Singh",
      "author_github_url": "https://github.com/preetchani"
    },
    {
      "name": "Basic Shapes",
      "page_link": "./art/Gurpreet_Singh2498/index.html",
      "art_icon": "./art/Gurpreet_Singh2498/icon.png",
      "author_name": "Gurpreet Singh",
      "author_github_url": "https://github.com/preetchani"
    },
    {
      "name": "Thank You",
      "page_link": "./art/Gurpreet_singh98/index.html",
      "art_icon": "./art/Gurpreet_singh98/icon.png",
      "author_name": "Gurpreet Singh",
      "author_github_url": "https://github.com/preetchani"
    },
    {
      "name": "Hacktober-Aum",
      "page_link": "./art/Harshit-Bhat/index.html",
      "art_icon": "./art/Harshit-Bhat/icon.png",
      "author_name": "Harshit Bhat",
      "author_github_url": "https://github.com/harshitbhat/"
    },
    {
      "name": "Korean Flag",
      "page_link": "./art/Insidiae/index.html",
      "art_icon": "./art/Insidiae/icon.png",
      "author_name": "Insidiae",
      "author_github_url": "https://github.com/Insidiae/"
    },
    {
      "name": "Math Flower",
      "page_link": "./art/Insidiae2/index.html",
      "art_icon": "./art/Insidiae2/icon.png",
      "author_name": "Insidiae",
      "author_github_url": "https://github.com/Insidiae/"
    },
    {
      "name": "HacktoberClock",
      "page_link": "./art/James_Crawford/index.html",
      "art_icon": "./art/James_Crawford/icon.png",
      "author_name": "James Crawford",
      "author_github_url": "https://github.com/JMCrawf/"
    },
    {
      "name": "React-Logo",
      "page_link": "./art/JotSingh/index.html",
      "art_icon": "./art/JotSingh/icon.png",
      "author_name": "Jot Singh",
      "author_github_url": "https://github.com/JotSinghChawla"
    },
    {
      "name": "Indian-Flag",
      "page_link": "./art/JotSinghChawla/index.html",
      "art_icon": "./art/JotSinghChawla/icon.png",
      "author_name": "Jot Singh",
      "author_github_url": "https://github.com/JotSinghChawla"
    },
    {
      "name": "Netflix-Logo",
      "page_link": "./art/Jot_Singh/index.html",
      "art_icon": "./art/Jot_Singh/icon.png",
      "author_name": "Jot Singh",
      "author_github_url": "https://github.com/JotSinghChawla"
    },
    {
      "name": "Instagram-Logo",
      "page_link": "./art/Jot_Singh_Chawla/index.html",
      "art_icon": "./art/Jot_Singh_Chawla/icon.png",
      "author_name": "Jot Singh",
      "author_github_url": "https://github.com/JotSinghChawla"
    },
    {
      "name": "Undertaker Logo",
      "page_link": "./art/Kanwarbir02/index.html",
      "art_icon": "./art/Kanwarbir02/icon.png",
      "author_name": "Kanwarbir Singh",
      "author_github_url": "https://github.com/Kanwarbir02"
    },
    {
      "name": "Adventure Time ",
      "page_link": "./art/KevinArt/index.html",
      "art_icon": "./art/KevinArt/icon.png"
    },
    {
      "name": "Toast",
      "page_link": "./art/MLousdal/index.html",
      "art_icon": "./art/MLousdal/icon.png",
      "author_name": "MLousdal",
      "author_github_url": "https://github.com/MLousdal/"
    },
    {
      "name": "Random Shapes Grid",
      "page_link": "./art/ManishKumarDas/index.html",
      "art_icon": "./art/ManishKumarDas/icon.png",
      "author_name": "Manish Kumar Das",
      "author_github_url": "https://github.com/the-halfbloodprince"
    },
    {
      "name": "Bubbles",
      "page_link": "./art/ManishKumarDas2/index.html",
      "art_icon": "./art/ManishKumarDas2/icon.png",
      "author_name": "Manish Kumar Das",
      "author_github_url": "https://github.com/the-halfbloodprince"
    },
    {
      "name": "Microsoft Logo",
      "page_link": "./art/Navdeepsingh4298-Microsoft-Logo/index.html",
      "art_icon": "./art/Navdeepsingh4298-Microsoft-Logo/icon.png",
      "author_name": "Navdeep Singh",
      "author_github_url": "https://github.com/navdeepsingh4298/"
    },
    {
      "name": "HP Logo",
      "page_link": "./art/Navdeepsingh4298-hp-logo/index.html",
      "art_icon": "./art/Navdeepsingh4298-hp-logo/icon.png",
      "author_name": "Navdeep Singh",
      "author_github_url": "https://github.com/navdeepsingh4298/"
    },
    {
      "name": "NishantDraw",
      "page_link": "./art/Nishant_Minerva/index.html",
      "art_icon": "./art/Nishant_Minerva/icon.png",
      "author_name": "Nishant Minerva",
      "author_github_url": "https://github.com/nishantminerva"
    },
    {
      "name": "Squid Game Logo",
      "page_link": "./art/PasinduAkalpa/index.html",
      "art_icon": "./art/PasinduAkalpa/icon.png",
      "author_name": "Pasindu Akalpa",
      "author_github_url": "https://github.com/pAkalpa/"
    },
    {
      "name": "Smiley",
      "page_link": "./art/PaulCalnan/index.html",
      "art_icon": "./art/PaulCalnan/icon.png",
      "author_name": "Paul Calnan",
      "author_github_url": "https://github.com/PaulCalnan"
    },
    {
      "name": "Infinity Triangle",
      "page_link": "./art/PolisanTheEasyNick/index.html",
      "art_icon": "./art/PolisanTheEasyNick/icon.png",
      "author_name": "Oleh (ob3r0n_)",
      "author_github_url": "https://github.com/PolisanTheEasyNick/"
    },
    {
      "name": "Minion",
      "page_link": "./art/RaghavendraAchar/index.html",
      "art_icon": "./art/RaghavendraAchar/icon.png",
      "author_name": "RaghavendraAchar",
      "author_github_url": "https://github.com/Raghav14200"
    },
    {
      "name": "Germany Flag",
      "page_link": "./art/RaghavendraAchar2/index.html",
      "art_icon": "./art/RaghavendraAchar2/icon.png",
      "author_name": "RaghavendraAchar",
      "author_github_url": "https://github.com/Raghav14200"
    },
    {
      "name": "Captain America shield",
      "page_link": "./art/RaghavendraAchar3/index.html",
      "art_icon": "./art/RaghavendraAchar3/icon.png",
      "author_name": "RaghavendraAchar",
      "author_github_url": "https://github.com/Raghav14200"
    },
    {
      "name": "deathly hallows symbol",
      "page_link": "./art/RaghavendraAchar4/index.html",
      "art_icon": "./art/RaghavendraAchar4/icon.png",
      "author_name": "RaghavendraAchar",
      "author_github_url": "https://github.com/Raghav14200"
    },
    {
      "name": "Grow_Dots",
      "page_link": "./art/Rajbir_banerjee/index.html",
      "art_icon": "./art/Rajbir_banerjee/icon.png",
      "author_name": "Rajbir Banerjee",
      "author_github_url": "https://github.com/rajbir21-droid"
    },
    {
      "name": "Superman-Logo",
      "page_link": "./art/Rajbir_banerjee_2/index.html",
      "art_icon": "./art/Rajbir_banerjee_2/icon.png",
      "author_name": "Rajbir Banerjee",
      "author_github_url": "https://github.com/rajbir21-droid"
    },
    {
      "name": "Flag of Switzerland",
      "page_link": "./art/Rajbir_banerjee_3/index.html",
      "art_icon": "./art/Rajbir_banerjee_3/icon.png",
      "author_name": "Rajbir Banerjee",
      "author_github_url": "https://github.com/rajbir21-droid"
    },
    {
      "name": "The Black Moon",
      "page_link": "./art/RiocArt/index.html",
      "art_icon": "./art/RiocArt/icon.png",
      "author_name": "Rio Cantre",
      "author_github_url": "https://github.com/RioCantre"
    },
    {
      "name": "India Logo",
      "page_link": "./art/Shaikh_Mohammad_Danish/index.html",
      "art_icon": "./art/Shaikh_Mohammad_Danish/icon.png",
      "author_name": "Shaikh Mohammad Danish",
      "author_github_url": "https://github.com/SMD-1"
    },
    {
      "name": "Paper-Rocket",
      "page_link": "./art/ShyamNR/index.html",
      "art_icon": "./art/ShyamNR/icon.png",
      "author_name": "Shyam NR",
      "author_github_url": "https://github.com/Shyam-NR/"
    },
    {
      "name": "Tokyo-Olympics",
      "page_link": "./art/Surya742/index.html",
      "art_icon": "./art/Surya742/icon.png",
      "author_name": "Surya Kumar Sahani",
      "author_github_url": "https://github.com/Surya742/"
    },
    {
      "name": "Hello Hacktoberfest 2021",
      "page_link": "./art/ThesllaDev/index.html",
      "art_icon": "./art/ThesllaDev/icon.png",
      "author_name": "ThesllaDev",
      "author_github_url": "https://github.com/ThesllaDev/"
    },
    {
      "name": "JustTom",
      "page_link": "./art/Tom_Sprotte/index.html",
      "art_icon": "./art/Tom_Sprotte/icon.png",
      "author_name": "JustTom77",
      "author_github_url": "https://github.com/JustTom77"
    },
    {
      "name": "Rotate",
      "page_link": "./art/Ukesh-dev/index.html",
      "art_icon": "./art/Ukesh-dev/icon.png",
      "author_name": "Ukesh Shrestha",
      "author_github_url": "https://github.com/Ukesh-dev"
    },
    {
      "name": "India_Using_Canvas",
      "page_link": "./art/VigneshG1616/index.html",
      "art_icon": "./art/VigneshG1616/icon.png",
      "author_name": "Vignesh_G",
      "author_github_url": "https://github.com/VigneshG1616/"
    },
    {
      "name": "Unknown",
      "page_link": "./art/Vivek2509/index.html",
      "art_icon": "./art/Vivek2509/icon.png",
      "author_name": "Vivek2509",
      "author_github_url": "https://github.com/"
    },
    {
      "name": "fREEdOM",
      "page_link": "./art/aditya_singh/index.html",
      "art_icon": "./art/aditya_singh/icon.png",
      "author_name": "Aditya",
      "author_github_url": "https://github.com/adityasingh2509"
    },
    {
      "name": "HacktoberRotation!",
      "page_link": "./art/anirbansarkar/index.html",
      "art_icon": "./art/anirbansarkar/icon.png",
      "author_name": "Anirban",
      "author_github_url": "https://github.com/anirban-s/"
    },
    {
      "name": "Bubbles",
      "page_link": "./art/anirbansarkar2/index.html",
      "art_icon": "./art/anirbansarkar2/icon.png",
      "author_name": "Anirban",
      "author_github_url": "https://github.com/anirban-s/"
    },
    {
      "name": "Drawing Circle",
      "page_link": "./art/anirbansarkar3/index.html",
      "art_icon": "./art/anirbansarkar3/icon.png",
      "author_name": "Anirban",
      "author_github_url": "https://github.com/anirban-s/"
    },
    {
      "name": "Purple Star",
      "page_link": "./art/anirbansarkar4/index.html",
      "art_icon": "./art/anirbansarkar4/icon.png",
      "author_name": "Anirban",
      "author_github_url": "https://github.com/anirban-s/"
    },
    {
      "name": "DotPattern",
      "page_link": "./art/ankeshp03/index.html",
      "art_icon": "./art/ankeshp03/icon.png",
      "author_name": "Ankesh Paramanik",
      "author_github_url": "https://github.com/ankeshp03/"
    },
    {
      "name": "Crayon Data Logo",
      "page_link": "./art/arvindtronics/index.html",
      "art_icon": "./art/arvindtronics/icon.png",
      "author_name": "Arvind Kumar Thoppe",
      "author_github_url": "https://github.com/ARVINDTRONICS/"
    },
    {
      "name": "Particles of Beauty",
      "page_link": "./art/atchyut_theonly1me/index.html",
      "art_icon": "./art/atchyut_theonly1me/icon.png",
      "author_name": "Atchyut Preetham Pulavarthi / theonly1me",
      "author_github_url": "https://github.com/theonly1me/"
    },
    {
      "name": "circle-design",
      "page_link": "./art/ayushijaiswal/index.html",
      "art_icon": "./art/ayushijaiswal/icon.png",
      "author_name": "Ayushi-Jaiswal",
      "author_github_url": "https://github.com/ayushi25jaiswal"
    },
    {
      "name": "Star Pattern",
      "page_link": "./art/barbara-d/index.html",
      "art_icon": "./art/barbara-d/icon.png",
      "author_name": "Barbara",
      "author_github_url": "https://github.com/Barbara-D/"
    },
    {
      "name": "HacktobersimpleParticle",
      "page_link": "./art/belalbilaldev1/index.html",
      "art_icon": "./art/belalbilaldev1/icon.png",
      "author_name": "belaldev",
      "author_github_url": "https://github.com/belalbilaldev"
    },
    {
      "name": "HacktoberHouse",
      "page_link": "./art/bk987/index.html",
      "art_icon": "./art/bk987/icon.png",
      "author_name": "bk987",
      "author_github_url": "https://github.com/bk987"
    },
    {
      "name": "ZTM",
      "page_link": "./art/bk987-2/index.html",
      "art_icon": "./art/bk987-2/icon.png",
      "author_name": "bk987",
      "author_github_url": "https://github.com/bk987"
    },
    {
      "name": "BouncingBalls",
      "page_link": "./art/bk987-3/index.html",
      "art_icon": "./art/bk987-3/icon.png",
      "author_name": "bk987",
      "author_github_url": "https://github.com/bk987"
    },
    {
      "name": "ColorfulTrail",
      "page_link": "./art/bk987-4/index.html",
      "art_icon": "./art/bk987-4/icon.png",
      "author_name": "bk987",
      "author_github_url": "https://github.com/bk987"
    },
    {
      "name": "Bouncing Balls",
      "page_link": "./art/bryceDrawe/index.html",
      "art_icon": "./art/bryceDrawe/icon.png",
      "author_name": "bryce",
      "author_github_url": "https://github.com/bdrawe/"
    },
    {
      "name": "Ball Effect",
      "page_link": "./art/chathurasam/index.html",
      "art_icon": "./art/chathurasam/icon.png",
      "author_name": "Chathura Samarajeewa",
      "author_github_url": "https://github.com/ChathuraSam/"
    },
    {
      "name": "Snow-Fall",
      "page_link": "./art/chirayu_mittal/index.html",
      "art_icon": "./art/chirayu_mittal/icon.png",
      "author_name": "Chirayu Mittal",
      "author_github_url": "https://github.com/chirayumit001"
    },
    {
      "name": "Collision color changer",
      "page_link": "./art/chirayu_mittal_2/index.html",
      "art_icon": "./art/chirayu_mittal_2/icon.png",
      "author_name": "Chirayu Mittal",
      "author_github_url": "https://github.com/chirayumit001"
    },
    {
      "name": "A nice slice!",
      "page_link": "./art/ckosa/index.html",
      "art_icon": "./art/ckosa/icon.png",
      "author_name": "ckosa",
      "author_github_url": "https://github.com/ckosa/"
    },
    {
      "name": "Hack-o-lantern",
      "page_link": "./art/clintwinter/index.html",
      "art_icon": "./art/clintwinter/icon.png",
      "author_name": "Clint",
      "author_github_url": "https://github.com/ClintWinter/"
    },
    {
      "name": "Abu Dhabi flag",
      "page_link": "./art/coder284/index.html",
      "art_icon": "./art/coder284/icon.png",
      "author_name": "coder284",
      "author_github_url": "https://github.com/coder284"
    },
    {
      "name": "Japan flag",
      "page_link": "./art/coder284_2/index.html",
      "art_icon": "./art/coder284_2/icon.png",
      "author_name": "coder284",
      "author_github_url": "https://github.com/coder284"
    },
    {
      "name": "Doraemon",
      "page_link": "./art/coder284_3/index.html",
      "art_icon": "./art/coder284_3/icon.png",
      "author_name": "coder284",
      "author_github_url": "https://github.com/coder284"
    },
    {
      "name": "Circles",
      "page_link": "./art/coder284_4/index.html",
      "art_icon": "./art/coder284_4/icon.png",
      "author_name": "coder284",
      "author_github_url": "https://github.com/coder284"
    },
    {
      "name": "SpaceX Logo",
      "page_link": "./art/corquaid/index.html",
      "art_icon": "./art/corquaid/icon.png",
      "author_name": "Cormac Quaid",
      "author_github_url": "https://github.com/corquaid/"
    },
    {
      "name": "ZombieSlayer",
      "page_link": "./art/cyrus_mobini/index.html",
      "art_icon": "./art/cyrus_mobini/icon.png",
      "author_name": "Cyrus Mobini",
      "author_github_url": "https://github.com/milad2281"
    },
    {
      "name": "Clock",
      "page_link": "./art/deepaksaipendyala/index.html",
      "art_icon": "./art/deepaksaipendyala/icon.png",
      "author_name": "deepak sai pendyala",
      "author_github_url": "https://github.com/deepaksaipendyala"
    },
    {
      "name": "circumbow",
      "page_link": "./art/dewansh_Patle/index.html",
      "art_icon": "./art/dewansh_Patle/icon.png",
      "author_name": "Dewansh",
      "author_github_url": "https://github.com/dewansh16"
    },
    {
      "name": "Olympics",
      "page_link": "./art/ekta2901-1/index.html",
      "art_icon": "./art/ekta2901-1/icon.png",
      "author_name": "Ekta",
      "author_github_url": "https://github.com/ekta2901/"
    },
    {
      "name": "Hacktober Fest 2021",
      "page_link": "./art/ekta2901-2/index.html",
      "art_icon": "./art/ekta2901-2/icon.png",
      "author_name": "Ekta",
      "author_github_url": "https://github.com/ekta2901/"
    },
    {
      "name": "Draw Shapes",
      "page_link": "./art/ekta2901-3/index.html",
      "art_icon": "./art/ekta2901-3/icon.png",
      "author_name": "Ekta",
      "author_github_url": "https://github.com/ekta2901/"
    },
    {
      "name": "Sunset on a boat",
      "page_link": "./art/ekta2901-4/index.html",
      "art_icon": "./art/ekta2901-4/icon.png",
      "author_name": "Ekta",
      "author_github_url": "https://github.com/ekta2901/"
    },
    {
      "name": "LightSaber",
      "page_link": "./art/gabriel/index.html",
      "art_icon": "./art/gabriel/icon.png",
      "author_name": "gabriel",
      "author_github_url": "https://github.com/GabrielTeixeiraC/"
    },
    {
      "name": "Moon Phase",
      "page_link": "./art/gabriellend/index.html",
      "art_icon": "./art/gabriellend/icon.png",
      "author_name": "Gabrielle Davidson",
      "author_github_url": "https://github.com/gabriellend"
    },
    {
      "name": "Minecraft Target",
      "page_link": "./art/godnon-minecraft-target/index.html",
      "art_icon": "./art/godnon-minecraft-target/icon.png",
      "author_name": "Godnon",
      "author_github_url": "https://github.com/godnondsilva"
    },
    {
      "name": "Pixel Turquoise",
      "page_link": "./art/godnon-pixel-turquoise/index.html",
      "art_icon": "./art/godnon-pixel-turquoise/icon.png",
      "author_name": "Godnon",
      "author_github_url": "https://github.com/godnondsilva"
    },
    {
      "name": "Snowfall",
      "page_link": "./art/haylzrandom/index.html",
      "art_icon": "./art/haylzrandom/icon.png",
      "author_name": "HaylzRandom",
      "author_github_url": "https://github.com/HaylzRandom/"
    },
    {
      "name": "Traideas",
      "page_link": "./art/istiak/index.html",
      "art_icon": "./art/istiak/icon.png",
      "author_name": "Istiak",
      "author_github_url": "https://github.com/istiak227/"
    },
    {
      "name": "Freedom",
      "page_link": "./art/jeyson/index.html",
      "art_icon": "./art/jeyson/icon.png",
      "author_name": "Jeyson",
      "author_github_url": "https://github.com/jgonz19"
    },
    {
      "name": "Egg",
      "page_link": "./art/jkagawa/index.html",
      "art_icon": "./art/jkagawa/icon.png",
      "author_name": "Joshua",
      "author_github_url": "https://github.com/jkagawa/"
    },
    {
      "name": "Fun with Corners",
      "page_link": "./art/junaid_shah/index.html",
      "art_icon": "./art/junaid_shah/icon.png",
      "author_name": "Junaid shah",
      "author_github_url": "https://github.com/jsh854"
    },
    {
      "name": "Curvature",
      "page_link": "./art/kanwarjotp/index.html",
      "art_icon": "./art/kanwarjotp/icon.png",
      "author_name": "Kanwar Jot Parkash",
      "author_github_url": "https://github.com/kanwarjotp"
    },
    {
      "name": "HactoberSolar",
      "page_link": "./art/keithEbbett/index.html",
      "art_icon": "./art/keithEbbett/icon.png"
    },
    {
      "name": "Square animation",
      "page_link": "./art/ktra99/index.html",
      "art_icon": "./art/ktra99/icon.png",
      "author_name": "Kenny Tran",
      "author_github_url": "https://github.com/ktra99"
    },
    {
      "name": "3D-CUBE",
      "page_link": "./art/kunal.prakash/index.html",
      "art_icon": "./art/kunal.prakash/icon.png",
      "author_name": "Kunal Prakash",
      "author_github_url": "https://github.com/kunalprakash1309"
    },
    {
      "name": "The Dark Knight Logo",
      "page_link": "./art/lenspira/index.html",
      "art_icon": "./art/lenspira/icon.png",
      "author_name": "Leonard DeMarco",
      "author_github_url": "https://github.com/lenspira/"
    },
    {
      "name": "3D Ring",
      "page_link": "./art/leonyangela/index.html",
      "art_icon": "./art/leonyangela/icon.png",
      "author_name": "Leoni Angela",
      "author_github_url": "https://github.com/leonyangela"
    },
    {
      "name": "HacktoberFox!",
      "page_link": "./art/mattcsmith/index.html",
      "art_icon": "./art/mattcsmith/icon.png",
      "author_name": "Matt",
      "author_github_url": "https://github.com/MattCSmith/"
    },
    {
      "name": "Landscape",
      "page_link": "./art/mctrl/index.html",
      "art_icon": "./art/mctrl/icon.png",
      "author_name": "Mctrl",
      "author_github_url": "https://github.com/mctrl"
    },
    {
      "name": "UCI World Champion",
      "page_link": "./art/mikerobards/index.html",
      "art_icon": "./art/mikerobards/icon.png",
      "author_name": "Mike Robards",
      "author_github_url": "https://github.com/mikerobards"
    },
    {
      "name": "HacktoberSnailShell",
      "page_link": "./art/mohsin_sh/index.html",
      "art_icon": "./art/mohsin_sh/icon.png",
      "author_name": "mohsin_sh",
      "author_github_url": "https://github.com/mohsin_sh/"
    },
    {
      "name": "Russian Flag",
      "page_link": "./art/mrkc2303/index.html",
      "art_icon": "./art/mrkc2303/icon.png",
      "author_name": "Kanishk Chhabra",
      "author_github_url": "https://github.com/mrkc2303/"
    },
    {
      "name": "Indian Flag",
      "page_link": "./art/mrkc2303_1/index.html",
      "art_icon": "./art/mrkc2303_1/icon.png",
      "author_name": "Kanishk Chhabra",
      "author_github_url": "https://github.com/mrkc2303/"
    },
    {
      "name": "Chess Checkboard",
      "page_link": "./art/mrkc2303_2/index.html",
      "art_icon": "./art/mrkc2303_2/icon.png",
      "author_name": "Kanishk Chhabra",
      "author_github_url": "https://github.com/mrkc2303/"
    },
    {
      "name": "Sunset Scene",
      "page_link": "./art/mrkc2303_3/index.html",
      "art_icon": "./art/mrkc2303_3/icon.png",
      "author_name": "Kanishk Chhabra",
      "author_github_url": "https://github.com/mrkc2303/"
    },
    {
      "name": "Brazil Flag",
      "page_link": "./art/mrkc2303_4/index.html",
      "art_icon": "./art/mrkc2303_4/icon.png",
      "author_name": "Kanishk Chhabra",
      "author_github_url": "https://github.com/mrkc2303/"
    },
    {
      "name": "Vue Logo",
      "page_link": "./art/naresh-khatri-vue-logo/index.html",
      "art_icon": "./art/naresh-khatri-vue-logo/icon.png",
      "author_name": "Naresh Khatri",
      "author_github_url": "https://github.com/Naresh-Khatri"
    },
    {
      "name": "Snake Game",
      "page_link": "./art/nataliarossini/index.html",
      "art_icon": "./art/nataliarossini/icon.png",
      "author_name": "Natalia",
      "author_github_url": "https://github.com/nataliarossini/"
    },
    {
      "name": "Snowflake",
      "page_link": "./art/nataliarossini_/index.html",
      "art_icon": "./art/nataliarossini_/icon.png",
      "author_name": "Natalia",
      "author_github_url": "https://github.com/nataliarossini/"
    },
    {
      "name": "Visit Nepal",
      "page_link": "./art/nayanathapa/index.html",
      "art_icon": "./art/nayanathapa/icon.png",
      "author_name": "Nayana Thapa",
      "author_github_url": "https://github.com/nayana-thapa/"
    },
    {
      "name": "Tree",
      "page_link": "./art/nikki/index.html",
      "art_icon": "./art/nikki/icon.png",
      "author_name": "NikkiKal",
      "author_github_url": "https://github.com/NikkiKal"
    },
    {
      "name": "Flower",
      "page_link": "./art/nikkikal/index.html",
      "art_icon": "./art/nikkikal/icon.png",
      "author_name": "NikkiKal",
      "author_github_url": "https://github.com/NikkiKal"
    },
    {
      "name": "Geeky-Star",
      "page_link": "./art/nimrat/index.html",
      "art_icon": "./art/nimrat/icon.png",
      "author_name": "Nimrat Kaur",
      "author_github_url": "https://github.com/Geeky-star"
    },
    {
      "name": "ProLoading Max",
      "page_link": "./art/nisnym/index.html",
      "art_icon": "./art/nisnym/icon.png",
      "author_name": "NISNYM",
      "author_github_url": "https://github.com/nisnym/"
    },
    {
      "name": "Web-paint",
      "page_link": "./art/oryam/index.html",
      "art_icon": "./art/oryam/icon.png",
      "author_name": "oryam",
      "author_github_url": "https://github.com/or-yam/"
    },
    {
      "name": "Ascii Leaves",
      "page_link": "./art/patricceam2/index.html",
      "art_icon": "./art/patricceam2/icon.png",
      "author_name": "Patrice",
      "author_github_url": "https://github.com/PatriceAm"
    },
    {
      "name": "Simple Tree",
      "page_link": "./art/patriceam/index.html",
      "art_icon": "./art/patriceam/icon.png",
      "author_name": "Patrice",
      "author_github_url": "https://github.com/PatriceAm/"
    },
    {
      "name": "Drawing",
      "page_link": "./art/patriceam3/index.html",
      "art_icon": "./art/patriceam3/icon.png",
      "author_name": "Patrice",
      "author_github_url": "https://github.com/PatriceAm/"
    },
    {
      "name": "Shapes",
      "page_link": "./art/patriceam4/index.html",
      "art_icon": "./art/patriceam4/icon.png",
      "author_name": "Patrice",
      "author_github_url": "https://github.com/PatriceAm/"
    },
    {
      "name": "Squid Playground",
      "page_link": "./art/preetham_pulavarthi/index.html",
      "art_icon": "./art/preetham_pulavarthi/icon.png",
      "author_name": "Atchyut Preetham Pulavarthi / theonly1me",
      "author_github_url": "https://github.com/theonly1me"
    },
    {
      "name": "Draw an American Flag with HTML5",
      "page_link": "./art/quangpro1610/index.html",
      "art_icon": "./art/quangpro1610/icon.png",
      "author_name": "quangpro1610",
      "author_github_url": "https://github.com/quangpro1610/"
    },
    {
      "name": "Hanging moon",
      "page_link": "./art/rachelktyjohnson/index.html",
      "art_icon": "./art/rachelktyjohnson/icon.png",
      "author_name": "Rachel",
      "author_github_url": "https://github.com/rachelktyjohnson/"
    },
    {
      "name": "Moon and Stars",
      "page_link": "./art/rachelktyjohnson2/index.html",
      "art_icon": "./art/rachelktyjohnson2/icon.png",
      "author_name": "Rachel",
      "author_github_url": "https://github.com/rachelktyjohnson/"
    },
    {
      "name": "Solar System",
      "page_link": "./art/rachelktyjohnson3/index.html",
      "art_icon": "./art/rachelktyjohnson3/icon.png",
      "author_name": "Rachel",
      "author_github_url": "https://github.com/rachelktyjohnson/"
    },
    {
      "name": "Random Color Bars",
      "page_link": "./art/rachelktyjohnson4/index.html",
      "art_icon": "./art/rachelktyjohnson4/icon.png",
      "author_name": "Rachel",
      "author_github_url": "https://github.com/rachelktyjohnson/"
    },
    {
      "name": "Spring Flowering",
      "page_link": "./art/rachelktyjohnson5/index.html",
      "art_icon": "./art/rachelktyjohnson5/icon.png",
      "author_name": "Rachel",
      "author_github_url": "https://github.com/rachelktyjohnson/"
    },
    {
      "name": "Loader",
      "page_link": "./art/rahulm2310/index.html",
      "art_icon": "./art/rahulm2310/icon.png",
      "author_name": "Rahul Mohata",
      "author_github_url": "https://github.com/rahulm2310/"
    },
    {
      "name": "Color Canvaz",
      "page_link": "./art/rahulm2310-2/index.html",
      "art_icon": "./art/rahulm2310-2/icon.png",
      "author_name": "Rahul Mohata",
      "author_github_url": "https://github.com/rahulm2310/"
    },
    {
      "name": "Television",
      "page_link": "./art/rahulm2310-3/index.html",
      "art_icon": "./art/rahulm2310-3/icon.png",
      "author_name": "Rahul Mohata",
      "author_github_url": "https://github.com/rahulm2310/"
    },
    {
      "name": "Dotzz",
      "page_link": "./art/rahulm2310-4/index.html",
      "art_icon": "./art/rahulm2310-4/icon.png",
      "author_name": "Rahul Mohata",
      "author_github_url": "https://github.com/rahulm2310/"
    },
    {
      "name": "YouTube Logo",
      "page_link": "./art/rakshithshenoy/index.html",
      "art_icon": "./art/rakshithshenoy/icon.png",
      "author_name": "Rakshith Shenoy",
      "author_github_url": "https://github.com/rakshithshenoy"
    },
    {
      "name": "Abu Dhabi Flag",
      "page_link": "./art/rakshithshenoy-2/index.html",
      "art_icon": "./art/rakshithshenoy-2/icon.png",
      "author_name": "Rakshith Shenoy",
      "author_github_url": "https://github.com/rakshithshenoy/"
    },
    {
      "name": "GoodLuck cat",
      "page_link": "./art/ranran2121/index.html",
      "art_icon": "./art/ranran2121/icon.png",
      "author_name": "ranran2121",
      "author_github_url": "https://github.com/ranran2121/"
    },
    {
      "name": "Flying Owl",
      "page_link": "./art/ranran2121-2/index.html",
      "art_icon": "./art/ranran2121-2/icon.png",
      "author_name": "Ranran2121",
      "author_github_url": "https://github.com/ranran2121"
    },
    {
      "name": "Honeyfall with mouse collision",
      "page_link": "./art/redsquirrrel/index.html",
      "art_icon": "./art/redsquirrrel/icon.png",
      "author_name": "RedSquirrrel",
      "author_github_url": "https://github.com/RedSquirrrel/"
    },
    {
      "name": "Particle Effect",
      "page_link": "./art/redsquirrrel2/index.html",
      "art_icon": "./art/redsquirrrel2/icon.png",
      "author_name": "RedSquirrrel",
      "author_github_url": "https://github.com/RedSquirrrel/"
    },
    {
      "name": "Pixel Manipulation",
      "page_link": "./art/redsquirrrel3/index.html",
      "art_icon": "./art/redsquirrrel3/icon.png",
      "author_name": "RedSquirrrel",
      "author_github_url": "https://github.com/RedSquirrrel/"
    },
    {
      "name": "Digital Clock & Date",
      "page_link": "./art/redsquirrrel4/index.html",
      "art_icon": "./art/redsquirrrel4/icon.png",
      "author_name": "RedSquirrrel",
      "author_github_url": "https://github.com/RedSquirrrel/"
    },
    {
      "name": "Box_Animation",
      "page_link": "./art/rohit8020_canvasart/index.html",
      "art_icon": "./art/rohit8020_canvasart/icon.png",
      "author_name": "Rohit_Gangwar",
      "author_github_url": "https://github.com/rohit8020"
    },
    {
      "name": "Random tree",
      "page_link": "./art/rokoala/index.html",
      "art_icon": "./art/rokoala/icon.png",
      "author_name": "rokoala",
      "author_github_url": "https://github.com/rokoala"
    },
    {
      "name": "Rainy Day in New York",
      "page_link": "./art/sammneto/index.html",
      "art_icon": "./art/sammneto/icon.png",
      "author_name": "Samm",
      "author_github_url": "https://github.com/sammkodes96/"
    },
    {
      "name": "Bouncing balls",
      "page_link": "./art/saqlainrasheed/index.html",
      "art_icon": "./art/saqlainrasheed/icon.png",
      "author_name": "Saqlain Rasheed",
      "author_github_url": "https://github.com/saqlainrasheed/"
    },
    {
      "name": "Infinite",
      "page_link": "./art/saurabh_kamble/index.html",
      "art_icon": "./art/saurabh_kamble/icon.png",
      "author_name": "Saurabh Kamble",
      "author_github_url": "https://github.com/saurabh2836/"
    },
    {
      "name": "Fibonacci Spiral",
      "page_link": "./art/sn2606/index.html",
      "art_icon": "./art/sn2606/icon.png",
      "author_name": "sn2606",
      "author_github_url": "https://github.com/sn2606/"
    },
    {
      "name": "Chad Flag",
      "page_link": "./art/sophiabrandt/index.html",
      "art_icon": "./art/sophiabrandt/icon.png",
      "author_name": "Sophia Brandt",
      "author_github_url": "https://github.com/sophiabrandt"
    },
    {
      "name": "Squid Games",
      "page_link": "./art/stryker/index.html",
      "art_icon": "./art/stryker/icon.png",
      "author_name": "Stryker S",
      "author_github_url": "https://github.com/StrykerKent/"
    },
    {
      "name": "Livestream Emojis",
      "page_link": "./art/thucpn/index.html",
      "art_icon": "./art/thucpn/icon.png",
      "author_name": "thucpn",
      "author_github_url": "https://github.com/thucpn"
    },
    {
      "name": "Simple Slider",
      "page_link": "./art/ttumyr_slider/index.html",
      "art_icon": "./art/ttumyr_slider/icon.png",
      "author_name": "ttumyr",
      "author_github_url": "https://github.com/TTumyr"
    },
    {
      "name": "CubeFall",
      "page_link": "./art/usergr/index.html",
      "art_icon": "./art/usergr/icon.png",
      "author_name": "usergr",
      "author_github_url": "https://github.com/usergr/"
    },
    {
      "name": "Argentinian Flag",
      "page_link": "./art/vencho-mdp/index.html",
      "art_icon": "./art/vencho-mdp/icon.png",
      "author_name": "Vencho",
      "author_github_url": "https://github.com/vencho-mdp/"
    },
    {
      "name": "Random Squares with different colors",
      "page_link": "./art/vencho-mdp2/index.html",
      "art_icon": "./art/vencho-mdp2/icon.png",
      "author_name": "Vencho",
      "author_github_url": "https://github.com/vencho-mdp"
    },
    {
      "name": "Rainbow",
      "page_link": "./art/vencho-mdp3/index.html",
      "art_icon": "./art/vencho-mdp3/icon.png",
      "author_name": "Vencho",
      "author_github_url": "https://github.com/vencho-mdp"
    },
    {
      "name": "Javascript logo",
      "page_link": "./art/vencho-mdp4/index.html",
      "art_icon": "./art/vencho-mdp4/icon.png",
      "author_name": "Vencho",
      "author_github_url": "https://github.com/vencho-mdp"
    },
    {
      "name": "Simple Maple Leaf",
      "page_link": "./art/vic-cheng-canvas/index.html",
      "art_icon": "./art/vic-cheng-canvas/icon.png",
      "author_name": "Victoria",
      "author_github_url": "https://github.com/victoriacheng15"
    },
    {
      "name": "Blue Gradient Box",
      "page_link": "./art/viktorlinus/index.html",
      "art_icon": "./art/viktorlinus/icon.png",
      "author_name": "Eken",
      "author_github_url": "https://github.com/viktorlinus/"
    },
    {
      "name": "Generative Art",
      "page_link": "./art/yash2003/index.html",
      "art_icon": "./art/yash2003/icon.png",
      "author_name": "Yashraj",
      "author_github_url": "https://github.com/yashraj2003e/"
    },
    {
      "name": "Sweden Flag",
      "page_link": "./art/yelllowberard_2/index.html",
      "art_icon": "./art/yelllowberard_2/icon.png",
      "author_name": "Mayank Goel",
      "author_github_url": "https://github.com/yellowberard/"
    },
    {
      "name": "Japanese Flag",
      "page_link": "./art/yellowberard_1/index.html",
      "art_icon": "./art/yellowberard_1/icon.png",
      "author_name": "Mayank Goel",
      "author_github_url": "https://github.com/yellowberard/"
    }
  ]
  
      
    // +--------------------------------------------------------------------------------+
    // +                                                                                +
    // +                 YOU DO NOT NEED TO CHANGE ANYTHING IN THIS FILE!               +
    // +                                                                                +
    // +--------------------------------------------------------------------------------+
    
    // Creates cards from the array above
    // You don't need to modify this
    let contents = [];
    Shuffle(cards).forEach((c) => {
      contents.push([
        `<li class="card">` +
          `<a href='${c.page_link}' target="_blank">` +
          `<img class="art-image" src='${c.art_icon}' alt='${c.name}' onerror="this.src='https://cdn.discordapp.com/attachments/870676772683919390/891310666596630538/coming-soon-logo_okok.png';"/>` +
          `</a>` +
          `<div class="flex-content">` +
          `<a href='${c.page_link}' target="_blank"><h3 class="art-title">${c.name}</h3></a>` +
          `<p class='author'><a href="${c.author_github_url}" target="_blank"><i class="fab fa-github"></i> ${c.author_name}</a> </p>` +
          `</div>` +
          `</li>`
      ]);
    });
    
    document.getElementById('cards').innerHTML = contents.join('');
    
    function Shuffle(o) {
      for (
        var j, x, i = o.length;
        i;
        j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x
      );
      return o;
    }  
    