Sha256: f6ffde3c0b701a8c1d0511d8ff17e3d77f954095b716a6a04ab9b9067bf44644
Contents?: true
Size: 1.72 KB
Versions: 14
Compression:
Stored size: 1.72 KB
Contents
{%- assign info = include.info -%}
<ul class="grid">
{%- for item in info.items -%}
{%- assign session = site.data.sessions[item] -%}
<li class="card-tab {{ info.theme }}">
{%- if session.type -%}
<div class="top-bar">{{ session.type }}</div>
{%- elsif session.sequence -%}
<div class="top-bar">{{ site.data.course.session_tag }}</div>
{%- else -%}
<div class="top-bar"> </div>
{%- endif -%}
{%- if session.sequence -%}
<div class="tab">{{ session.sequence }}</div>
{%- elsif session.icon -%}
<div class="tab material-symbols-outlined">{{ session.icon }}</div>
{%- endif -%}
{%- if session.due -%}
<div class="header">
<span data-date="{{ session.due }}" class="material-symbols-outlined alarm">alarm_on</span>
{{ session.due | date: '%b %e, %y' }}
</div>
{%- elsif session.type -%}
<div class="header">{{ session.header }}</div>
{%- else -%}
<div class="header"> </div>
{%- endif -%}
<div class="body">
{%- if session.url -%}
<h3><a href="/session/{{ session.url }}">{{ session.title }}</a></h3>
{%- else -%}
<h3>{{ session.title }}</h3>
{%- endif -%}
{%- if session.part -%}
<div class="item">
Part {{ session.part }}
</div>
{%- endif -%}
</div>
</li>
{%- endfor -%}
</ul>
<script defer>
const due = document.querySelectorAll('.alarm');
const ymd2ms = d => {
const ymd = d.split('-');
ymd[1]--;
return new Date(...ymd).getTime();
};
due.forEach( el =>
ymd2ms(el.dataset.date) < Date.now() &&
el.parentNode.removeChild(el)
);
</script>
Version data entries
14 entries across 14 versions & 1 rubygems