Henry-Hiles/website-old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove unused images and clean up names

Browse source
This commit is contained in:
Henry Hiles 2023-05-18 14:59:41 -04:00
parent 1b0db2ea7d
commit a40d3feed8
6 changed files with 8 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/flappyMobile.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
public/images/messagingMobile.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 40 KiB

BIN
public/images/movieMobile.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 338 KiB

BIN
public/images/pokeAPIMobile.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 36 KiB

2
src/pages/projects/[route].astro
View file

@ -63,7 +63,7 @@ if (project == null) return
</article>
<article class={styles.image}>
<img
src={`/images/${project.computerImage}`}
src={`/images/${project.mainImage}`}
alt={`Image of ${project.name}`}
class={styles.screenshot}
/>

19
src/projects.json
View file

@ -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"
}