在乳胶中绘制时间线

Question

我正在绘制一个乳胶时间线。它看起来像这样，截至目前我在excel中做到了。想要检查是否有人使用过乳胶这样的东西。

Answer 1

我的草图

 <ul class="sf-menu">
        {% for link in linklists.main-menu.links %}
        <!-- does this link in our iteration point to the current page? -->
        {% assign current = false %}{% if template == 'index' and link.url == '/' %}{% assign current = true %}{% elsif collection.url == link.url %}{% assign current = true %}{% elsif blog.url == link.url %}{% assign current = true %}{% elsif page.url == link.url %}{% assign current = true %}{% elsif page_title == link.title %}{% assign current = true %}{% elsif template == 'list-collections' and link.url == '/collections' %}{% assign current = true %}{% elsif page_title == 'Products' and link.url == '/collections/all' %}{% assign current = true %}{% elsif template == 'article' and link.url == article.url %}{% assign current = true %}{% endif %}
        <!-- end of soul-searching about active class -->

生成此输出：