Downsample imgs

maxmin-es · Mar 25, 2020 · 09739d6 · 09739d6
1 parent 22398d0
commit 09739d6
Show file tree

Hide file tree

Showing 50 changed files with 27 additions and 27 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/ehx.html b/ehx.html
@@ -79,7 +79,7 @@
 		feature some new products, provide some brief text on why.
 		<br>
 		<br>
-		<img src="img/ehx.jpg" class="img-fluid projectimg" alt="">
+		<img src="img/ehx/ehx.jpg" class="img-fluid projectimg" alt="">
 		<br>
 		<br>
 		Electro-Harmonix and perhaps some explanation on the history of the brand. 
@@ -90,7 +90,7 @@
 		website if pedals don’t? In the wireframe below I propose a new set of menu items. 
 		<br>
 		<br>
-		<img src="img/wireframe1.jpg" class="img-fluid projectimg" alt="">
+		<img src="img/ehx/wireframe1.jpg" class="img-fluid projectimg" alt="">
 		<br>
 		<br>
 		The ‘Products’ item on the menu bar would have a hover dropdown with a few broad categories, the first being pedals (the current site has more dropdown items than fit on my 13” Macbook screen). 
@@ -101,26 +101,26 @@
 		to many e-commerce websites (Nike.com for example). Items on the screen dynamically reorganize when the user changes the filters at the top of the page. 
 		<br>
 		<br>
-		<img src="img/wireframe2.jpg" class="img-fluid " alt="">
+		<img src="img/ehx/wireframe2.jpg" class="img-fluid " alt="">
 		<br>
 		<br>
 		Clicking on a specific item on the grid brings the user to a more detailed product page. 
 		This page might have images of the pedal, sound or video clips of the pedal being used, images, product details, 
 		and a direct link to purchase the pedal. 
 		<br>
 		<br>
-		<img src="img/wireframe3.jpg" class="img-fluid " alt="">
+		<img src="img/ehx/wireframe3.jpg" class="img-fluid " alt="">
 		<br>
 		<br>
 		<div class="subtitle">Visual Redesign</div>
 		One of ehx.com’s biggest weaknesses is it’s aesthetic which looks chaotic and dated. 
 		Here I propose some visual changes which will aid in the visual appeal of the sight as well as the general usability. 
 		<br>
 		<br>
-		<img src="img/ehx_products.jpg" class="img-fluid" alt="">
+		<img src="img/ehx/ehx_products.jpg" class="img-fluid" alt="">
 		<br>
 		<br>
-		<img src="img/hiresehx.png" class="img-fluid" alt="">
+		<img src="img/ehx/hiresehx.png" class="img-fluid" alt="">
 
 		<div class="subtitle">Redesign of 'Products' Page</div>
 
@@ -152,10 +152,10 @@
 		and the 4-width grid on the larger displays verus a 2-width grid on the smaller displays. 
 		<br>
 		<br>
-		<img src="img/ehx_products_re1.jpg" class="img-fluid projectimg" alt="">
+		<img src="img/ehx/ehx_products_re1.jpg" class="img-fluid projectimg" alt="">
 		<br>
 		<br>
-		<img src="img/ehx_products_re2.jpg" class="img-fluid projectimg" alt="">
+		<img src="img/ehx/ehx_products_re2.jpg" class="img-fluid projectimg" alt="">
 		</div>
     </div>
 

diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/img/57665266541__2205D090-A4F3-446A-B9FA-00796A3B0718.mov b/img/57665266541__2205D090-A4F3-446A-B9FA-00796A3B0718.mov
diff --git a/img/aw_bg2.jpg b/img/aw_bg2.jpg
diff --git a/img/catphoto.jpg b/img/catphoto.jpg
diff --git a/img/eharmonix-01.png b/img/eharmonix-01.png
diff --git a/img/ehx.jpg → img/ehx/ehx.jpg b/img/ehx.jpg → img/ehx/ehx.jpg
diff --git a/img/ehx_products.jpg → img/ehx/ehx_products.jpg b/img/ehx_products.jpg → img/ehx/ehx_products.jpg
diff --git a/img/ehx_products_re1.jpg → img/ehx/ehx_products_re1.jpg b/img/ehx_products_re1.jpg → img/ehx/ehx_products_re1.jpg
diff --git a/img/ehx_products_re2.jpg → img/ehx/ehx_products_re2.jpg b/img/ehx_products_re2.jpg → img/ehx/ehx_products_re2.jpg
diff --git a/img/hiresehx.png → img/ehx/hiresehx.png b/img/hiresehx.png → img/ehx/hiresehx.png
diff --git a/img/wireframe1.jpg → img/ehx/wireframe1.jpg b/img/wireframe1.jpg → img/ehx/wireframe1.jpg
diff --git a/img/wireframe2.jpg → img/ehx/wireframe2.jpg b/img/wireframe2.jpg → img/ehx/wireframe2.jpg
diff --git a/img/wireframe3.jpg → img/ehx/wireframe3.jpg b/img/wireframe3.jpg → img/ehx/wireframe3.jpg
diff --git a/img/languageplease.jpg b/img/languageplease.jpg
diff --git a/img/lp2.jpg b/img/lp2.jpg
diff --git a/img/lp3.jpg b/img/lp3.jpg
diff --git a/img/kdtree.png → img/maps/kdtree.png b/img/kdtree.png → img/maps/kdtree.png
diff --git a/img/trie.png → img/maps/trie.png b/img/trie.png → img/maps/trie.png
diff --git a/img/maxdark.jpg b/img/maxdark.jpg
diff --git a/img/map_2-01.png → img/projectimg/map_2-01.png b/img/map_2-01.png → img/projectimg/map_2-01.png
diff --git a/img/pedals_white.png → img/projectimg/pedals_white.png b/img/pedals_white.png → img/projectimg/pedals_white.png
diff --git a/img/sana_white.png → img/projectimg/sana_white.png b/img/sana_white.png → img/projectimg/sana_white.png
diff --git a/img/snapplay_white.png → img/projectimg/snapplay_white.png b/img/snapplay_white.png → img/projectimg/snapplay_white.png
diff --git a/img/ipa.png → img/sana/ipa.png b/img/ipa.png → img/sana/ipa.png
diff --git a/img/sanaballs.png → img/sana/sanaballs.png b/img/sanaballs.png → img/sana/sanaballs.png
diff --git a/img/sanamovie.mp4 → img/sana/sanamovie.mp4 b/img/sanamovie.mp4 → img/sana/sanamovie.mp4
diff --git a/img/sanavoice.png → img/sana/sanavoice.png b/img/sanavoice.png → img/sana/sanavoice.png
diff --git a/img/thesearchisover.png → img/sana/thesearchisover.png b/img/thesearchisover.png → img/sana/thesearchisover.png
diff --git a/img/sanavoicelogo.png b/img/sanavoicelogo.png
diff --git a/img/sanavoicelogo2.png b/img/sanavoicelogo2.png
diff --git a/img/snapplay-01.png b/img/snapplay-01.png
diff --git a/img/snapplay.png b/img/snapplay.png
diff --git a/img/eighth.png → img/snapplay/eighth.png b/img/eighth.png → img/snapplay/eighth.png
diff --git a/img/epochs.png → img/snapplay/epochs.png b/img/epochs.png → img/snapplay/epochs.png
diff --git a/img/half.png → img/snapplay/half.png b/img/half.png → img/snapplay/half.png
diff --git a/img/hotcross.png → img/snapplay/hotcross.png b/img/hotcross.png → img/snapplay/hotcross.png
diff --git a/img/quarter1.png → img/snapplay/quarter1.png b/img/quarter1.png → img/snapplay/quarter1.png
diff --git a/img/quarter2.png → img/snapplay/quarter2.png b/img/quarter2.png → img/snapplay/quarter2.png
diff --git a/img/sheetmusic.jpeg → img/snapplay/sheetmusic.jpeg b/img/sheetmusic.jpeg → img/snapplay/sheetmusic.jpeg
diff --git a/img/trainingImage37.png → img/snapplay/trainingImage37.png b/img/trainingImage37.png → img/snapplay/trainingImage37.png
diff --git a/img/trainingImage58.png → img/snapplay/trainingImage58.png b/img/trainingImage58.png → img/snapplay/trainingImage58.png
diff --git a/img/tune.png → img/snapplay/tune.png b/img/tune.png → img/snapplay/tune.png
diff --git a/img/woodsphoto.jpg b/img/woodsphoto.jpg
diff --git a/img/woodsphoto2.jpg b/img/woodsphoto2.jpg
diff --git a/maps.html b/maps.html
@@ -85,7 +85,7 @@
 		K-D Tree class a series of Map Node objects which each have a .getCoordinates() method. 
 		<br>
 		<br>
-		<img src="img/kdtree.png" class="img-fluid" alt="">
+		<img src="img/maps/kdtree.png" class="img-fluid" alt="">
 		<br>
 		<br>
 		A K-D Tree is a binary search tree with data of k dimensions. Each depth level of the tree represents a different 
@@ -123,7 +123,7 @@
 		Tries are also known as prefix trees because each node represents an additional letter added onto the parent's value (see figure below).
 		<br>
 		<br>
-		<img src="img/trie.png" class="img-fluid" alt="">
+		<img src="img/maps/trie.png" class="img-fluid" alt="">
 		<br>
 		<br>
 		A few notes on my trie implementation: Each node on the tree has a hashmap with 26 entries pointing to child nodes (if they exist). For example, if the first

diff --git a/projects.html b/projects.html
@@ -44,19 +44,19 @@
 
 	<div class="project-display">
 	<div class="project proj1">
-		<a href="./snapplay.html"><img src="img/snapplay_white.png" class="project-img"></a>
+		<a href="./snapplay.html"><img src="img/projectimg/snapplay_white.png" class="project-img"></a>
 		<div class="project-desc">Snapplay | Computer Vision Final</div>
 	</div>
 	<div class="project proj4">
-		<a href="./ehx.html"><img src="img/pedals_white.png" class="project-img"></a>
+		<a href="./ehx.html"><img src="img/projectimg/pedals_white.png" class="project-img"></a>
 		<div class="project-desc">EHX Redesign | UI/UX</div>
 	</div>
 	<div class="project proj3">
-		<a href="./sana.html"><img src="img/sana_white.png" class="project-img"></a>
+		<a href="./sana.html"><img src="img/projectimg/sana_white.png" class="project-img"></a>
 		<div class="project-desc">Sana Labs | Front-End</div>
 	</div>
 	<div class="project proj2" >
-		<a href="./maps.html"><img src="img/map_2-01.png" class="project-img"></a>
+		<a href="./maps.html"><img src="img/projectimg/map_2-01.png" class="project-img"></a>
 		<div class="project-desc">Maps | Software Dev Final</div>
 	</div>
 </div>

diff --git a/sana.html b/sana.html
@@ -74,7 +74,7 @@
 		These sentences feature the phonemes that need improvement in various contexts to ensure thorough practice. The coach reads the phrase aloud, then prompts the user to repeat the sentence word-by-word. 
 		The coach returns to mispronounced words at the end of the sentence. At the end of the session, a user is presented with a breakdown of their performance and phonemes they should practice pronouncing.
 		<br><br><video class="ani fade-in ani-3" style="border-radius: 3px; width: 90%; height: auto;" autoplay muted loop id="myVideo">
-			<source src="img/sanamovie.mp4" type="video/mp4">
+			<source src="img/sana/sanamovie.mp4" type="video/mp4">
 		</video><br/><br/>
 
 		<div class="subtitle">Conceptualizing the product</div>
@@ -91,7 +91,7 @@
 		This is why my pronunciation and discrimination of unfamiliar French phonemes improved so drastically while I was abroad and why my pronunciation stays stagnant when I’m in the 
 		silent section of the library studying my notes.
 		<br/><br/>
-		<img src="img/thesearchisover.png" class="img-fluid" alt="" ><br/><br/>
+		<img src="img/sana/thesearchisover.png" class="img-fluid" alt="" ><br/><br/>
 		<div class="subtitle">What it offers</div>
 
 
@@ -114,7 +114,7 @@
 
 		<br/><br/>
 
-		<img src="img/ipa.png" class="img-fluid" alt="">
+		<img src="img/sana/ipa.png" class="img-fluid" alt="">
 		<br/><br/>
 
 

diff --git a/snapplay.html b/snapplay.html
@@ -78,7 +78,7 @@
 			the specific transforms, most notably using the 
 			<a href="https://opencv-python-tutroals.readthedocs.io/en/latest/py_tutorials/py_imgproc/py_houghlines/py_houghlines.html">Hough Line Transform</a> to detect lines and a masking process to delete staff lines.
 		<br><br>
-		<img src="img/sheetmusic.jpeg" class="img-fluid projectimg" alt="" style="height: 100%; width: auto;">
+		<img src="img/snapplay/sheetmusic.jpeg" class="img-fluid projectimg" alt="" style="height: 100%; width: auto;">
 		<br><br>
 		<div class="subtitle">Preprocessing</div>
 		Before performing any work on the image, we preprocessed the image by scaling it to a certain size in order to aid in line detection and note detection 
@@ -107,7 +107,7 @@
 		same size as notes on the page.
 		<br/><br/>
 
-		<img src="img/hotcross.png"  alt="">
+		<img src="img/snapplay/hotcross.png"  alt="">
 		<br/><br/>
 
 		<div class="subtitle">Classifying Note Duration</div>
@@ -148,15 +148,15 @@
 		each pair in the corresponding lists. Afterwards, it writes the MIDI object to a file.
 		<br>
 		<br>
-		<img src="img/tune.png"  style="size: 50%;"alt="">
+		<img src="img/snapplay/tune.png"  style="size: 50%;"alt="">
 
 		<div class="subtitle">Results</div>
 
 		Our program achieved mixed success. While it aced pitch identification and omission of non-notes, 
 		its duration classification was iffy. With 12 epochs, our classifier consistently achieved around 98 percent accuracy on the training data.
 		<br>
 		<br>
-		<img src="img/epochs.png" class="img-fluid" alt="">
+		<img src="img/snapplay/epochs.png" class="img-fluid" alt="">
 		<br>
 		<br>
 		However, duration identification on unforeseen data was not quite as hot. This may have been cause by 
@@ -167,12 +167,12 @@
 		sampled from different parts of the image where line deletion achieved varying levels of success.
 		<br>
 		<br>
-		<img src="img/quarter1.png" class="img-fluid" alt="">
-		<img src="img/quarter2.png" class="img-fluid" alt="">
-		<img src="img/half.png" class="img-fluid" alt="">
-		<img src="img/eighth.png" class="img-fluid" alt="">
-		<img src="img/trainingImage37.png" class="img-fluid" alt="">
-		<img src="img/trainingImage58.png" class="img-fluid" alt="">
+		<img src="img/snapplay/quarter1.png" class="img-fluid" alt="">
+		<img src="img/snapplay/quarter2.png" class="img-fluid" alt="">
+		<img src="img/snapplay/half.png" class="img-fluid" alt="">
+		<img src="img/snapplay/eighth.png" class="img-fluid" alt="">
+		<img src="img/snapplay/trainingImage37.png" class="img-fluid" alt="">
+		<img src="img/snapplay/trainingImage58.png" class="img-fluid" alt="">
 		<br>
 		<br>
 		This project was super fun, but there's a lot left to improve. Some future features that we could implement if we