enhance projects section, issue loading locally in firefox, chrome/sa…

…fari ok

README.md

@@ -3,10 +3,9 @@
 ## WIP
 
 ## issues
-- progress bar is missing for carousel-disappeared once restyled card.
-- want to add a pause button or arrows for carousel?
+- want arrows/pause button closer to each other and to hug the bottom of each project card, right now there is a gap if it's a short description.
 - contact header is not lined up the same as about/projects
-- fix footer
+- looks great in safari & chrome. getting runtime error in firefox. 
 
 
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

components/Carousel.tsx

@@ -3,7 +3,6 @@
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Autoplay, Navigation } from "swiper/modules";
 import 'swiper/css';
-// import 'swiper/css/pagination';
 import 'swiper/css/navigation';
 import { PlayIcon, PauseIcon } from "@heroicons/react/24/outline";
 

next.config.mjs

@@ -1,9 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  //uncomment these 2 before pushing and new build
   basePath: "/kimmykokonut.github.io",
   output: "export", //enables static exports
   reactStrictMode: true,
 };
 
-// module.exports = nextConfig;
 export default nextConfig;