chore: resize and compress gif

hidaviddong · Jun 25, 2024 · ce5b8bf · ce5b8bf
1 parent bc51c59
commit ce5b8bf
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 3 deletions.
diff --git a/src/pages/project/data-visualization/+Page.jsx b/src/pages/project/data-visualization/+Page.jsx
@@ -3,6 +3,7 @@ import Baked from "./assets/baked.jpg";
 import EchartMap from "./assets/map.gif";
 import Model from "./assets/model.png";
 import Texture from "./assets/texture.png";
+import EEG from './assets/eeg.gif'
 export default function Page() {
 	return (
 		<div className="flex flex-col">
@@ -55,7 +56,15 @@ export default function Page() {
 				<div className="flex flex-col justify-center items-center">
 					<img src={EchartMap} alt="map" className="bg-gray-50 border rounded-md my-0" />
 					<p className="my-0 mt-4 text-sm font-medium">Map</p>
-					<p className="my-0 text-neutral-400 text-sm">Implement map interaction using ECharts</p>
+					<p className="my-0 text-neutral-400 text-sm">Implement map interaction using ECharts.</p>
+				</div>
+
+				<Separator />
+
+				<div className="flex flex-col justify-center items-center">
+					<img src={EEG} alt="EEG" className="bg-gray-50 border rounded-md my-0" />
+					<p className="my-0 mt-4 text-sm font-medium">Spectral Analysis</p>
+					<p className="my-0 text-neutral-400 text-sm">An EEG Analysis editor website.</p>
 				</div>
 			</div>
 		</div>

diff --git a/src/pages/project/data-visualization/assets/eeg.gif b/src/pages/project/data-visualization/assets/eeg.gif
diff --git a/src/pages/project/tme/+Page.jsx b/src/pages/project/tme/+Page.jsx
@@ -12,13 +12,13 @@ export default function Page() {
 				<div className="flex flex-col justify-center items-center">
 					<img src={game} alt="game" className="bg-gray-50 border rounded-md my-0" />
 					<p className="my-0 mt-4 text-sm font-medium">Mini game</p>
-					<p className="my-0 text-neutral-400 text-sm">Mini-games in the live streaming room</p>
+					<p className="my-0 text-neutral-400 text-sm">Mini-games in the live streaming room.</p>
 				</div>
 				<div className="flex flex-col justify-center items-center">
 					<img src={rank} alt="rank" className="bg-gray-50 border rounded-md my-0" />
 					<p className="my-0 mt-4 text-sm font-medium">Rank List</p>
 					<p className="my-0 text-neutral-400 text-sm">
-						View the ranking of users in the live streaming room
+						View the ranking of users in the live streaming room.
 					</p>
 				</div>
 			</div>

diff --git a/src/pages/project/tme/assets/game.gif b/src/pages/project/tme/assets/game.gif
diff --git a/src/pages/project/tme/assets/rank.gif b/src/pages/project/tme/assets/rank.gif