Updating other works

sm98 · Sep 1, 2024 · eac4362 · eac4362
1 parent a5fef0a
commit eac4362
Show file tree

Hide file tree

Showing 59 changed files with 125 additions and 38 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/about.html b/about.html
@@ -59,8 +59,8 @@
 
 			<div class="content mx-auto">
 
-				<!--nav screen-->
-				<div class="collapse navbar-collapse horCenter pt-5 mt-5" id="navbarMenu">
+			<!--nav screen-->
+			<div class="collapse navbar-collapse horCenter pt-5 mt-5" id="navbarMenu">
 					<ul class="navbar-nav ">
 		   				<h1>
 				        <li class="nav-item"><a class="nav-link" onclick="reloadwork()">Work</a></li>
@@ -84,11 +84,11 @@ <h3 class="horCenter">Connect with me:</h3>
 							</div>
 						</div>	
    					</ul>
-		 		</div>
+		 	</div>
 
 
-				<!--hero-->
-				<div class="about bottom-buffer">
+			<!--hero-->
+			<div class="about bottom-buffer">
 
 					<div class="container">
 
@@ -123,7 +123,7 @@ <h3>Hobbies&darr;<br><br></h3>
 
 								<div class="col-12 col-md-3">
 									<div class="card">
-										<img src="res/other/temp.png" class="card-img-top" alt="...">
+										<img src="res/hobby/elect01.jpeg" class="card-img-top" alt="...">
 										<div class="card-body">
 										<p class="card-text">Electronics <br>Text</p>
 										</div>
@@ -132,7 +132,7 @@ <h3>Hobbies&darr;<br><br></h3>
 								<div class="d-md-none mobile-spacing"></div>
 								<div class="col-12 col-md-3">
 									<div class="card">
-										<img src="res/other/band.jpg" class="card-img-top" alt="...">
+										<img src="res/hobby/band.jpg" class="card-img-top" alt="...">
 										<div class="card-body">
 										<p class="card-text">Music <br>Text</p>
 										</div>
@@ -141,7 +141,7 @@ <h3>Hobbies&darr;<br><br></h3>
 								<div class="d-md-none mobile-spacing"></div>
 								<div class="col-12 col-md-3">
 									<div class="card">
-										<img src="res/other/temp.png" class="card-img-top" alt="...">
+										<img src="res/hobby/vol01.jpg" class="card-img-top" alt="...">
 										<div class="card-body">
 										<p class="card-text">Volunteer <br>Text</p>
 										</div>
@@ -150,16 +150,17 @@ <h3>Hobbies&darr;<br><br></h3>
 								<div class="d-md-none mobile-spacing"></div>
 								<div class="col-12 col-md-3">
 									<div class="card">
-										<img src="res/other/temp.png" class="card-img-top" alt="...">
+										<img src="" class="card-img-top" alt="...">
 										<div class="card-body">
 										<p class="card-text">Text <br>Text</p>
 										</div>
 									</div>
 								</div>
 							</div>
 						</div>
+<!--
 						<div class="subsection">
-							<h3>Some of my other works:&darr;<br><br></h3>
+							
 							
 							<div class="masonry">
 								<div class="masonry-item">
@@ -209,49 +210,126 @@ <h3>Some of my other works:&darr;<br><br></h3>
 							
 
 						</div>
-<!--
-						<h1>What fascinates me?<br><br></h1>
-						<div class="row ">
+-->
+						<div class="subsection">
+							<h3>Other works &darr;</h3>
 
-							<div class="col-12 col-md-4">
-								<div class="card">
-									<img src="res/sanoopdp.png" class="card-img-top" alt="...">
-									<div class="card-body">
-									  <p class="card-text">Singing</p>
+							<h5><br><br>01 Clay</h5>
+							<div class="row">
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/clay/clay01.jpg" alt="Image 1">
+										<img src="res/clay/clay02.jpg" alt="Image 2">
+										<img src="res/clay/clay03.jpg" alt="Image 3">
+										<img src="res/clay/clay04.jpg" alt="Image 4">
+										<!-- Add more images as needed -->
 									</div>
-								  </div>
-		
 							</div>
-							<div class="col-12 col-md-4">
-								<div class="card">
-									<img src="res/sanoopdp.png" class="card-img-top" alt="...">
-									<div class="card-body">
-									  <p class="card-text">Pookalam design</p>
+						</div>
+
+							<div class="row">
+								<h5><br><br>02 Voxel Art</h5>
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/voxel/voxel01.jpg" alt="Image 1">
+										<img src="res/voxel/voxel02.jpeg" alt="Image 2">
+										<img src="res/voxel/voxel03.jpeg" alt="Image 3">
+										<img src="res/voxel/voxel04.png" alt="Image 1">
+										<img src="res/voxel/voxel05.png" alt="Image 2">
+										<img src="res/voxel/voxel06.png" alt="Image 3">
+										<img src="res/voxel/voxel07.png" alt="Image 3">
+										<!-- Add more images as needed -->
+									</div>
+							</div>
+							</div>
+
+							<div class="row">
+
+								<h5><br><br>03 Ambisonic</h5>
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/ambi/ambi01.gif" alt="Image 1">
+										<img src="res/ambi/ambi02.jpeg" alt="Image 1">
+										<img src="res/ambi/ambi03.jpeg" alt="Image 1">
+										<img src="res/ambi/ambi04.jpeg" alt="Image 1">
+										<!-- Add more images as needed -->
 									</div>
-								  </div>
 							</div>
+						</div>
 
-							<div class="col-12 col-md-4">
-								<div class="card">
-									<img src="res/sanoopdp.png" class="card-img-top" alt="...">
-									<div class="card-body">
-									  <p class="card-text">Movies</p>
+							<div class="row">
+								<h5><br><br>04 Game Dev</h5>
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/voxel/voxel01.jpg" alt="Image 1">
+										<!-- Add more images as needed -->
 									</div>
-								  </div>
 							</div>
-						</div>	
+						</div>
+
+							<div class="row">
+								<h5><br><br>05 VR Games</h5>
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/voxel/voxel01.jpg" alt="Image 1">
+										<!-- Add more images as needed -->
+									</div>
+							</div>
+						</div>
+
+							<div class="row">
+								<h5><br><br>06 Pookalam</h5>
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/pookalam/pookalam01.jpg" alt="Image 1">
+										<img src="res/pookalam/pookalam02.jpg" alt="Image 2">
+										<img src="res/pookalam/pookalam03.jpeg" alt="Image 3">
+										<!-- Add more images as needed -->
+									</div>
+							</div>
+						</div>
+
+							<div class="row">
+								07 Sparsh
+								<h5><br><br>07 Sparsh VR</h5>
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/sparsh/sparsh01.gif" alt="Image 1">
+										<img src="res/sparsh/sparsh02.jpeg" alt="Image 1">
+										<img src="res/sparsh/sparsh03.png" alt="Image 1">
+										<img src="res/sparsh/sparsh04.png" alt="Image 1">
+										<img src="res/sparsh/sparsh05.png" alt="Image 1">
+
+										<!-- Add more images as needed -->
+									</div>
+							</div>
+							</div>
+
+							<div class="row">
+								<h5><br><br>08 Logo Anim</h5>
+								<div class="col-md-12">
+									<div class="horizontal-scroll">
+										<img src="res/anim/anim01.GIF" alt="Image 1">
+										<img src="res/anim/anim02.GIF" alt="Image 2">
+										<!-- Add more images as needed -->
+									</div>
+								</div>
+							</div>
+
+						</div>
 
--->
 					</div>
-				</div>
 
-
+			</div>
+
+			</div>
+		</div>
 
 
 
 
-			</div>
-		</div>
+
+
 
 		<a name="contact"></a>
 		<!--footer2-->

diff --git a/res/.DS_Store b/res/.DS_Store
diff --git a/res/Gamedev/.DS_Store b/res/Gamedev/.DS_Store
diff --git a/res/Gamedev/P1death.gif b/res/Gamedev/P1death.gif
diff --git a/res/Gamedev/P1heavy.gif b/res/Gamedev/P1heavy.gif
diff --git a/res/Gamedev/output-onlinegiftools-3 (1).gif b/res/Gamedev/output-onlinegiftools-3 (1).gif
diff --git a/res/Gamedev/output-onlinegiftools-3.gif b/res/Gamedev/output-onlinegiftools-3.gif
diff --git a/res/Gamedev/output-onlinegiftools-4 2.gif b/res/Gamedev/output-onlinegiftools-4 2.gif
diff --git a/res/Gamedev/output-onlinegiftools-4.gif b/res/Gamedev/output-onlinegiftools-4.gif
diff --git a/res/Gamedev/output-onlinegiftools.gif b/res/Gamedev/output-onlinegiftools.gif
diff --git a/res/ambi/.DS_Store b/res/ambi/.DS_Store
diff --git a/res/other/vr01.mp4 → res/ambi/ambi01.gif b/res/other/vr01.mp4 → res/ambi/ambi01.gif
diff --git a/res/ambi/ambi02.jpeg b/res/ambi/ambi02.jpeg
diff --git a/res/ambi/ambi03.jpeg b/res/ambi/ambi03.jpeg
diff --git a/res/ambi/ambi04.jpeg b/res/ambi/ambi04.jpeg
diff --git a/res/anim/.DS_Store b/res/anim/.DS_Store
diff --git a/res/anim/anim01.GIF b/res/anim/anim01.GIF
diff --git a/res/anim/anim02.GIF b/res/anim/anim02.GIF
diff --git a/res/clay/.DS_Store b/res/clay/.DS_Store
diff --git a/res/clay/clay01.jpg b/res/clay/clay01.jpg
diff --git a/res/clay/clay02.jpg b/res/clay/clay02.jpg
diff --git a/res/clay/clay03.jpg b/res/clay/clay03.jpg
diff --git a/res/clay/clay04.jpg b/res/clay/clay04.jpg
diff --git a/res/hamna.png b/res/hamna.png
diff --git a/res/hobby/.DS_Store b/res/hobby/.DS_Store
diff --git a/res/other/band.jpg → res/hobby/band.jpg b/res/other/band.jpg → res/hobby/band.jpg
diff --git a/res/hobby/elect01.jpeg b/res/hobby/elect01.jpeg
diff --git a/res/hobby/elect02.jpeg b/res/hobby/elect02.jpeg
diff --git a/res/other/nss01.jpg → res/hobby/vol01.jpg b/res/other/nss01.jpg → res/hobby/vol01.jpg
diff --git a/res/other/Screenshot_20220504-225754.png b/res/other/Screenshot_20220504-225754.png
diff --git a/res/other/ambisonic.jpg b/res/other/ambisonic.jpg
diff --git a/res/other/animation01.mp4 b/res/other/animation01.mp4
diff --git a/res/other/animation02.mp4 b/res/other/animation02.mp4
diff --git a/res/other/pookalam03.jpg b/res/other/pookalam03.jpg
diff --git a/res/other/quidditch.jpeg b/res/other/quidditch.jpeg
diff --git a/res/pookalam/.DS_Store b/res/pookalam/.DS_Store
diff --git a/res/other/pookalam01.jpg → res/pookalam/pookalam01.jpg b/res/other/pookalam01.jpg → res/pookalam/pookalam01.jpg
diff --git a/res/other/pookalam02.jpg → res/pookalam/pookalam02.jpg b/res/other/pookalam02.jpg → res/pookalam/pookalam02.jpg
diff --git a/res/other/pookalam04.jpeg → res/pookalam/pookalam03.jpeg b/res/other/pookalam04.jpeg → res/pookalam/pookalam03.jpeg
diff --git a/res/other/.DS_Store → res/sparsh/.DS_Store b/res/other/.DS_Store → res/sparsh/.DS_Store
diff --git a/res/sparsh/sparsh01.gif b/res/sparsh/sparsh01.gif
diff --git a/res/sparsh/sparsh02.jpeg b/res/sparsh/sparsh02.jpeg
diff --git a/res/sparsh/sparsh03.png b/res/sparsh/sparsh03.png
diff --git a/res/Sparsh/SparshIdea2.png → res/sparsh/sparsh04.png b/res/Sparsh/SparshIdea2.png → res/sparsh/sparsh04.png
diff --git a/res/Sparsh/SparshIdea32.png → res/sparsh/sparsh05.png b/res/Sparsh/SparshIdea32.png → res/sparsh/sparsh05.png
diff --git a/res/voxel/.DS_Store b/res/voxel/.DS_Store
diff --git a/res/other/lab.jpg → res/voxel/voxel01.jpg b/res/other/lab.jpg → res/voxel/voxel01.jpg
diff --git a/res/voxel/voxel02.jpeg b/res/voxel/voxel02.jpeg
diff --git a/res/voxel/voxel03.jpeg b/res/voxel/voxel03.jpeg
diff --git a/res/voxel/voxel04.png b/res/voxel/voxel04.png
diff --git a/res/voxel/voxel05.png b/res/voxel/voxel05.png
diff --git a/res/voxel/voxel06.png b/res/voxel/voxel06.png
diff --git a/res/voxel/voxel07.png b/res/voxel/voxel07.png
diff --git a/res/voxel/voxel08.png b/res/voxel/voxel08.png
diff --git a/res/vr/.DS_Store b/res/vr/.DS_Store
diff --git a/res/vr/3F21C181-C9B1-49B5-8F9D-96D5C8ECD1D4.jpeg b/res/vr/3F21C181-C9B1-49B5-8F9D-96D5C8ECD1D4.jpeg
diff --git a/res/vr/male.png b/res/vr/male.png
diff --git a/style.css b/style.css
@@ -368,3 +368,12 @@ html, body {
 	}
 }
 
+.horizontal-scroll {
+	overflow-x: auto;
+	white-space: nowrap;
+}
+.horizontal-scroll img {
+	display: inline-block;
+	height: 250px; /* Set the desired height here */
+	margin-right: 10px;
+}