diff --git a/layouts/partials/experiences/multiple-positions.html b/layouts/partials/experiences/multiple-positions.html
index 3e37c61..565a828 100644
--- a/layouts/partials/experiences/multiple-positions.html
+++ b/layouts/partials/experiences/multiple-positions.html
@@ -18,7 +18,7 @@
{{ range $index,$position:= .positions }}
{{ $position.designation }}
-
{{ $position.start }} - {{if $position.end }} {{ $position.end }} {{else}} Present {{end}}
+
{{ $position.start }} - {{ $position.end }}
{{ range $position.responsibilities }}
- {{ . | markdownify }}
diff --git a/layouts/partials/experiences/single-position.html b/layouts/partials/experiences/single-position.html
index c15ee18..8b028ce 100644
--- a/layouts/partials/experiences/single-position.html
+++ b/layouts/partials/experiences/single-position.html
@@ -5,7 +5,7 @@
{{ .designation }}
{{ if .company.url }}{{ .company.name }}{{ else }}{{ .company.name }}{{ end }}
-
{{ .start }} - {{ .end }},
+ {{ .start }} - {{ .end }},
{{ .company.location }}
diff --git a/static/assets/css/experiences.css b/static/assets/css/experiences.css
index ecf83a7..dad5818 100644
--- a/static/assets/css/experiences.css
+++ b/static/assets/css/experiences.css
@@ -22,6 +22,7 @@
.experiences-section .designation{
font-weight: 600;
text-align: left;
+ margin-bottom: 0.25em;
}
.company{
@@ -158,6 +159,15 @@
.company-timeline-item.position::after {
left: 20px;
}
+
+ .responsabilities {
+ margin-top: 0.5em;
+ display: none;
+ }
+
+ .company-period {
+ color: #808080 !important;
+ }
}
/* iPhoneX, iPhone 6,7,8 */
diff --git a/static/assets/js/home.js b/static/assets/js/home.js
index cf800d2..1842513 100644
--- a/static/assets/js/home.js
+++ b/static/assets/js/home.js
@@ -373,6 +373,17 @@ var projectCards;
adjustRecentPostsHeight();
showAchievements();
};
+
+ if (isMobile) {
+ $(".position").click(function() {
+ let responsabilities = $(this).find('.responsabilities');
+ if (responsabilities.is(":visible")) {
+ responsabilities.slideUp( "slow");
+ }
+ else responsabilities.slideDown("slow");
+ });
+ }
+
});
})(jQuery);