include.js

let cards = [
  //  Add your card in this section
  {
    artName: "ZTM Animation",
    pageLink: "./Art/EricPuskas/index.html",
    imageLink: "./Art/EricPuskas/index.gif",
    author: "Eric Puskas",
    githubLink: "https://github.com/EricPuskas"
  },
  {
    artName: "Spooktober Hacktoberfest",
    pageLink: "./Art/FredAmartey/index.html",
    imageLink: "./Art/FredAmartey/thumbnaill.gif",
    author: "Fred Amartey",
    githubLink: "https://github.com/FredAmartey"
  },
  {
    artName: "Star Wars?",
    pageLink: "./Art/henryvalbuena/index.html",
    imageLink: "./Art/henryvalbuena/index.gif",
    author: "Henry Valbuena",
    githubLink: "https://github.com/henryvalbuena"
  },
  {
    artName: "The Ripple",
    pageLink: "./Art/Anmol2/index.html",
    imageLink: "./Art/Anmol2/ripple.png",
    author: "Anmol",
    githubLink: "https://github.com/Anmol270900"
  },
  {
    artName: "Rainbow loader",
    pageLink: "./Art/ka-hn/rainbow.html",
    imageLink: "./Art/ka-hn/rainbow.gif",
    author: "Karim Hussain",
    githubLink: "https://github.com/ka-hn"
  },
  {
    artName: "Action Cam",
    pageLink: "./Art/Donovan/index.html",
    imageLink: "./Art/Donovan/pureCSS-animation.gif",
    author: "Donovan Hunter",
    githubLink: "https://github.com/dhdcode"
  },
  {
    artName: "The Sun",
    pageLink: "./Art/Anmol/index.html",
    imageLink: "./Art/Anmol/sun.png",
    author: "Anmol",
    githubLink: "https://github.com/Anmol270900"
  },
  {
    artName: "Flashing Pumpkin",
    pageLink: "./Art/KatrinaRose14/index.html",
    imageLink: "./Art/KatrinaRose14/FlashingPumpkin.gif",
    author: "Katrina Yates",
    githubLink: "https://github.com/KatrinaRose14"
  },
  {
    artName: "Flipbox",
    pageLink: "./Art/Prasheel/index.html",
    imageLink: "./Art/Prasheel/flip.gif",
    author: "Prasheel Soni",
    githubLink: "https://github.com/ps011"
  },
  {
    artName: "2019 Wave",
    pageLink: "./Art/chris-aqui/index.html",
    imageLink: "./Art/chris-aqui/2019-jump.gif",
    author: "Christine Aqui",
    githubLink: "https://github.com/christine-aqui"
  },
  {
    artName: "Hover Button Animation",
    pageLink: "./Art/Vipul/hover.html",
    imageLink: "./Art/Vipul/Screenshot2.png",
    author: "Vipul",
    githubLink: "https://github.com/vipuljain08"
  },
  {
    artName: "Start From Zero",
    pageLink: "./Art/Robihdy/index.html",
    imageLink: "./Art/Robihdy/start-from-zero.png",
    author: "Robihdy",
    githubLink: "https://github.com/Robihdy"
  },
  {
    artName: "Local Host metaphor",
    pageLink: "./Art/Prateek/index.html",
    imageLink: "./Art/Prateek/localhost.png",
    author: "Prateek",
    githubLink: "https://github.com/prateekpatrick"
  },
  {
    artName: "Sliding Lines",
    pageLink: "./Art/erics0n/sliding-lines/index.html",
    imageLink: "./Art/erics0n/sliding-lines/image.gif",
    author: "erics0n",
    githubLink: "https://github.com/erics0n"
  },
  {
    artName: "Triangle",
    pageLink: "./Art/Joy/triangle/triangle.html",
    imageLink: "./Art/Joy/triangle/triangle.gif",
    author: "Joy",
    githubLink: "https://github.com/royranger"
  },
  {
    artName: "Cube",
    pageLink: "./Art/Joy/cube/cube.html",
    imageLink: "./Art/Joy/cube/cube.gif",
    author: "Joy",
    githubLink: "https://github.com/royranger"
  },
  {
    artName: "Burger Menu",
    pageLink: "./Art/mctrl/burger.html",
    imageLink: "./Art/mctrl/burger.gif",
    author: "Martina",
    githubLink: "https://github.com/mctrl"
  },
  {
    artName: "Square Loader",
    pageLink: "./Art/Hemant/index.html",
    imageLink: "./Art/Hemant/loader.gif",
    author: "Hemant Garg",
    githubLink: "https://github.com/hemant-garg"
  },
  {
    artName: "wake up, neo...",
    pageLink: "./Art/samirjouni/TributeToTheMatrix.html",
    imageLink: "./Art/samirjouni/sample.gif",
    author: "Samir Jouni",
    githubLink: "https://github.com/samirjouni"
  },
  {
    artName: "Tribute To COD4MW",
    pageLink: "./Art/samirjouni2/index.html",
    imageLink: "./Art/samirjouni2/sample.gif",
    author: "Samir Jouni",
    githubLink: "https://github.com/samirjouni"
  },
  {
    artName: "Planet",
    pageLink: "./Art/ArthurDoom/planet.html",
    imageLink: "./Art/ArthurDoom/planet.gif",
    author: "ArthurDoom",
    githubLink: "https://github.com/ArthurDoom"
  },
  {
    artName: "SquarPy",
    pageLink: "./Art/Utkarsh/index.html",
    imageLink: "./Art/Utkarsh/hack.gif",
    author: "utkarsh",
    githubLink: "https://github.com/Utkarsh2604"
  },
  {
    artName: "Circle",
    pageLink: "./Art/Oliver/Circle.html",
    imageLink: "./Art/Oliver/circle.gif",
    author: "Oliver",
    githubLink: "https://github.com/oliver-gomes"
  },
  {
    artName: "Ellipse Loader",
    pageLink: "./Art/VaibhavKhulbe/EllipseLoader.html",
    imageLink: "./Art/VaibhavKhulbe/ellipseLoader.gif",
    author: "Vaibhav Khulbe",
    githubLink: "https://github.com/Kvaibhav01"
  },
  {
    artName: "Simple Loader",
    pageLink: "./Art/soumsps/simpleload.html",
    imageLink: "./Art/soumsps/sample.gif",
    author: "Soumendu Sinha",
    githubLink: "https://github.com/soumsps"
  },
  {
    artName: "Rollodex",
    pageLink: "./Art/Shruti/rolling.html",
    imageLink: "./Art/Shruti/rolling.gif",
    author: "Shruti",
    githubLink: "https://github.com/shruti49"
  },
  {
    artName: "Cute Cat",
    pageLink: "./Art/Alghi/cat.html",
    imageLink: "./Art/Alghi/cat.gif",
    author: "Alghi",
    githubLink: "https://github.com/darklordace"
  },
  {
    artName: "ZtM Text",
    pageLink: "./Art/Di4iMoRtAl/ZtM_text_animation.html",
    imageLink: "./Art/Di4iMoRtAl/ZtM_animation.gif",
    author: "Di4iMoRtAl",
    githubLink: "https://github.com/dppeykov"
  },
  {
    artName: "Circles",
    pageLink: "./Art/Bhuvana/circles.html",
    imageLink: "./Art/Bhuvana/circles.gif",
    author: "Bhuvana",
    githubLink: "https://github.com/bhuvana-guna"
  },
  {
    artName: "Bird",
    pageLink: "./Art/Bhuvana/bird.html",
    imageLink: "./Art/Bhuvana/bird.gif",
    author: "Bhuvana",
    githubLink: "https://github.com/bhuvana-guna"
  },
  {
    artName: "Loader",
    pageLink: "./Art/Bhuvana/loader.html",
    imageLink: "./Art/Bhuvana/loader.gif",
    author: "Bhuvana",
    githubLink: "https://github.com/bhuvana-guna"
  },
  {
    artName: "Simple blinking loading circles",
    pageLink: "./Art/Rahul/index.html",
    imageLink: "./Art/Rahul/loading.gif",
    author: "Rahul",
    githubLink: "https://github.com/kohli6010"
  },
  {
    artName: "Css Pulse",
    pageLink: "./Art/Aszmel/pulse.html",
    imageLink: "./Art/Aszmel/css_pulse.gif",
    author: "Aszmel",
    githubLink: "https://github.com/Aszmel"
  },
  {
    artName: "Circle Bounce",
    pageLink: "./Art/Edmund/index.html",
    imageLink: "./Art/Edmund/circle-bounce.gif",
    author: "Edmund",
    githubLink: "https://github.com/edmund1645"
  },
  {
    artName: "Heart Beating",
    pageLink: "./Art/Regem/index.html",
    imageLink: "./Art/Regem/heart.jpg",
    author: "Regem",
    githubLink: "https://github.com/GemzBond"
  },
  {
    artName: "Fading Circles",
    pageLink: "./Art/Ankit/fadeCircle.html",
    imageLink: "./Art/Ankit/fadeCircles.png",
    author: "Ankit Srivastava",
    githubLink: "https://github.com/a18nov"
  },
  {
    artName: "Hacktoberfest 2019",
    pageLink: "./Art/jpk3lly/animation.html",
    imageLink: "./Art/jpk3lly/JPs_Animation_GIF.gif",
    author: "jpk3lly",
    githubLink: "https://github.com/jpk3lly"
  },
  {
    artName: "Name Rotator",
    pageLink: "./Art/Meet/name.html",
    imageLink: "./Art/Meet/name.gif",
    author: "Meet",
    githubLink: "https://github.com/Meet1103"
  },
  {
    artName: "Ball Rotator",
    pageLink: "./Art/Bibekpreet/index.html",
    imageLink: "./Art/Bibekpreet/ball.gif",
    author: "Bibekpreet",
    githubLink: "https://github.com/bibekpreet99"
  },
  {
    artName: "ephiphany",
    pageLink: "./Art/OctavianIlies/index.html",
    imageLink: "./Art/OctavianIlies/ephiphany.gif",
    author: "OctavianIlies",
    githubLink: "https://github.com/OctavianIlies"
  },
  {
    artName: "Loading",
    pageLink: "./Art/jh1992jh/loading.html",
    imageLink: "./Art/jh1992jh/loading.gif",
    author: "jh1992jh",
    githubLink: "https://github.com/jh1992jh"
  },
  {
    artName: "ZTM Colors",
    pageLink: "./Art/Godnon/index.html",
    imageLink: "./Art/Godnon/ZTMcAnim.gif",
    author: "Godnon",
    githubLink: "https://github.com/godnondsilva"
  },
  {
    artName: "Hover Effect",
    pageLink: "./Art/Shubhankar/index.html",
    imageLink: "./Art/Shubhankar/hackoctober.gif",
    author: "Shubhankar",
    githubLink: "https://github.com/shubhdwiv12"
  },
  {
    artName: "Bouncing Fading Circles",
    pageLink: "./Art/AyoubIssaad/index.html",
    imageLink: "./Art/AyoubIssaad/BouncingFadingCircles.gif",
    author: "AyoubIssaad",
    githubLink: "https://github.com/AyoubIssaad"
  },
  {
    artName: "5 balls preloader",
    pageLink: "./Art/Nnaji-Victor/index.html",
    imageLink: "./Art/Nnaji-Victor/5_balls.gif",
    author: "Nnaji Victor",
    githubLink: "https://github.com/Nnaji-Victor"
  },
  {
    artName: "ZTM Bouncer",
    pageLink: "./Art/Josia/bouncer.html",
    imageLink: "./Art/Josia/ztmbouncer.gif",
    author: "Josia Rodriguez",
    githubLink: "https://github.com/josiarod"
  },

  {
    artName: "Hacktober loading animation",
    pageLink: "./Art/mehul1011/index.html",
    imageLink: "./Art/mehul1011/loading.gif",
    author: "Mehul1011",
    githubLink: "https://github.com/mehul1011"
  },
  {
    artName: "Loading Dots",
    pageLink: "./Art/devSergiu/index.html",
    imageLink: "./Art/devSergiu/loading.gif",
    author: "devSergiu",
    githubLink: "https://github.com/devsergiu"
  },
  {
    artName: "TypeWriter effect",
    pageLink: "./Art/Sidharth/Typing_Text.html",
    imageLink: "./Art/Sidharth/type_writer.gif",
    author: "Sidharth",
    githubLink: "https://github.com/Sidharth98"
  },
  {
    artName: "Blue Spin",
    pageLink: "./Art/JamesW/index.html",
    imageLink: "./Art/JamesW/hacktober_spin.gif",
    author: "James Whitney",
    githubLink: "https://github.com/jameswhitney"
  },
  {
    artName: "Loading Animation",
    pageLink: "./Art/Sidharth/Loading.html",
    imageLink: "./Art/Sidharth/Loading.gif",
    author: "Sidharth",
    githubLink: "https://github.com/Sidharth98"
  },
  {
    artName: "Rotation",
    pageLink: "./Art/alenanog/index.html",
    imageLink: "./Art/alenanog/rotation.gif",
    author: "Alena A.",
    githubLink: "https://github.com/alenanog"
  },
  {
    artName: "Colors in your life",
    pageLink: "./Art/Atipahy/colors.html",
    imageLink: "./Art/Atipahy/colors.png",
    author: "Christos Chr",
    githubLink: "https://github.com/atipaHy"
  },
  {
    artName: "Orb",
    pageLink: "./Art/Jkbicbic/orb.html",
    imageLink: "./Art/Jkbicbic/orb.gif",
    author: "John Kennedy Bicbic",
    githubLink: "https://github.com/jkbicbic"
  },
  {
    artName: "Charging...",
    pageLink: "./Art/Afraz/charging.html",
    imageLink: "./Art/Afraz/charging.gif",
    author: "Afraz",
    githubLink: "https://github.com/afrazz"
  },
  {
    artName: "Charging...",
    pageLink: "./Art/DepStep/depstep.html",
    imageLink: "./Art/DepStep/depstep.gif",
    author: "DepStep",
    githubLink: "https://github.com/stephD"
  },
  {
    artName: "Dancing Ball...",
    pageLink: "./Art/DaveFres/index.html",
    imageLink: "./Art/DaveFres/ball.gif",
    author: "DaveFres",
    githubLink: "https://github.com/DaveFres"
  },
  {
    artName: "Sunshine",
    pageLink: "./Art/Pavelisp/sunshine.html",
    imageLink: "./Art/Pavelisp/sunshine.gif",
    author: "Pavel Isp",
    githubLink: "https://github.com/pavelisp"
  },
  {
    artName: "SoundBoxes",
    pageLink: "./Art/Hbarang/SoundBox.html",
    imageLink: "./Art/Hbarang/SoundBoxAnimation.gif",
    author: "Hbarang",
    githubLink: "https://github.com/hbarang"
  },
  {
    artName: "Cheshire",
    pageLink: "./Art/Ckanelin/index.html",
    imageLink: "./Art/Ckanelin/Cheshire.gif",
    author: "Ckanelin",
    githubLink: "https://github.com/ckanelin"
  },
  {
    artName: "Disappear",
    pageLink: "./Art/Stacy/index.html",
    imageLink: "./Art/Stacy/disappear.gif",
    author: "Stacy",
    githubLink: "https://github.com/stacyholtz6"
  },
  {
    artName: "Ellipse Spinner",
    pageLink: "./Art/Sabina/ellipse_spinner.html",
    imageLink: "./Art/Sabina/ellipse_spinner.png",
    author: "Sabina Abbasova",
    githubLink: "https://github.com/sabina929"
  },
  {
    artName: "NightSky",
    pageLink: "./Art/AndyS/index.html",
    imageLink: "./Art/AndyS/Capture.GIF",
    author: "AndyS",
    githubLink: "https://github.com/AndyS1988"
  },
  {
    artName: "Hungry",
    pageLink: "./Art/diegchav/index.html",
    imageLink: "./Art/diegchav/hungry.gif",
    author: "Diego Chz",
    githubLink: "https://github.com/diegchav"
  },
  {
    artName: "Hover Text Animation",
    pageLink: "./Art/AyoubIssaad2/index.html",
    imageLink: "./Art/AyoubIssaad2/hoverTextAnimation.gif",
    author: "AyoubIssaad",
    githubLink: "https://github.com/AyoubIssaad"
  },
  {
    artName: "Colorize",
    pageLink: "./Art/JimBratsos/colorize.html",
    imageLink: "./Art/JimBratsos/Colorize.gif",
    author: "Jim Bratsos",
    githubLink: "https://github.com/JimBratsos"
  },
  {
    artName: "Hacktober Spooktacular",
    pageLink: "Art/Elex/index.html",
    imageLink: ["./Art/Elex/hhs.gif"],
    author: "William Poisel (LordCobra)",
    githubLink: "https://github.com/epoisel"
  },
  {
    artName: "Circley",
    pageLink: "./Art/Tranjenny/indexjenny.html",
    imageLink: "./Art/Tranjenny/zerojenny.gif",
    author: "Tranjenny",
    githubLink: "https://github.com/Tranjenny"
  },
  {
    artName: "My Vietnam",
    pageLink: "./Art/nhbduy/index.html",
    imageLink: "./Art/nhbduy/my-vietnam.gif",
    author: "Hoang-Bao-Duy NGUYEN",
    githubLink: "https://github.com/nhbduy"
  },
  {
    artName: "Hactoberfest Bus",
    pageLink: "./Art/shahpranaf/index.html",
    imageLink: "./Art/shahpranaf/hacktoberfest_bus.gif",
    author: "Pranav Shah",
    githubLink: "https://github.com/shahpranaf"
  },
  {
    artName: "Hacktoberfest",
    pageLink: "./Art/robihid/index.html",
    imageLink: "./Art/robihid/hacktoberfest.png",
    author: "robihid",
    githubLink: "https://github.com/robihid"
  },
  {
    artName: "Hi there",
    pageLink: "./Art/Aki/index.html",
    imageLink: "./Art/Aki/giphy.gif",
    author: "Aki",
    githubLink: "https://github.com/akmalist"
  },
  {
    artName: "Hacktoberfest 2019!",
    pageLink: "./Art/RedSquirrrel/index.html",
    imageLink: "./Art/RedSquirrrel/index.html/animation.PNG",
    author: "RedSquirrrel",
    githubLink: "https://github.com/RedSquirrrel"
  },
  {
    artName: "Sliding text",
    pageLink: "./Art/Flattopz/index.html",
    imageLink: "./Art/Flattopz/SlidingText.gif",
    author: "Flattopz",
    githubLink: "https://github.com/hjpunzalan"
  },
  {
    artName: "Rainbow Color Changer",
    pageLink: "./Art/mmshr/index.html",
    imageLink: "./Art/mmshr/rainbow.gif",
    author: "mmosehauer",
    githubLink: "https://github.com/mmosehauer"
  },
  {
    artName: "World of Coding",
    pageLink: "./Art/tom_kn/coding.html",
    imageLink: "./Art/tom_kn/coding.gif",
    author: "Tamas Knisz",
    githubLink: "https://github.com/TamasKn"
  },
  {
    artName: "Initial Bounce",
    pageLink: "./Art/Juwana/initial.html",
    imageLink: "./Art/Juwana/InitialBounce.gif",
    author: "Juwana",
    githubLink: "https://github.com/JZerman2018"
  },
  {
    artName: "Atom",
    pageLink: "./Art/Teva/index.html",
    imageLink: "./Art/Teva/atom.gif",
    author: "Teva",
    githubLink: "https://github.com/TevaHenry"
  },
  {
    artName: "Be Awesome",
    pageLink: "./Art/TigerAsH/index.html",
    imageLink: "./Art/TigerAsH/be-awesome.jpg",
    author: "TigerAsH",
    githubLink: "https://github.com/TigerAsH94"
  },
  {
    artName: "Rainbow Colors",
    pageLink: "./Art/Sanjeev/index.html",
    imageLink: "./Art/Sanjeev/animation.gif",
    author: "Sanjeev Panday",
    githubLink: "https://github.com/Sanjeev-Panday"
  },
  {
    artName: "ZtM",
    pageLink: "./Art/thoyvo/index.html",
    imageLink: "./Art/thoyvo/ztm.gif",
    author: "Thoyvo",
    githubLink: "https://github.com/thoyvo"
  },
  {
    artName: "Fast Fishes",
    pageLink: "./Art/4ront/index.html",
    imageLink: "./Art/4ront/fishes.gif",
    author: "4rontender",
    githubLink: "https://github.com/RinatValiullov"
  },
  {
    artName: "Calm Ubuntu",
    pageLink: "./Art/schupat/index.html",
    imageLink: "./Art/schupat/preview.gif",
    author: "schupat",
    githubLink: "https://github.com/schupat"
  },
  {
    artName: "Solar System",
    pageLink: "./Art/DSandberg93/index.html",
    imageLink: "./Art/DSandberg93/SolarSystem.gif",
    author: "DSandberg93",
    githubLink: "https://github.com/DSandberg93"
  },
  {
    artName: "Boo",
    pageLink: "./Art/VerityB/index.html",
    imageLink: "./Art/VerityB/boo.gif",
    author: "VerityB",
    githubLink: "https://github.com/VerityB"
  },
  {
    artName: "Hacktoberfest Ghost",
    pageLink: "./Art/cTahirih/index.html",
    imageLink: "./Art/cTahirih/ghost.png",
    author: "cTahirih",
    githubLink: "https://github.com/cTahirih"
  },
  {
    artName: "Clock",
    pageLink: "./Art/Abdul/index.html",
    imageLink: "./Art/Abdul/Clock.png",
    author: "Abdul Rahman",
    githubLink: "https://github.com/abdulrahman118"
  },
  {
    artName: "Loading Cube",
    pageLink: "./Art/andrearizzello/index.html",
    imageLink: "./Art/andrearizzello/index.gif",
    author: "Andrea Rizzello",
    githubLink: "https://github.com/andrearizzello"
  },
  {
    artName: "Wall Dropping Logo",
    pageLink: "./Art/shivams136/index.html",
    imageLink: "./Art/shivams136/walldrop.gif",
    author: "Shivam Sharma",
    githubLink: "https://github.com/ShivamS136"
  },
  {
    artName: "Infinite Race",
    pageLink: "./Art/levermanx/index.html",
    imageLink: "./Art/levermanx/anim.gif",
    author: "Levermanx",
    githubLink: "https://github.com/levermanx"
  },
  {
    artName: "Hover to Rotate Text",
    pageLink: "./Art/faiz_hameed/index.html",
    imageLink: "./Art/faiz_hameed/hackto.gif",
    author: "Faiz Hameed",
    githubLink: "https://github.com/faizhameed"
  },
  {
    artName: "HalloHacktober Greeting!",
    pageLink: "./Art/lusalga/index.html",
    imageLink: "./Art/lusalga/lu.gif",
    author: "Lucieni A. Saldanha",
    githubLink: "https://github.com/lusalga/"
  },
  {
    artName: "Time goes by",
    pageLink: "./Art/WolfgangKreminger/index.html",
    imageLink: "./Art/WolfgangKreminger/showcase.gif",
    author: "Wolfgang Kreminger",
    githubLink: "https://github.com/r4pt0s"
  },
  {
    artName: "Bouncing Text!",
    pageLink: "./Art/AbdulsalamAbdulrahman/index.html",
    imageLink: "./Art/AbdulsalamAbdulrahman/Bouncingtxt.gif",
    author: "Abdulsalam Abdulrahman",
    githubLink: "https://github.com/AbdulsalamAbdulrahman/"
  },
  {
    artName: "Simple Phone Animation",
    pageLink: "./Art/Lala/index.html",
    imageLink: "./Art/Lala/phone.gif",
    author: "Olamide Aboyeji",
    githubLink: "https://github.com/aolamide"
  },
  {
    artName: "Synthwave Sunset",
    pageLink: "./Art/brunobolting/index.html",
    imageLink: "./Art/brunobolting/synthwave-sunset.gif",
    author: "Bruno Bolting",
    githubLink: "https://github.com/brunobolting/"
  },
  {
    artName: "Kawaii Penguin",
    pageLink: "./Art/Brienyll/index.html",
    imageLink: "./Art/Brienyll/kawaiiPenguin.gif",
    author: "Brienyll",
    githubLink: "https://github.com/brienyll/"
  },
  {
    artName: "Happy Halloween",
    pageLink: "./Art/MatthewS/index.html",
    imageLink: "./Art/MatthewS/Spider.gif",
    author: "MatthewS",
    githubLink: "https://github.com/matthewstoddart/"
  },
  {
    artName: "Fan Art",
    pageLink: "./Art/m-perez33/index.html",
    imageLink: "./Art/m-perez33/cylon.gif",
    author: "Marcos Perez",
    githubLink: "https://github.com/m-perez33/"
  },
  {
    artName: "Animating Pot",
    pageLink: "./Art/Somechandra/index.html",
    imageLink: "./Art/Somechandra/pot.gif",
    author: "Somechandra",
    githubLink: "https://github.com/somechandra"
  },
  {
    artName: "Circles Circling",
    pageLink: "./Art/pikktorr/index.html",
    imageLink: "./Art/pikktorr/circles.gif",
    author: "pikktorr",
    githubLink: "https://github.com/pikktorr"
  },
  {
    artName: "Glitchy Szn",
    pageLink: "./Art/premdav/index.html",
    imageLink: "./Art/premdav/screenshot.png",
    author: "premdav",
    githubLink: "https://github.com/premdav"
  },
  {
    artName: "ZeroToMastery",
    pageLink: "./Art/Vzneers/index.html",
    imageLink: "./Art/Vzneers/gifzeroloading.png",
    author: "TrinhMinhHieu",
    githubLink: "https://github.com/trinhminhhieu"
  },
  {
    artName: "Spacecraft-landing",
    pageLink: "./Art/DDuplinszki/index.html",
    imageLink: "./Art/DDuplinszki/Spacecraft-landing.gif",
    author: "DDuplinszki",
    githubLink: "https://github.com/DDuplinszki"
  },
  {
    artName: "Paw Prints",
    pageLink: "./Art/Tia/index.html",
    imageLink: "./Art/Tia/paw-prints.gif",
    author: "Tia Esguerra",
    githubLink: "https://github.com/msksfo"
  },
  {
    artName: "Hover-Scale",
    pageLink: "./Art/echowebid/index.html",
    imageLink: "./Art/echowebid/hover.gif",
    author: "echowebid",
    githubLink: "https://github.com/echowebid"
  },
  {
    artName: "mars",
    pageLink: "./Art/Courtney_Pure/index.html",
    imageLink: "./Art/Courtney_Pure/mars_screenshot.png",
    author: "Courtney Pure",
    githubLink: "https://github.com/courtneypure"
  },
  {
    artName: "Welcome HactoberFest",
    pageLink: "./Art/Dhaval/index.html",
    imageLink: "./Art/Dhaval/Welcome-HacktoberFest.gif",
    author: "Dhaval Mehta",
    githubLink: "https://github.com/Dhaval1403"
  },
  {
    artName: "Aynonimation",
    pageLink: "./Art/Aynorica/aynorica.html",
    imageLink: "./Aynorica/Aynonimation.png",
    author: "aynorica",
    githubLink: "https://github.com/aynorica"
  },
  {
    artName: "sun-to-moon",
    pageLink: "./Art/haider/index.html",
    imageLink: "./Art/haider/sun-moon.gif",
    author: "Haider",
    githubLink: "https://github.com/hyderumer"
  },
  {
    artName: "Animatron",
    pageLink: "./Art/animatron/index.html",
    imageLink: "./Art/animatron/trance.gif",
    author: "Andrei",
    githubLink: "https://github.com/aneagoie"
  },
  {
    artName: "Loader Circle",
    pageLink: "./Art/beaps/index.html",
    imageLink: "./Art/beaps/loader-circle.gif",
    author: "beaps",
    githubLink: "https://github.com/beaps"
  },
  {
    artName: "Open Sourcerer",
    pageLink: "./Art/4rturd13/index.html",
    imageLink: "./Art/4rturd13/openSourcerer.gif",
    author: "4rturd13",
    githubLink: "https://github.com/4rturd13"
  },
  {
    artName: "Doors",
    pageLink: "./Art/pauliax/index.html",
    imageLink: "./Art/pauliax/doors.gif",
    author: "pauliax",
    githubLink: "https://github.com/pauliax"
  },
  {
    artName: "Loader Square",
    pageLink: "./Art/beaps2/square-loader.html",
    imageLink: "./Art/beaps2/square-loader.gif",
    author: "beaps",
    githubLink: "https://github.com/beaps"
  },
  {
    artName: "Running Text",
    pageLink: "./Art/DevinEkadeni/running-text.html",
    imageLink: "./Art/DevinEkadeni/running-text.gif",
    author: "Devin Ekadeni",
    githubLink: "https://github.com/devinekadeni"
  },
  {
    artName: "Mystical-Hacktoberfest",
    pageLink: "./Art/Wayne/index.html",
    imageLink: "./Art/Wayne/hacktoberfest - Google Chrome 09 Oct 2019 21_12_32.png",
    author: "Wayne Mac Mavis",
    githubLink: "https://github.com/WayneMacMavis"
  },
  {
    artName: "ZTM Logo Animation",
    pageLink: "./Art/bk987/index.html",
    imageLink: "./Art/bk987/preview.gif",
    author: "Bilal Khalid",
    githubLink: "https://github.com/bk987"
  },{
    artName: "Pong",
    pageLink: "./Art/Carls13/index.html",
    imageLink: "./Art/Carls13/pong.jpg",
    author: "Carlos Hernandez",
    githubLink: "https://github.com/Carls13"
  },
  {
    artName: "ZTM Reveal",
    pageLink: "./Art/bk987-2/index.html",
    imageLink: "./Art/bk987-2/preview.gif",
    author: "Bilal Khalid",
    githubLink: "https://github.com/bk987"
  },
  {
    artName: "ZTM Family Animation",
    pageLink: "./Art/sballgirl11/index.html",
    imageLink: "./Art/sballgirl11/ztm.gif",
    author: "Brittney Postma",
    githubLink: "https://github.com/sballgirl11"
  }
];


// +--------------------------------------------------------------------------------+
// +                                                                                +
// +                  YOU DO NOT NEED TO CHANGE ANYTHING BELOW THIS                 +
// +                                                                                +
// +--------------------------------------------------------------------------------+

// 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.pageLink}'>` +
    `<img class="art-image" src='${c.imageLink}' alt='${c.artName}' />` +
    `</a>` +
    `<div class="flex-content">` +
    `<a href='${c.pageLink}'><h3 class="art-title">${c.artName}</h3></a>` +
    `<p class='author'><a href="${c.githubLink}" target="_blank"><i class="fab fa-github"></i> ${c.author}</a> </p>` +
    `</div>` +
    `</li>`
  ]);
});

document.getElementById("cards").innerHTML = contents;

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;
}