layout: default
{% if page.cover %} <div class=“jumbotron cover jumbotron-fluid mb-5” style=“background-image:url('{{ page.cover }}');”>
<div class="container" > <div class="row"> <div class="offset-1 col-11"> <h1 class="display-3 text-uppercase">{{ page.long_title | escape }}</h1> <p class="lead" style="font-weight:400; padding:1% 0;">{{ page.description }}</p> </div> </div> </div>
</div> {% endif %}
<main class=“container mt-10” aria-label=“Content”>
<article class="row"> {% if page.cover == null %} <div class="col-12"> <h1 class="display-5 text-uppercase">{{ page.long_title | escape }}</h1> <p class="lead" style="font-weight:400; padding:1% 0;">{{ page.description }}</p> </div> {% endif %} {% if content %} <div class="col" id="content"> {{ content | inject_anchors }} </div> {% endif %} {% if page.toc or site.resources %} <div class="col-12 col-md-4"> {% if site.resources %} {% include resources.html %} {% endif %} {% if page.toc %} <h4>Contents</h4> {{ content | toc_only }} {% endif %} {% assign ad = page.ad | default: false %} {% if ad %} {% include ad.html %} {% endif %} </div> {% endif %} <div class="col-12 pt-3" id="content"> <h2>{{ page.timeline-label}}</h2> <div id="timeline" class="timeline-container container-fluid pl-0"> <div class="row pt-3 border-top"> <div class="col-12"> <button type="button" class="timeline-toggle btn btn-dark float-right">+ expand all</button> </div> </div> <br class="clear"> {% assign timeline = site.timeline | group_by: 'group' %} {% for group in timeline %} <div class="timeline-wrapper row"> <h2 class="timeline-time col-12"><span>{{ group.name }}</span></h2> {% for event in group.items %} <!-- {{ event }} --> <dl class="timeline-series col-12"> <span class="tick tick-before"></span> <dt id="{{ event.css-id }}" class="timeline-event"><a> {% case event.type %} {% when "milestone" %} <i class="fas fa-birthday-cake fa-fw"></i> {% when "event" %} <i class="fas fa-flag-checkered fa-fw"></i> <!-- <i class="fas fa-clipboard-list"></i> --> {% when "product" %} <i class="far fa-lightbulb fa-fw"></i> <!-- <i class="fas fa-puzzle-piece"></i> --> {% when "media" %} <i class="far fa-newspaper fa-fw"></i> {% endcase %} <span class="ml-1"> {{ event.title }} </span> </a></dt> <span class="tick tick-after"></span> <dd class="timeline-event-content" id="{{ event.css-id }}EX"> {{ event.content }} {% if event.image %} <img src="{{ event.image }}" alt="TODO: alt" class="img-fluid"> {% endif %} <br class="clear"> </dd> </dl> {% endfor %} </div> {% endfor %} <!-- <div class="timeline-wrapper row"> <h2 class="timeline-time col-12"><span>April 1998</span></h2> --> <!-- <div class="timeline-wrapper"> <h2 class="timeline-time"><span>May 2001</span></h2> <dl class="timeline-series"> <span class="tick tick-before"></span> <dt id="cars" class="timeline-event"><a>Event</a></dt> <span class="tick tick-after"></span> <dd class="timeline-event-content" id="carsEX"> <p>Cu latine volumus eum. Errem legendos evertitur has an. Mea verear liberavisse id, ex eum iuvaret docendi nominati. Ea sea suas solum. Ei duo vocibus officiis, te dico luptatum qui.</p> <p>Erant eloquentiam per eu, usu audiam forensibus te. Mazim tincidunt quo ex. Sea te iisque epicuri, duo reque sanctus ex. Copiosae ponderum mel at, facilisis accusamus cu duo. Cum veri perfecto ne, ius cu agam rationibus.</p> <img src="http://via.placeholder.com/450x150" alt="flying car"> <br class="clear"> </dd> <span class="tick tick-before"></span> <dt id="urbanity" class="timeline-event"><a>News Article</a></dt> <span class="tick tick-after"></span> <dd class="timeline-event-content" id="urbanityEX"> <div class="media"> <img src="http://via.placeholder.com/350x150" alt="jam packed city fuels tempers"> </div> <p>From <i>Home and Garden</i> magazine's "<a href="#" class="venobox" data-type="iframe">Title of article referenced</a>":</p> <blockquote><small> <p>Has ut platonem consequuntur definitionem, numquam tibique scriptorem has ne. Oblique tibique accusam sea et, vix quem splendide vituperatoribus ad. Et adversarium contentiones mel. </p> <p>Eos veri mutat concludaturque at, mea odio inani te. Ne usu fugit libris, nam id quidam omnesque perfecto.</p> </small></blockquote> <br class="clear"> </dd> </dl> </div> <div class="timeline-wrapper"> <h2 class="timeline-time"><span>August 2005</span></h2> <dl class="timeline-series"> <span class="tick tick-before"></span> <dt id="teleport" class="timeline-event"><a>New Product</a></dt> <span class="tick tick-after"></span> <dd class="timeline-event-content" id="teleportEX"> <div class="media"> <img src="http://via.placeholder.com/350x150" alt="teleporting humans"> </div> <p>Pri ut appetere praesent, et mei purto vivendo neglegentur, ubique tibique nominati pri at. Est eu posse decore commune, ei elitr exerci pri. His ne dicit meliore omittantur, sed ei oblique principes definitiones. Duo graeco indoctum pertinacia in, vix scriptorem scribentur no.</p> <p>Learn more on <a href="#" target="_blank">PRODUCT</a>.</p> <br class="clear"> </dd> </dl> </div> <div class="timeline-wrapper"> <h2 class="timeline-time"><span>October 2017</span></h2> <dl class="timeline-series"> <span class="tick tick-before"></span> <dt id="singularity" class="timeline-event"><a>Person Onboarded</a></dt> <span class="tick tick-after"></span> <dd class="timeline-event-content" id="singularityEX"> <div class="media"> <img src="http://via.placeholder.com/350x150" alt="teleporting humans"> </div> <p>Id vim feugiat tractatos facilisis, ex vim iuvaret neglegentur. Vix consul fastidii ea, tempor voluptua id quo. Modo velit inimicus ne sed, dicta ceteros scriptorem est te, dolorem insolens ut sit. Epicurei phaedrum ei quo. An quot singulis vituperata eos, aeque clita adipisci ne usu.</p> <br class="clear"> </dd> </dl> </div> --> <button type="button" class="timeline-toggle btn btn-dark float-right">+ expand all</button> <br class="clear"> </div> </div> <!-- <header class="col-12"> <h1 class="page-title">{{ page.title | escape }}</h1> </header> --> </article>
</main>