|
2 | 2 | <divid="header"> |
3 | 3 | <div> |
4 | 4 | <aclass="image-logo animated fadeInDown"href="/"></a> |
5 | | - <ulid="menu-menu"class="menu"> |
| 5 | + <ulid="menu-menu"class="menu text-menu"> |
6 | 6 | <%for (var iintheme.menu){%> |
7 | 7 | <liclass="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page"> |
8 | | -<%-link_to(theme.menu[i].lastIndexOf('/')>0?theme.menu[i]:theme.menu[i]+'/', i, {external:false})%> |
| 8 | +<%-link_to(theme.menu[i].lastIndexOf('/')>0?theme.menu[i]:theme.menu[i]+'/', i, {external:false, class:"menu-link"})%> |
9 | 9 | </li> |
10 | 10 | <%}%> |
11 | 11 | </ul> |
12 | | -<!-- <div></div>--> |
| 12 | + <divclass="icon-menu switchmenu gradient-text animated fadeInDown"></div> |
13 | 13 | </div> |
14 | 14 | </div> |
15 | 15 | <divid="screen"> |
16 | 16 | <divid="mark"> |
17 | | - <divclass="layer"data-depth="0.4"> |
18 | | -<%-image_tag(theme.welcome_cover||first.cover||"/img/welcome-cover.jpg", {id:"cover", width:1920, height:1080})%> |
| 17 | + <divclass="cover animated fadeIn"style=" |
| 18 | +animation-delay:900ms; |
| 19 | +animation-duration:2.8s; |
| 20 | +background-image: |
| 21 | +radial-gradient(ellipseclosest-side,rgba(0, 0, 0, 0.56), #100e17), |
| 22 | +url(<%=first.cover ||"/img/cover.jpg" %>);"> |
19 | 23 | </div> |
20 | 24 | </div> |
21 | | - <divid="vibrant"> |
22 | | - <svgviewBox="0 0 2880 1620"height="100%"preserveAspectRatio="xMaxYMax slice"> |
23 | | - <polygonopacity="0.7"fill="#000"points="2000,1620 0,1620 0,0 600,0"/> |
24 | | - </svg> |
25 | | - <div></div> |
26 | | - </div> |
27 | 25 | <%if ( first ) {%> |
28 | 26 | <div id="post0"> |
29 | 27 | <pclass="animated fadeInDown"><%-first.date.locale("zh-cn").format("MMMM DD, YYYY")%></p> |
30 | | -<h2class="animated fadeInDown"><%-link_to(first.path,first.title||config.title, {class:"posttitle"})%></h2> |
31 | | -<pclass="summary animated fadeInDown"><%-truncate(strip_html(first.content), {length:60, omission:'...'})%></p> |
32 | | -<%if (first.tags&&first.tags.length){%> |
33 | | -<%-list_tags(first.tags, { |
34 | | - show_count:false, |
35 | | - class:'animated fadeInDown post-tags' |
36 | | - })%> |
37 | | -<% }%> |
| 28 | +<h1class="animated fadeInDown"><%-link_to(first.path,first.title||config.title, {class:"posttitle"})%></h1> |
38 | 29 | <pclass="post-count animated fadeInDown"> |
39 | 30 | <span> |
40 | 31 | <bclass="iconfont icon-text2"></b> |
|
45 | 36 | <%=min2read(first.content)%>分钟 |
46 | 37 | </span> |
47 | 38 | </p> |
| 39 | +<divclass="md-content animated fadeIn"> |
| 40 | +<%-htmlTruncate(first.content,100, { |
| 41 | + ellipsis:'...', |
| 42 | + excludes: ['img'], |
| 43 | + keepWhitespaces:true, |
| 44 | + reserveLastWord:true |
| 45 | + })%> |
| 46 | +</div> |
| 47 | +<%if (first.tags&&first.tags.length){%> |
| 48 | +<%-list_tags(first.tags, { |
| 49 | + show_count:false, |
| 50 | + class:'animated fadeInDown post-tags' |
| 51 | + })%> |
| 52 | +<% }%> |
48 | 53 | </div> |
49 | 54 | <% }%> |
50 | 55 | </div> |
|
54 | 59 | <divclass="screen-gradient-content-inside"> |
55 | 60 | <divclass="bold-underline-links screen-gradient-sponsor"> |
56 | 61 | <p> |
57 | | -<%=config.subtitle||config.description%> |
| 62 | +<spanclass="typed-text"></span> |
58 | 63 | </p> |
59 | 64 | </div> |
60 | 65 | </div> |
|