-{{ $currentPage := . }}
-{{ range (where site.RegularPages.ByDate "Type" "in" site.Params.mainSections )}}
- {{ if eq .RelPermalink $currentPage.RelPermalink }}
- {{ if .Next }}
- {{ if (in site.Params.mainSections .Next.Type) }}
-
diff --git a/static/css/layouts/main.css b/static/css/layouts/main.css
index e028f3f..467bd4e 100644
--- a/static/css/layouts/main.css
+++ b/static/css/layouts/main.css
@@ -432,16 +432,29 @@ mark {
code {
padding: 0px;
}
+
+ h1 {
+ font-size: 2.2rem;
+ }
}
/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 375px) {
+ h1 {
+ font-size: 2rem;
+ }
}
/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
+ h1 {
+ font-size: 1.8rem;
+ }
}
/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
+ h1 {
+ font-size: 1.5rem;
+ }
}
diff --git a/static/css/sections/about.css b/static/css/sections/about.css
index 4f7b1e5..71d4b17 100644
--- a/static/css/sections/about.css
+++ b/static/css/sections/about.css
@@ -496,11 +496,24 @@
.about-section.container {
max-width: 100%;
}
+
+ .circular-progress {
+ width: 135px;
+ height: 135px;
+ }
}
/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) {
+ .circular-progress {
+ width: 150px;
+ height: 150px;
+ }
+
+ .circular-progress .circular-progress-value {
+ font-size: 1rem;
+ }
}
/* iPhoneX, iPhone 6,7,8 */
@@ -513,4 +526,12 @@
/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
+ .col-6 {
+ flex: auto;
+ max-width: 100%;
+ }
+
+ .social-link {
+ flex-wrap: wrap;
+ }
}
diff --git a/static/css/sections/skills.css b/static/css/sections/skills.css
index 374d3c6..ea692ad 100644
--- a/static/css/sections/skills.css
+++ b/static/css/sections/skills.css
@@ -19,6 +19,7 @@
.skills-section .card {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
+ height: 100%;
}
.skills-section .card .card-body {
@@ -57,7 +58,7 @@
padding-right: 0;
}
.skills-section .container {
- max-width: 100%;
+ max-width: 95%;
}
}
diff --git a/static/js/home.js b/static/js/home.js
index fe93469..91fc725 100644
--- a/static/js/home.js
+++ b/static/js/home.js
@@ -63,28 +63,6 @@ var projectCards;
}
}
- // ==================== Adjust height of the skills card =============
- function adjustSkillCardsHeight() {
- if (!isMobile) { // no need to adjust height for mobile devices
- // primary skills
- var skillCards = document.getElementById("primary-skills");
- if (skillCards != null) {
- var cardElems = skillCards.getElementsByClassName("card");
- var maxHeight = 0;
- for (let i = 0; i < cardElems.length; i++) {
- if (cardElems.item(i).clientHeight > maxHeight) {
- maxHeight = cardElems.item(i).clientHeight;
- }
- }
- for (let i = 0; i < cardElems.length; i++) {
- cardElems.item(i).setAttribute("style", "min-height: " + maxHeight + "px;");
- }
- }
- }
- }
- $(window).on("load", function () {
- adjustSkillCardsHeight();
- });
// ================== Project cards =====================
// Add click action on project category selector buttons
@@ -331,17 +309,17 @@ var projectCards;
this.parentElement.classList.toggle("col-sm-12");
if (this.children["SmallImage"].hasAttribute("active")) {
let mainLogo = this.children["LargeImage"].getAttribute("Style");
- this.children["LargeImage"].setAttribute("active",true);
+ this.children["LargeImage"].setAttribute("active", true);
this.children["SmallImage"].removeAttribute("active");
this.setAttribute("Style", mainLogo);
} else {
let mainLogo = this.children["SmallImage"].getAttribute("Style");
- this.children["SmallImage"].setAttribute("active",true);
+ this.children["SmallImage"].setAttribute("active", true);
this.children["LargeImage"].removeAttribute("active");
this.setAttribute("Style", mainLogo);
}
-
+
if (this.children["caption"] != undefined) {
this.children["caption"].classList.toggle("hidden");
}
diff --git a/static/js/navbar.js b/static/js/navbar.js
index 929c74b..1d5ca97 100644
--- a/static/js/navbar.js
+++ b/static/js/navbar.js
@@ -16,8 +16,12 @@
$('#navbar-toggler').addClass('navbar-light');
// get the main logo from hidden img tag
- let mainLogo = document.getElementById("main-logo").getAttribute("src");
- $('#logo').attr("src", mainLogo);
+ let mainLogo = document.getElementById("main-logo")
+ if (mainLogo !== null) {
+ let logoURL = mainLogo.getAttribute("src");
+ $('#logo').attr("src", logoURL);
+ }
+
} else {
$('#top-navbar').removeClass('final-navbar shadow');
$('#top-navbar').addClass('initial-navbar');
@@ -26,8 +30,11 @@
$('#navbar-toggler').addClass('navbar-dark');
// get the inverted logo from hidden img tag
- let invertedLogo = document.getElementById("inverted-logo").getAttribute("src");
- $('#logo').attr("src", invertedLogo);
+ let invertedLogo = document.getElementById("inverted-logo")
+ if (invertedLogo !== null) {
+ let logoURL = invertedLogo.getAttribute("src");
+ $('#logo').attr("src", logoURL);
+ }
}
});