update

santoshtmp · Apr 6, 2024 · d0e73b4 · d0e73b4
1 parent da9311f
commit d0e73b4
Show file tree

Hide file tree

Showing 5 changed files with 456 additions and 117 deletions.
diff --git a/assets/css/santosh-magar.css b/assets/css/santosh-magar.css
@@ -378,6 +378,7 @@ div.about-head:nth-child(2) {
 	padding: 10px 10px 10px 0;
 }
 
+
 .experience-collection-col-1 {
 	display: flex;
 	flex-direction: column;
@@ -554,9 +555,13 @@ div.about-head:nth-child(2) {
 }
 
 /*---------------- section :: portfolio ----------------------- */
+#portfolio-page #portfolio {
+	padding: 150px 0;
+}
 
 #portfolio {
-	padding-top: 100px;
+	padding: 100px 0;
+	background-color: #b4ddef9e;
 }
 
 #portfolio h2 {
@@ -598,39 +603,49 @@ div.about-head:nth-child(2) {
 	align-self: center;
 }
 
-#other-info p {
-	padding: 10px;
-	text-align: center;
-	text-decoration: underline;
-}
 
-.ri-arrow-right-fill,
-.ri-error-warning-fill {
-	font-size: 32px;
-	margin-left: 10px;
+/* #portfolio>div:nth-child(1)>div:nth-child(1) {
+	margin-bottom: 40px;
+	padding: inherit;
+} */
+
+.btn-cv {
+	margin-left: 30px;
 }
 
-.info-load>div {
+.portfolio-list {
 	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	gap: 10px;
+	margin-top: 24px;
+	margin-bottom: 24px;
 }
 
-.info-load>div p {
-	margin-left: auto;
-}
+.portfolio-item {
+	display: flex;
+	flex-direction: column;
+	margin: 10px;
+	width: 200px;
+	aspect-ratio: 16 / 9;
+	background-color: white;
+	border: 3px white;
+	overflow: hidden;
 
-.ri-error-warning-fill {
-	margin-right: auto;
 }
 
-#portfolio>div:nth-child(1)>div:nth-child(1) {
-	margin-bottom: 40px;
-	padding: inherit;
+.portfolio-item-thumb {
+	position: relative;
 }
 
-#portfolio ol li {
-	list-style: number;
+.portfolio-item a {
+	margin: auto;
+	text-decoration: none;
+	color: rgb(49, 48, 48);
+	font-weight: 600;
 }
 
+
 /*---------------- section :: contact content  ----------------------- */
 #contact {
 	padding: 40px 25px;
@@ -975,9 +990,15 @@ footer .cc-footer {
 	.bg-1 {
 		left: 40px
 	}
-}
 
+	.myexperience .experience-collection {
+		flex-direction: column;
+	}
 
+	.skills-collection {
+		grid-template-columns: auto
+	}
+}
 
 /* #portfolio > div:nth-child(1) > div:nth-child(2) {
 	display: none;

diff --git a/assets/files/cv-santosh.pdf b/assets/files/cv-santosh.pdf
diff --git a/assets/js/santosh-magar-js.js b/assets/js/santosh-magar-js.js
@@ -4,7 +4,7 @@ let logos = ['logo-stmp-001.png', 'logo-stmp-002.png', 'logo-stmp-003.png', 'log
 var x = -1;
 setInterval(function () {
   x = (x === logos.length - 1) ? 0 : x + 1;
-  site_logo.src = 'assets/images/'.concat(logos[x])
+  site_logo.src = '/assets/images/'.concat(logos[x])
 }, 2000);
 
 
@@ -22,18 +22,6 @@ $(".ham-list li").click(function () {
   $(".ham-list").addClass("ham-hide");
 });
 
-// ---------------------click: load more -------------------------------
-
-$("#btn_load_more").click(function () {
-  var html_content = '<div> <p> No More Data ... comming soon ...</p>  <i class="ri-error-warning-fill"></i>  </div>';
-  var check = $('.info-load');
-  if (check.length == 0) {
-    $("#other-info").append(html_content);
-  }
-  $('#other-info').addClass('info-load');
-  $(this).hide();
-});
-
 // ------------------------click show info_hide---------------------------------------
 $(".email_addr .ri-error-warning-line").click(function () {
   $(".email_addr span").toggleClass("info_hide");