|
6 | 6 | <divclass="article animated fadeIn"> |
7 | 7 | <divclass="main"> |
8 | 8 | <divclass="content animated fadeIn"> |
9 | | - <divclass="timeline"> |
10 | | - <h2class="timeline-title">归档:<%=site.posts.length%>篇</h2> |
11 | | -<%var posts=site.posts.sort('date','desc');%> |
12 | | -<%for(let i=0, year=-1; i<posts.data.length;++i) {%> |
13 | | -<% |
14 | | -constpsg=posts.data[i]; |
15 | | -if(psg.date.year()!== year) { |
16 | | - year=psg.date.year(); |
17 | | -%> |
18 | | -<h3class="timeline-subtitle"><%= year%></h3> |
19 | | -<% }%> |
20 | | -<divclass="timeline-item"> |
21 | | -<time><%-psg.date.format("YYYY-MM-DD")%></time> |
22 | | -<a target="_self" href="<%- url_for(psg.path) %>"><%=psg.title%></a> |
23 | | -</div> |
24 | | -<% }%> |
| 9 | + <divclass="set"> |
| 10 | + <h1style="text-align:center"><%=theme.page_titles.archives||__("Archived")%></h1> |
| 11 | + <pstyle="text-align:center">「<%=site.posts.length%> 」</p> |
| 12 | + <ulclass="timeline timeline-centered"> |
| 13 | +<%var posts=site.posts.sort('date','desc');%> |
| 14 | +<%for(let i=0, month=-1; i<posts.data.length;++i) {%> |
| 15 | +<% |
| 16 | +constpsg=posts.data[i];month |
| 17 | +if(psg.date.month()!== month) { |
| 18 | + month=psg.date.month(); |
| 19 | +%> |
| 20 | +<liclass="timeline-item period"> |
| 21 | +<divclass="timeline-info"></div> |
| 22 | +<divclass="timeline-marker"></div> |
| 23 | +<divclass="timeline-content"> |
| 24 | +<h2class="timeline-title"><%-psg.date.locale(config.language||'').format("MMMM YYYY")%></h2> |
| 25 | +</div> |
| 26 | +</li> |
| 27 | +<% }%> |
| 28 | +<liclass="timeline-item"> |
| 29 | +<divclass="timeline-info"> |
| 30 | +<spanclass="gradient-text"><%-psg.date.locale(config.language||'').format("MMMM DD, YYYY")%></span> |
| 31 | +</div> |
| 32 | +<divclass="timeline-marker"></div> |
| 33 | +<divclass="timeline-content"> |
| 34 | +<aclass="timeline-title" target="_self" href="<%- url_for(psg.path) %>"><%=psg.title%></a> |
| 35 | +<p> |
| 36 | +<%-truncate(strip_html(psg.content), { |
| 37 | + length:200, |
| 38 | + omission:"..." |
| 39 | + })%> |
| 40 | +</p> |
| 41 | +</div> |
| 42 | +</li> |
| 43 | +<% }%> |
| 44 | + </ul> |
25 | 45 | </div> |
26 | 46 | </div> |
27 | 47 | </div> |
|