screen.ejs 1.1 KB

123456789101112131415161718192021222324252627
  1. <% var first = site.posts.sort("date", "desc").eq(0); %>
  2. <div id="screen">
  3. <div id="mark">
  4. <div class="layer" data-depth="0.4">
  5. <%- image_tag(theme.welcome_cover || first.cover || "/img/welcome-cover.jpg", {id: "cover", crossorigin: "anonymous", width: 1920, height: 1080}) %>
  6. </div>
  7. </div>
  8. <div id="vibrant">
  9. <svg viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice">
  10. <polygon opacity="0.7" points="2000,1620 0,1620 0,0 600,0 "/>
  11. </svg>
  12. <div></div>
  13. </div>
  14. <div id="header">
  15. <div>
  16. <img class="image-logo" href="/" src="/img/logo.png"></img>
  17. <div class="icon-menu switchmenu"></div>
  18. </div>
  19. </div>
  20. <% if ( first ) { %>
  21. <div id="post0">
  22. <p><%- first.date.locale("zh-cn").format("MMMM DD, YYYY") %></p>
  23. <h2><%- link_to(first.path, first.title || config.title, {class: "posttitle"}) %></h2>
  24. <p class="summary"><%- truncate(strip_html(first.content), {length: 60, omission: '...'}) %></p>
  25. </div>
  26. <% } %>
  27. </div>