script.js

let projectData = [
  {
    projectName: "JavaScript Interest Calculator",
    projectImage: "assets/Images/InterestCalculator.png",
    projectUrl: "public/InterestCalculator.html",
  },
  {
    projectName: "Tubelight-text",
    projectImage: "assets/GIFs/Tubelight-text.gif",
    projectUrl: "public/Tubelight-text.html",
  },
  {
    projectName: "And Or Xor Converter",
    projectImage: "assets/GIFs/AND_OR_XOR_Converter.gif",
    projectUrl: "public/AND_OR_XOR_Converter.html",
  },
  {
    projectName: "Pinpad",
    projectImage: "assets/GIFs/pinpad.gif",
    projectUrl: "public/pinpad.html",
  },
  {
    projectName: "Music Player",
    projectImage: "assets/GIFs/Music_Player.gif",
    projectUrl: "public/MusicPlayer.html",
  },
  {
    projectName: "Drag Drop To-Do List",
    projectImage: "assets/GIFs/DragToDo.gif",
    projectUrl: "public/DragToDo.html",
  },
  {
    projectName: "Note App",
    projectImage: "assets/GIFs/noteApp.gif",
    projectUrl: "public/note-app.html",
  },
  {
    projectName: "Calculator",
    projectImage: "assets/GIFs/calculator.gif",
    projectUrl: "public/calculator.html",
  },
  {
    projectName: "SGPA and CGPA calculator",
    projectImage: "assets/Images/sgpa_and_cgpa.jpg",
    projectUrl: "public/sgpa_and_cgpa.html",
  },
  {
    projectName: "Color Flipper",
    projectImage: "assets/GIFs/color-Flipper.gif",
    projectUrl: "public/color-flipper.html",
  },
  {
    projectName: "Dice Game",
    projectImage: "assets/GIFs/dice.gif.gif",
    projectUrl: "public/dice.html",
  },
  {
    projectName: "Movie Seat Booking",
    projectImage: "assets/GIFs/movieSeatBooking.gif",
    projectUrl: "public/movieSeatBooking.html",
  },
  {
    projectName: "SGPA and CGPA calculator",
    projectImage: "assets/Images/sgpa_and_cgpa.jpg",
    projectUrl: "public/sgpa_and_cgpa.html",
  },
  {
    projectName: "Movie Trailer App",
    projectImage: "assets/GIFs/trailerAppGif.gif",
    projectUrl: "public/movTrailer.html",
  },
  {
    projectName: "Dynamic Quote Generator",
    projectImage: "assets/GIFs/dynamicQuote.gif",
    projectUrl: "public/Dynamic-quotegenerator.html",
  },
  {
    projectName: "Translator-App",
    projectImage: "assets/GIFs/minions.gif",
    projectUrl: "public/translatorMinions.html",
  },
  {
    projectName: "Counter",
    projectImage: "assets/GIFs/counter.gif",
    projectUrl: "public/counter.html",
  },
  {
    projectName: "Local Storage",
    projectImage: "assets/GIFs/localstorage.gif",
    projectUrl: "public/localstorage.html",
  },
  {
    projectName: "Image Slide",
    projectImage: "assets/GIFs/imageSlide.gif",
    projectUrl: "public/ImageSlide.html",
  },
  {
    projectName: "Sidenav",
    projectImage: "assets/GIFs/sidenav.gif",
    projectUrl: "public/Sidenav.html",
  },
  {
    projectName: "Mole Game",
    projectImage: "assets/GIFs/whackMole.gif",
    projectUrl: "public/molegame.html",
  },
  {
    projectName: "Bouncing Balls",
    projectImage: "assets/GIFs/bouncingBalls.gif",
    projectUrl: "public/BouncingBalls.html",
  },
  {
    projectName: "Reviews",
    projectImage: "assets/GIFs/reviews.gif",
    projectUrl: "public/reviews.html",
  },
  {
    projectName: "Click and Drag Image Slider",
    projectImage: "assets/GIFs/clickandDrag.gif",
    projectUrl: "public/clickanddrag.html",
  },
  {
    projectName: "Stop Watch",
    projectImage: "assets/GIFs/stopWatch.gif",
    projectUrl: "public/StopWatch.html",
  },
  {
    projectName: "Animated Counter",
    projectImage: "assets/GIFs/animatedCounter.gif",
    projectUrl: "public/animatedCounter.html",
  },
  {
    projectName: "Bubble Sort",
    projectImage: "assets/GIFs/bubbleSort.gif",
    projectUrl: "public/bubbleSort.html",
  },
  {
    projectName: "Music Player",
    projectImage: "assets/GIFs/musicPlayer.gif",
    projectUrl: "public/music_player.html",
  },
  {
    projectName: "Maze Game",
    projectImage: "assets/GIFs/maze.gif",
    projectUrl: "public/maze.html",
  },
  {
    projectName: "Drizzle of Hearts",
    projectImage: "assets/GIFs/heart.gif",
    projectUrl: "public/hearts.html",
  },
  {
    projectName: "Drum Kit",
    projectImage: "assets/GIFs/drum-kit.gif",
    projectUrl: "public/drumKit.html",
  },
  {
    projectName: "Netflix Clone",
    projectImage: "assets/GIFs/netflix.gif",
    projectUrl: "public/netflix.html",
  },
  {
    projectName: "Analog Clock",
    projectImage: "assets/GIFs/analogClock.gif",
    projectUrl: "public/Analogclock.html",
  },
  {
    projectName: "Digital Clock",
    projectImage: "assets/GIFs/digitalClock.gif",
    projectUrl: "public/digitalClock.html",
  },
  {
    projectName: "Birthday Reminder",
    projectImage: "assets/Images/birthdayReminder.png",
    projectUrl: "public/birthdayReminder.html",
  },
  {
    projectName: "Date Time Widget",
    projectImage: "assets/GIFs/dateTimeWidget.gif",
    projectUrl: "public/dateTimeWidget.html",
  },
  {
    projectName: "FAQs",
    projectImage: "assets/GIFs/FAQs.gif",
    projectUrl: "public/FAQs.html",
  },
  {
    projectName: "Text Generator",
    projectImage: "assets/GIFs/textGenerator.gif",
    projectUrl: "public/textGenerator.html",
  },
  {
    projectName: "Auto-Text",
    projectImage: "assets/GIFs/auto-text.gif",
    projectUrl: "public/auto-text.html",
  },
  {
    projectName: "New Year Count Down",
    projectImage: "assets/GIFs/newYearCountdown.gif",
    projectUrl: "public/newyearcountdown.html",
  },
  {
    projectName: "Line replacing text",
    projectImage: "assets/GIFs/line-replacing-project-.gif",
    projectUrl: "public/line_replacing_project.html",
  },
  {
    projectName: "Stop Watch",
    projectImage: "assets/GIFs/stopWatch.gif",
    projectUrl: "public/StopWatch.html",
  },
  {
    projectName: "Animated Counter",
    projectImage: "assets/GIFs/animatedCounter.gif",
    projectUrl: "public/animatedCounter.html",
  },
  {
    projectName: "Music Player",
    projectImage: "assets/GIFs/musicPlayer.gif",
    projectUrl: "public/music_player.html",
  },
  {
    projectName: "Maze Game",
    projectImage: "assets/GIFs/maze.gif",
    projectUrl: "public/maze.html",
  },
  {
    projectName: "Drizzle of Hearts",
    projectImage: "assets/GIFs/heart.gif",
    projectUrl: "public/hearts.html",
  },
  {
    projectName: "Drum Kit",
    projectImage: "assets/GIFs/drum-kit.gif",
    projectUrl: "public/drumKit.html",
  },
  {
    projectName: "Netflix Clone",
    projectImage: "assets/GIFs/netflix.gif",
    projectUrl: "public/netflix.html",
  },
  {
    projectName: "Analog Clock",
    projectImage: "assets/GIFs/analogClock.gif",
    projectUrl: "public/Analogclock.html",
  },
  {
    projectName: "Digital Clock",
    projectImage: "assets/GIFs/digitalClock.gif",
    projectUrl: "public/digitalClock.html",
  },
  {
    projectName: "Birthday Reminder",
    projectImage: "assets/Images/birthdayReminder.png",
    projectUrl: "public/birthdayReminder.html",
  },
  {
    projectName: "Date Time Widget",
    projectImage: "assets/GIFs/dateTimeWidget.gif",
    projectUrl: "public/dateTimeWidget.html",
  },
  {
    projectName: "Text Generator",
    projectImage: "assets/GIFs/textGenerator.gif",
    projectUrl: "public/textGenerator.html",
  },
  {
    projectName: "Auto-Text",
    projectImage: "assets/GIFs/auto-text.gif",
    projectUrl: "public/auto-text.html",
  },
  {
    projectName: "Reviews",
    projectImage: "assets/GIFs/reviews.gif",
    projectUrl: "public/reviews.html",
  },
  {
    projectName: "New Year Count Down",
    projectImage: "assets/GIFs/newYearCountdown.gif",
    projectUrl: "public/newyearcountdown.html",
  },
  {
    projectName: "Line replacing text",
    projectImage: "assets/GIFs/line-replacing-project-.gif",
    projectUrl: "public/line_replacing_project.html",
  },
  {
    projectName: "Password Generator",
    projectImage: "assets/GIFs/passwordGenerator.gif",
    projectUrl: "public/passwordGenerator.html",
  },
  {
    projectName: "BMI Calculator",
    projectImage: "assets/GIFs/BMIcal.gif",
    projectUrl: "public/BMICalculator.html",
  },
  {
    projectName: "URL Shortner",
    projectImage: "assets/GIFs/urlShortner.gif",
    projectUrl: "public/url-shortner.html",
  },
  {
    projectName: "Mario Game",
    projectImage: "assets/GIFs/mario.gif",
    projectUrl: "public/mario.html",
  },
  {
    projectName: "Drawing App",
    projectImage: "assets/GIFs/draw.gif",
    projectUrl: "public/draw.html",
  },
  {
    projectName: "QR Code Generator",
    projectImage: "assets/GIFs/qrCode.gif",
    projectUrl: "public/QRCode.html",
  },
  {
    projectName: "Word Counter",
    projectImage: "assets/GIFs/wordCounter.gif",
    projectUrl: "public/wordCounter.html",
  },
  {
    projectName: "Tic Tac Toe Game",
    projectImage: "assets/GIFs/ticTacToe.gif",
    projectUrl: "public/Tic_Tac_Toe.html",
  },
  {
    projectName: "DragNDrop",
    projectImage: "assets/GIFs/DragNDrop.gif",
    projectUrl: "public/DragNDrop.html",
  },
  {
    projectName: "Typing Speed Tester",
    projectImage: "assets/GIFs/typing_speed_test.gif",
    projectUrl: "public/typing_speed_test.html",
  },
  {
    projectName: "Quiz App",
    projectImage: "assets/GIFs/quizApp.gif",
    projectUrl: "public/quizapp.html",
  },
  {
    projectName: "Day Of the Week",
    projectImage: "assets/Images/DaysOfWeek.png",
    projectUrl: "public/DaysOfWeek.html",
  },
  {
    projectName: "Hangman",
    projectImage: "assets/GIFs/hangman.gif",
    projectUrl: "public/hangman.html",
  },
  {
    projectName: "Rock Paper Sessior Game",
    projectImage: "assets/Images/r-p-s/rps.gif",
    projectUrl: "public/Rock-paper-sesssior.html",
  },
  {
    projectName: "Weather App",
    projectImage: "assets/GIFs/Weather_app.gif",
    projectUrl: "public/Weather_app.html",
  },
  {
    projectName: "MemeUrl",
    projectImage: "assets/GIFs/memeUrl.png",
    projectUrl: "public/memeUrl.html",
  },
  {
    projectName: "RGB Color Guessing Game",
    projectImage: "assets/GIFs/RGB_Color.gif",
    projectUrl: "public/RGB_Color_Guessing_Game.html",
  },
  {
    projectName: "Text to Voice Generator",
    projectImage: "assets/GIFs/textToVoice",
    projectUrl: "public/textToVoice.html",
  },
  {
    projectName: "MemeUrl",
    projectImage: "assets/GIFs/memeUrl.png",
    projectUrl: "public/memeUrl.html",
  },
  {
    projectName: "RGB Color Guessing Game",
    projectImage: "assets/GIFs/RGB_Color.gif",
    projectUrl: "public/RGB_Color_Guessing_Game.html",
  },
  {
    projectName: "Github User Finder",
    projectImage: "assets/GIFs/github_finder.gif",
    projectUrl: "public/github_finder.html",
  },
  {
    projectName: "Rode Slider Game",
    projectImage: "assets/GIFs/rodeslidergame.gif",
    projectUrl: "public/rodeslider.html",
  },
  {
    projectName: "User list filter",
    projectImage: "assets/GIFs/UserListFilter.gif",
    projectUrl: "public/UserListFilter.html",
  },
  {
    projectName: "Particle JS Project",
    projectImage: "assets/GIFs/Particle.gif",
    projectUrl: "public/Particle.html",
  },
  {
    projectName: "Yoga App",
    projectImage: "assets/GIFs/yoga.gif",
    projectUrl: "public/yoga.html",
  },
  {
    projectName: "Flip Cards",
    projectImage: "assets/GIFs/flipped.gif",
    projectUrl: "public/flipcards.html",
  },
  {
    projectName: "Device Info",
    projectImage: "assets/GIFs/DeviceInfo.gif",
    projectUrl: "public/deviceInfo.html",
  },
  {
    projectName: 'Particle JS Project',
    projectImage: 'assets/GIFs/Particle.gif',
    projectUrl: 'public/Particle.html',
  },
  {
    projectName: "Calendar",
    projectImage: "assets/Images/calendar_backcover.png",
    projectUrl: "public/calendar.html",
  },
  {
    projectName: "Text to Voice Generator",
    projectImage: "assets/GIFs/textToVoice.gif",
    projectUrl: "public/textToVoice.html",
  },
  {
    projectName: "Randam User Finder",
    projectImage: "assets/GIFs/Random_User.gif",
    projectUrl: "public/Randomuser.html",
  },
  {
    projectName: "Math Quiz for kids 🙂 ",
    projectImage: "assets/Images/MathQuiz.jpg",
    projectUrl: "public/MathQuiz.html",
  },
  {
    projectName: "Animated Minion Eyes",
    projectImage: "assets/GIFs/Minion-Eyes.gif",
    projectUrl: "public/Minion-Eyes.html",
  },
  {
    projectName: "2048 Game",
    projectImage: "assets/GIFs/2048.gif",
    projectUrl: "public/2048.html",

  }, {

    projectName: "PingPong Game",
    projectImage: "assets/GIFs/pingpong-image.gif",
    projectUrl: "public/pingpong.html",
  },
  {
    projectName: "Text To Speech",
    projectImage: "assets/GIFs/speechText.gif",
    projectUrl: "public/TextToSpeech.html",
  },
  {
    projectName: "Recipe Finder",
    projectImage: "assets/GIFs/recipie.gif",
    projectUrl: "public/Recipie_finder.html",
  },
  {
    projectName: "Breakout!",
    projectImage: "assets/GIFs/breakout.gif",
    projectUrl: "public/breakout.html",
  },
  {
    projectName: "Random Color Generator",
    projectImage: "assets/Images/randomColorGenerator.png",
    projectUrl: "public/randomColorGenerator.html",
  },
  {
    projectName: "love Calculator",
    projectImage: "assets/GIFs/loveCalculator.gif",
    projectUrl: "public/loveCalculator.html",
  },
  {
    projectName: "Live Code Editor",
    projectImage: "assets/GIFs/LiveEditor.gif.gif",
    projectUrl: "public/Live_Code_Editor.html",
  },
  {
    projectName: "Live Code Editor",
    projectImage: "assets/GIFs/LiveEditor.gif.gif",
    projectUrl: "public/Live_Code_Editor.html",
  },
  {
    projectName: "love Calculator",
    projectImage: "assets/GIFs/loveCalculator.gif",
    projectUrl: "public/loveCalculator.html",
  },
  {
    projectName: "Live Code Editor",
    projectImage: "assets/GIFs/LiveEditor.gif.gif",
    projectUrl: "public/Live_Code_Editor.html",
  },
  {
    projectName: " Key Event Code",
    projectImage: "assets/GIFs/KeyEventCode.gif ",
    projectUrl: "public/KeyEventCode.html",
  },
  {
    projectName: " Rotating Navigation",
    projectImage: "assets/GIFs/RotatingNav.gif ",
    projectUrl: "public/RotatingNav.html",
  },
  {
    projectName: "Expanding Card",
    projectImage: "assets/GIFs/ExpandingCard.gif",
    projectUrl: "public/ExpandingCard.html",
  },
  {
    projectName: 'Background Slider',
    projectImage: 'assets/GIFs/BackgroundSlider.gif',
    projectUrl: 'public/BackgroundSlider.html',
  },
  {
    projectName: 'Testimonial Design',
    projectImage: 'assets/GIFs/TestimonialDesign.gif',
    projectUrl: 'public/TestimonialDesign.html',
  },
  {
    projectName: 'Contacts Search',
    projectImage: 'assets/GIFs/contactSearch.gif',
    projectUrl: 'public/contactSearch.html',
  },
  {
    projectName: "Pixels Game",
    projectImage: "assets/GIFs/pixels.gif",
    projectUrl: "public/pixels-game.html",
  },
  {
    projectName: "PIN Code Tracker",
    projectImage: "assets/GIFs/pinCodeSearch.gif",
    projectUrl: "public/pinCodeSearch.html",
  },
  {
    projectName: "Custom Video Player",
    projectImage: "assets/Images/customVideoPlayer.png",
    projectUrl: "public/VideoPlayer.html",
  },
  {
    projectName: "Color Picker and Converter",
    projectImage: "assets/GIFs/ColorPickerConverter.gif",
    projectUrl: "public/ColorPickerConverter.html",
  },
  {
    projectName: "Github Issue Tracker",
    projectImage: "assets/Images/IssueTracker.png",
    projectUrl: "public/IssueTracker.html",
  },
  {
    projectName: "Study Timer",
    projectImage: "assets/Images/StudyTimer.png",
    projectUrl: "public/StudyTimer.html",
  },
  {
    projectName: "Progress bar",
    projectImage: "assets/GIFs/progressbar.png",
    projectUrl: "public/progressbar.html",
  },
  {
    projectName: "Palindrome Checker",
    projectImage: "assets/Images/palindrome.jpg",
    projectUrl: "public/palindrome.html",
  },
  {
    projectName: "Student marks calculator",
    projectImage: "assets/Images/studentCalc.png",
    projectUrl:"public/studentCalc.html",
  },
  {
    projectName: "Moving Car Animation",
    projectImage: "assets/GIFs/Animated_moving_car.gif",
    projectUrl: "public/Animated_moving_car.html",
  },


  //   {
  //     projectName: "DarkMode",
  //     projectImage: {
  //                     "assets/Images/DarkMode1.jpeg",
  //                     "assets/Image/DarkMode2.jpeg",
  //                   },
  //     projectUrl: "public/DarkMode.html",
  //    },
  
//   {
//     projectName: "DarkMode",
//     projectImage: {
//                     "assets/Images/DarkMode1.jpeg",
//                     "assets/Image/DarkMode2.jpeg",
//                   },
//     projectUrl: "public/DarkMode.html",
//    },

  {
    projectName: "DarkMode",
    projectImage: "assets/Images/DarkMode2.jpeg",
    projectUrl: "public/DarkMode.html",
  },
  {
    projectName: "Blurry Loading Interface",
    projectImage: "assets/GIFs/Blurry_Loading_Interface.gif",
    projectUrl: "public/blurry_loading_interface.html",
  }, {
    projectName: "Sequence Game",
    projectImage: "assets/Images/sequence-game.png",
    projectUrl: "public/Sequence-game.html",
  },

  {
    projectName: "Connect Four",
    projectImage: "assets/GIFs/connectFour.gif",
    projectUrl: "public/connectFour.html",
  },
  {
    projectName: "Bookmarks App",
    projectImage: "assets/Images/BookMarks.jpg",
    projectUrl: "public/bookmarks.html",
  },
  {
    projectName: "Exchange Rate",
    projectImage: "assets/Images/ExchangeRate.png",
    projectUrl: "public/ExchangeRate.html",
  },
  {
    projectName: "Mapping Earthquake Data",
    projectImage: "assets/Images/earthquake.png",
    projectUrl: "public/map_earthquake_data.html",
  },
  {
    projectName: 'Word Scramble Game',
    projectImage: 'assets/GIFs/wordScramble.gif',
    projectUrl: 'public/wordScramble.html',
  },
  {
    projectName: "Image Gallery",
    projectImage: "assets/Images/imageGallery/images",
    projectUrl: "public/imageGallery.html",
  },
  {
    projectName: "Expense Tracker",
    projectImage: "assets/GIFs/ExpenseTracker.gif",
    projectUrl: "public/ExpenseTracker.html",
  },
  {
    projectName: "Weight Converter",
    projectImage: "assets/GIFs/WeightConverter.gif",
    projectUrl: "public/WeightConverter.html",
  },
  {
    projectName: "Flappy Bird",
    projectImage: "assets/Images/FlappyBird/FlappyBirdDemo",
    projectUrl: "public/flappybird.html",
  },
  {
    projectName: "HTTP - CATS",
    projectImage: "assets/GIFs/httpcats.gif",
    projectUrl: "public/httpcats.html",
  },
  {
    projectName: "Form Wave Animation",
    projectImage: "assets/GIFs/Form_Wave_Animation.gif",
    projectUrl: "public/Form_Wave_Animation.html",
  },
  {
    projectName: "Typewriter Effect",
    projectImage: "assets/GIFs/typewriter.gif",
    projectUrl: "public/typewriter.html",
  },
  {
    projectName: "AwesomeSnakeGame",
    projectImage: "assets/GIFs/AwesomeSnakeGame.gif",
    projectUrl: "public/AwesomeSnakeGame.html",
  },
  {
    projectName: "Pagination",
    projectImage: "assets/Images/Pagination.png",
    projectUrl: "public/Pagination.html",
  },
  {
    projectName: "Speech Recognization",
    projectImage: "assets/Images/speech-recognization.PNG",
    projectUrl: "public/speech-recognization.html",
  }, {
    projectName: "PianoApp",
    projectImage: "assets/Images/pianoApp.png",
    projectUrl: "public/pianoApp.html",
  }, {
    projectName: "Lyrics App",
    projectImage: "assets/GIFs/lyricsApp.gif",
    projectUrl: "public/lyricsApp.html",
  },
  {
    projectName: "Breakout!",
    projectImage: "assets/GIFs/breakouthere.gif",
    projectUrl: "public/breakout.html",
  },
  {
    projectName: "TV Show Search",
    projectImage: "assets/GIFs/TV_ShowSearch.gif",
    projectUrl: "public/TV_ShowSearch.html",
  },
  {
    projectName: "Age Calculator",
    projectImage: "assets/Images/AgeCalculator.png",
    projectUrl: "public/AgeCalculator.html",
  },
  {
    projectName: "Spotify Finder",
    projectImage: "assets/Images/SpotifyFinder.png",
    projectUrl: "public/SpotifyFinder.html",
  },
  {
    projectName: "FruitSlicer",
    projectImage: "assets/GIFs/fruitSlicer.gif",
    projectUrl: "public/fruitSlicer.html",
  },
  {
    projectName: "Computer Giveaway",
    projectImage: "assets/Images/giveaway.jpg",
    projectUrl: "public/giveaway.html",
  },{
    projectName: "FoodRecipe",
    projectImage: "assets/GIFs/foodRecipe.gif",
    projectUrl: "public/foodRecipe.html",

  }, {

    projectName: "Simon's Game",
    projectImage: "assets/Images/Simons_s_Game.png",
    projectUrl: "public/simon.html",
  },
  {
    projectName: "Image Editor",
    projectImage: "assets/GIFs/Image_editor.gif",
    projectUrl: "public/Image_editor.html",
  },
  {
    projectName: "Image Editor",
    projectImage: "assets/GIFs/Image_editor.gif",
    projectUrl: "public/Image_editor.html",
  },
  {
    projectName: "Falling Bullets Animation JS",
    projectImage: "assets/GIFs/FallingBulletsAnimation.gif",
    projectUrl: "public/FallingBulletsAnimation.html",
  },
  {
    projectName: "JavaScript Dragon Game",
    projectImage: "assets/Images/JavaScript Dragon Game.png",
    projectUrl: "public/Dino game.html",
  }, {

    projectName: 'Giphy-Search',
    projectImage: 'assets/GIFs/Giphy-Search.gif',
    projectUrl: 'public/Giphy-Search.html',
  },
  {
    projectName: 'Play-Beats',
    projectImage: 'assets/GIFs/playbeats.gif',
    projectUrl: 'public/Play-Beats.html',
  },
  {
    projectName: "Factorial Calculator",
    projectImage: "assets/Images/FactorialCalculator.jpg",
  },
  {
    projectName: "Hospital Registration Form",
    projectImage: "assets/GIFs/registration_form.gif",
    projectUrl: "public/registration_form.html",
  },
  {
    projectName: "Lyrics App",
    projectImage: "assets/GIFs/lyricsApp.gif",
    projectUrl: "public/lyricsApp.html",
  },
  {
    projectName: "Breakout!",
    projectImage: "assets/GIFs/breakouthere.gif",
    projectUrl: "public/breakout.html",
  },
  {

    projectName: "New year crackers",
    projectImage: "assets/GIFs/newyearwish.gif",
    projectUrl: "public/newyearwish.html",
  },
  {
    projectName: "love Calculator",
    projectImage: "assets/GIFs/loveCalculator.gif",
    projectUrl: "public/loveCalculator.html",
  },
  {
    projectName: "Tetris Game",
    projectImage: "assets/Images/TetrisGame.png",
    projectUrl: "public/TetrisGame.html",
  },
  {
    projectName: "Factorial Calculator",
    projectImage: "assets/Images/FactorialCalculator.jpg",
    projectUrl: "public/FactorialCalculator.html",
  },
  {
    projectName: "Speech To Text Converter",
    projectImage: "assets/GIFs/SpeechtoText.gif",
    projectUrl: "public/SpeechtoText.html",
  },
  {
    projectName: "Car Avoidance Game",
    projectImage: "assets/Images/carAvoidanceGame.png",
    projectUrl: "public/carAvoidanceGame.html",
  }, {

    projectName: "New year crackers",
    projectImage: "assets/GIFs/newyearwish.gif",
    projectUrl: "public/newyearwish.html",
  },
  {
    projectName: "Speech To Text Converter",
    projectImage: "assets/GIFs/SpeechtoText.gif",
    projectUrl: "public/SpeechtoText.html",
  },
  {
    projectName: "Memes Generator",
    projectImage: "assets/Images/memeimages/memebg.png",
    projectUrl: "public/Memegenerator.html",
  },
  {
    projectName: "Meme Soundboard",
    projectImage: "assets/Images/meme_sound_icon.jpg",
    projectUrl: "public/meme_soundboard.html",
  },
  {
    projectName: '3D Cube',
    projectImage: 'assets/GIFs/3DCube.gif',
    projectUrl: 'public/3DCube.html'
  },
  {
    projectName: "Armstrong Checker",
    projectImage: "assets/GIFs/ArmstrongNumber.gif",
    projectUrl: "public/ArmstrongNumber.html",
  }, {
    projectName: " Testimonial Design",
    projectImage: "assets/GIFs/TestimonialDesign.gif ",
    projectUrl: "public/TestimonialDesign.html",
  },
  {
    projectName: "Code Converter",
    projectImage: "assets/GIFs/Code_Converter.gif",
    projectUrl: "public/Code_Converter.html",
  },
  {
    projectName: "AmoungUs Game Move",
    projectImage: "assets/GIFs/amongus.gif",
    projectUrl: "public/amongus.html",
  },
  {
    projectName: "Progress Steps",
    projectImage: "assets/GIFs/Progress_steps.gif",
    projectUrl: "public/Progress_Steps.html",
  },

   {
    projectName: "Rose | Mathematics",
    projectImage: "assets/Images/rose-mathematics/icon.png",
    projectUrl: "public/rose-mathematics.html",
  }
];

let projectContainer = document.getElementById("js-projects");
console.log(projectContainer);

window.addEventListener("load", getProjects());

function getProjects() {
  let output = "";
  projectData.forEach(
    (data, item) =>
    (output += `
    <div class="projectCard">
    <a href=${data.projectUrl} class="hoverEffect" target="_blank">
      <img
        class="projectCardImg"
        src=${data.projectImage}
        alt="Card image cap"
      />
        <h5 class="projectCardTitle">${data.projectName}</h5>
        <span class="computerLegs"></span>
        <span class="computerBase"></span>
    </a>
  </div>
  `)
  );

  projectContainer.innerHTML = output;
  console.log("projectContainer", projectContainer.innerHTML);
}

window.onscroll = function () {
  myFunction();
};

var navbar = document.getElementById("Navbar");
var sticky = navbar.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky");
  } else {
    navbar.classList.remove("sticky");
  }
}