FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make Skills and Projects cards linkable (#46)

Browse source 
* Project card header is now can be clicked

* skill is card now having url to add on it's header

* urls added to some skills

* div class synced with original

* guthub button text synced with original

* text decoration removed

* remove next line in card header for text

* whole Skill Card now is under hyperlink

* hyperlink class separated from card

* removed text-decoration from .card class

* ProjectCard header hyperlink decoration removed

* call adjustSkillCardsHeight after page is loaded

* Add "#" in href field when respective URL is not provided

Co-authored-by: hossainemruz <emruz@appscode.com>
This commit is contained in:
Yuriy 2020-07-23 22:16:48 +02:00 • committed by GitHub
parent d7df50ed2a
commit 64fb493030
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 43 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

14
static/assets/css/navigators/navbar.css
View file

@ -140,7 +140,6 @@
@media (max-width: 1024px) {
.top-navbar .container {
max-width: 100%;
padding: 0;
}
.initial-navbar .navbar-nav .active,
@ -183,11 +182,6 @@
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
.top-navbar .container {
max-width: 100%;
padding: 0;
}
.initial-navbar .navbar-nav .active,
.initial-navbar li a:hover {
color: #2098d1;
@ -228,11 +222,6 @@
/* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
.top-navbar .container {
max-width: 100%;
padding: 0;
}
.initial-navbar .navbar-nav .active,
.initial-navbar li a:hover {
color: #2098d1;
@ -273,9 +262,6 @@
/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) {
.final-navbar {
padding: 0;
}
}
/* iPhoneX, iPhone 6,7,8 */

1
static/assets/css/sections/projects.css
View file

@ -2,6 +2,7 @@
background-color: #f9fafc;
padding: 0.7rem;
padding-bottom: 0rem;
text-decoration: none;
}
.projects-section .card .card-img-xs {

4
static/assets/css/sections/skills.css
View file

@ -6,6 +6,10 @@
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
}
.skills-section .skill-card-link {
text-decoration: none;
}
.skills-section .card .card-img-xs {
margin-right: 0.5rem;
}

16
static/assets/js/home.js
View file

@ -69,20 +69,22 @@ var projectCards;
// primary skills
var skillCards = document.getElementById("primary-skills");
if (skillCards != null) {
var el = skillCards.children;
var cardElems = skillCards.getElementsByClassName("card");
var maxHeight = 0;
for (let i = 0; i < el.length; i++) {
if (el[i].children[0].clientHeight > maxHeight) {
maxHeight = el[i].children[0].clientHeight;
for (let i = 0; i < cardElems.length; i++) {
if (cardElems.item(i).clientHeight > maxHeight) {
maxHeight = cardElems.item(i).clientHeight;
}
}
for (let i = 0; i < el.length; i++) {
el[i].children[0].setAttribute("style", "min-height: " + maxHeight + "px;")
for (let i = 0; i < cardElems.length; i++) {
cardElems.item(i).setAttribute("style", "min-height: " + maxHeight + "px;");
}
}
}
}
adjustSkillCardsHeight();
$(window).on("load", function () {
adjustSkillCardsHeight();
});
// ================== Project cards =====================
// Add click action on project category selector buttons