Skip to content

index.md

Latest commit

 

History

History
109 lines (95 loc) · 3.41 KB

index.md

File metadata and controls

109 lines (95 loc) · 3.41 KB
layout default
title AI Timeline
description A comprehensive timeline of Artificial Intelligence milestones from 2022 to present.

AI Timeline

Tracking the evolution of Artificial Intelligence

Star on GitHub
{% for year in site.data.timeline reversed %} {{ year.year }} {% endfor %} 
<div class="controls-container">
    <button id="filter-significant" class="control-btn" title="Show significant events only">
        <i class="far fa-star"></i> <span>Significant</span>
    </button>

    <button id="sort-toggle" class="control-btn" data-order="newest" title="Change timeline order">
        <i class="fas fa-sort-amount-up"></i> <span>Sort</span>
    </button>
    
    <button id="dark-mode-toggle" class="control-btn" title="Toggle theme">
        <i class="fas fa-moon"></i>
    </button>
</div>

{% for year in site.data.timeline reversed %}
<section class="year" id="{{ year.year }}">
  <h2>
    {{ year.year }}
    <button class="anchor-btn" data-link="{{ year.year }}" title="Copy link to year">
        <i class="fas fa-link"></i>
    </button>
  </h2>
  {% for event in year.events reversed %}
  {% assign event_id = year.year | append: '-' | append: event.date | replace: ' ', '-' %}
  <article id="{{ event_id }}" class="event" data-date="{{ event.date }}">
	<div class="date">
        {{ event.date | date: "%B" }}
        <button class="anchor-btn" data-link="{{ event_id }}" title="Copy link to month">
            <i class="fas fa-link"></i>
        </button>
    </div>
    <!-- Individual Items -->
	{% for info in event.info %}
        {% if info.special %}
         <div class="info special" data-special="true">
            {{ info.text }}
         </div>
        {% else %}
         <div class="info" data-special="false">
            {{ info.text }}
         </div>
        {% endif %}
	{% endfor %}
  </article>
  {% endfor %}
</section>
{% endfor %}

Enrichment Resources

{% include footer.html %} <script src="{{ '/assets/js/script.js' | relative_url }}" defer></script>