diff --git a/public/images/flappyMobile.png b/public/images/flappyMobile.png deleted file mode 100644 index 3a79531..0000000 Binary files a/public/images/flappyMobile.png and /dev/null differ diff --git a/public/images/messagingMobile.png b/public/images/messagingMobile.png deleted file mode 100644 index 4a8dbe7..0000000 Binary files a/public/images/messagingMobile.png and /dev/null differ diff --git a/public/images/movieMobile.png b/public/images/movieMobile.png deleted file mode 100644 index e3313e2..0000000 Binary files a/public/images/movieMobile.png and /dev/null differ diff --git a/public/images/pokeAPIMobile.png b/public/images/pokeAPIMobile.png deleted file mode 100644 index 5147384..0000000 Binary files a/public/images/pokeAPIMobile.png and /dev/null differ diff --git a/src/pages/projects/[route].astro b/src/pages/projects/[route].astro index dc284a7..6b5c54b 100644 --- a/src/pages/projects/[route].astro +++ b/src/pages/projects/[route].astro @@ -63,7 +63,7 @@ if (project == null) return
{`Image diff --git a/src/projects.json b/src/projects.json index 0b43396..bbed2b7 100644 --- a/src/projects.json +++ b/src/projects.json @@ -10,8 +10,7 @@ "link": "https://discord.com/api/oauth2/authorize?client_id=930172444910702653&permissions=150528&scope=applications.commands%20bot" }, "technologies": "This project was built using Node.js and Discord.js.", - "computerImage": "quadraticBotComputer.png", - "mobileImage": "flappyMobile.png", + "mainImage": "quadraticBotComputer.png", "thumbImage": "quadraticBot.png" }, { @@ -21,8 +20,7 @@ "overview": "A simple flappy bird game, made with html elements, CSS, and JavaScript. Made without using canvas.", "description": "A simple flappy bird game, made with the technologies listed below. This project uses a modular design, with many JS files working together. It uses ES6 arrow functions instead of regular functions.", "technologies": "This project was built using handcrafted HTML, CSS, and JavaScript, and canvas wasn't used. This project uses no bloated frontend technologies, making for quick loading times and fewer requests.", - "computerImage": "flappyComputer.png", - "mobileImage": "flappyMobile.png", + "mainImage": "flappyComputer.png", "thumbImage": "flappyThumb.jpg" }, { @@ -32,8 +30,7 @@ "overview": "A simple website where you can search for Pokemon by type or Pokedex. Uses the PokeAPI for data.", "description": "A simple website where you can search for Pokemon by type or Pokedex. Uses the PokeAPI for data. Made purely of HTML, CSS, and Vanilla Javascript. Uses the Fetch API for querying the PokeAPI.", "technologies": "This project was built using handcrafted HTML, CSS, and JavaScript. This project uses no bloated frontend technologies, making for quick loading times and fewer requests.", - "computerImage": "pokeAPIComputer.png", - "mobileImage": "pokeAPIMobile.png", + "mainImage": "pokeAPIComputer.png", "thumbImage": "pokeAPIThumb.png" }, { @@ -43,8 +40,7 @@ "overview": "A messaging website where multiple users can chat together.", "description": "A simple, open-source, online chat room where you can join online chat rooms, or create your own.", "technologies": "This project was built using handcrafted Javascript, as well as Node.js, Socket.io, and Express.", - "computerImage": "messagingComputer.png", - "mobileImage": "messagingMobile.png", + "mainImage": "messagingComputer.png", "thumbImage": "messagingThumb.png", "demoLink": "https://chat.henryhiles.com" }, @@ -55,7 +51,7 @@ "overview": "A simple Web-RTC powered video chat that uses PeerJS and Socket.IO.", "description": "A simple Web-RTC powered video chat, great for chatting with friends or family.", "technologies": "This project was built using EJS, PeerJS, Express, and Socket.IO.", - "computerImage": "videoChatComputer.png", + "mainImage": "videoChatComputer.png", "thumbImage": "videoChatThumb.png", "demoLink": "https://video.henryhiles.com" }, @@ -66,7 +62,7 @@ "overview": "A simple project to help with learning addition and subtraction.", "description": "A simple project to help with learning addition and subtraction. You can change the amount of numbers, and switch between addition and subtraction modes.", "technologies": "This project was built using React and CSS Modules.", - "computerImage": "mentalMathComputer.png", + "mainImage": "mentalMathComputer.png", "thumbImage": "mentalMathThumb.webp" }, { @@ -76,8 +72,7 @@ "overview": "A website to find movies, written in React.", "description": "An open-source website to find movies, written in React. Includes a client-side only rating system. Uses the TMDB API for data.", "technologies": "This project was built using React and CSS Modules.", - "computerImage": "movieComputer.png", - "mobileImage": "movieMobile.png", + "mainImage": "movieComputer.png", "thumbImage": "movieThumb.svg", "demoLink": "https://movies.henryhiles.com" }