- {%- include svg/logo.svg -%}
{%- assign _paths_root = site.paths.root | default: site.data.variables.default.paths.root -%}
{%- include snippets/get-nav-url.html path=_paths_root -%}
{%- if site.title -%}
- {{ site.title }}
+
+ 
+
+ {%- else -%}
+
+
+
{%- endif -%}
{%- if site.search.provider -%}
diff --git a/_includes/scripts/components/timeline.js b/_includes/scripts/components/timeline.js
new file mode 100644
index 00000000000..9a0806ea206
--- /dev/null
+++ b/_includes/scripts/components/timeline.js
@@ -0,0 +1,53 @@
+function smoothScrollTo(element, target, duration) {
+ const start = element.scrollTop;
+ const change = target - start;
+ const startTime = performance.now();
+
+ function animateScroll(currentTime) {
+ const elapsedTime = currentTime - startTime;
+ const progress = Math.min(elapsedTime / duration, 1); // Normalize progress to 1
+ element.scrollTop = start + change * progress; // Update the scroll position
+
+ if (progress < 1) {
+ requestAnimationFrame(animateScroll); // Keep scrolling until we reach the target
+ }
+ }
+
+ requestAnimationFrame(animateScroll); // Start the animation
+}
+document.addEventListener('DOMContentLoaded', function() {
+ var buttons = document.querySelectorAll('.timeline-item__icon--clickable');
+ buttons.forEach(function(button) {
+ button.addEventListener('click', function() {
+ var content = this.parentElement.querySelector('.card__content');
+ var description = this.parentElement.querySelector('.timeline-item__description');
+ var timelineTag = this.parentElement.querySelector('.timeline__tag');
+ var line = this.parentElement.querySelector('.line');
+ const header = content.querySelector('.timeline-item__header');
+ var lineInsideLine = this.parentElement.querySelector('.vertical-line');
+ if (content.classList.contains('timeline-item-hidden')) {
+ content.classList.remove('timeline-item-hidden');
+ timelineTag.classList.remove('timeline__tag--hidden');
+ var parentDiv = content.parentElement;
+ parentDiv.classList.remove('move-left');
+ parentDiv.classList.add('move-right');
+ description.classList.remove('card--flat');
+ var remtoPixel = 2.5 * parseFloat(getComputedStyle(document.documentElement).fontSize);
+ var distance = Math.abs(description.getBoundingClientRect().bottom - line.getBoundingClientRect().top)+remtoPixel;
+ console.log(distance);
+ lineInsideLine.style.height = distance + 'px';
+ lineInsideLine.style.top = -distance + 'px';
+ smoothScrollTo(description, 160, 500); //moves the card to focus in header instead of image
+ } else {
+ content.classList.add('timeline-item-hidden');
+ timelineTag.classList.add('timeline__tag--hidden');
+ var parentDiv = content.parentElement;
+ parentDiv.classList.remove('move-right');
+ parentDiv.classList.add('move-left');
+ description.classList.add('card--flat');
+ lineInsideLine.style.top = -1.5 + 'rem';
+ lineInsideLine.style.height = 1.5 + 'rem';
+ }
+ });
+ });
+ });
\ No newline at end of file
diff --git a/_includes/svg/logo.svg b/_includes/svg/logo.svg
index 740dd3e7209..89b44aa3dc7 100644
--- a/_includes/svg/logo.svg
+++ b/_includes/svg/logo.svg
@@ -1,8 +1 @@
-
+
\ No newline at end of file
diff --git a/_includes/tags.html b/_includes/tags.html
index 424804cfefc..d29934b9dde 100644
--- a/_includes/tags.html
+++ b/_includes/tags.html
@@ -1,7 +1,13 @@
{%- assign _tag_max_size = 1 -%}
{%- assign _tag_min_size = 1 -%}
{%- assign _tag_cur_size = 1 -%}
-{%- assign _tags = site.tags | sort -%}
+{%- assign _timeline_tags = site.timeline | map: 'tags' | join: ',' | split: ',' | uniq | sort -%}
+{%- assign _about_tags = _tags | concat: site.about | map: 'tags' | join: ',' | split: ',' | uniq | sort -%}
+{%- assign _post_tags = site.posts | map: 'tags' | join: ',' | split: ',' | uniq | sort -%}
+{%- assign _herramientas_tags = site.herramientas | map: 'tags' | join: ',' | split: ',' | uniq | sort -%}
+{%- assign _investigacion_tags = site.investigacion | map: 'tags' | join: ',' | split: ',' | uniq | sort -%}
+{%- assign _organizaciones_tags = site.organizaciones | map: 'tags' | join: ',' | split: ',' | uniq | sort -%}
+{%- assign _tags = _timeline_tags | concat: _post_tags | concat: _about_tags |concat: _herramientas_tags | concat: _investigacion_tags | concat: _organizaciones_tags | uniq | sort -%}
{%- for _tag in _tags -%}
{%- assign _tag_cur_size = _tag[1].size -%}
{%- if _tag_cur_size > _tag_max_size -%}
@@ -19,7 +25,7 @@
+
+ {%- else -%}
+
+
+
{%- endif -%}