/war/src/main/webapp/skins/mobile/article.ftl

http://github.com/b3log/b3log-solo · Freemarker Template · 81 lines · 81 code · 0 blank · 0 comment · 13 complexity · f69e2b0076931783d10cea20cb8750d8 MD5 · raw file

  1. <#include "macro-head.ftl">
  2. <#include "macro-comments.ftl">
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <@head title="${article.articleTitle} - ${blogTitle}">
  7. <meta name="keywords" content="${article.articleTags}" />
  8. <meta name="description" content="${article.articleAbstract?html}" />
  9. </@head>
  10. </head>
  11. <body class="classic-wptouch-bg">
  12. <#include "header.ftl">
  13. <div class="content single">
  14. <div class="post">
  15. <a class="sh2" href="${servePath}${article.articlePermalink}" rel="bookmark">${article.articleTitle}</a>
  16. <div class="single-post-meta-top">
  17. <#if article.hasUpdated>
  18. ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")}
  19. <#else>
  20. ${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}
  21. </#if>
  22. &rsaquo; ${article.authorName}<br />
  23. <a rel="nofollow" href="#comments">${skipToComment}</a>
  24. </div>
  25. </div>
  26. <div class="clearer"></div>
  27. <div class="post article-body" id="post-${article.oId}">
  28. <div id="singlentry" class="left-justified">
  29. ${article.articleContent}
  30. <#if "" != article.articleSign.signHTML?trim>
  31. <div class=""><!--TODO sign class-->
  32. ${article.articleSign.signHTML}
  33. </div>
  34. </#if>
  35. </div>
  36. <!-- Categories and Tags post footer -->
  37. <div class="single-post-meta-bottom">
  38. ${tags1Label}
  39. <#list article.articleTags?split(",") as articleTag>
  40. <a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}" rel="tag">${articleTag}</a><#if articleTag_has_next>,</#if>
  41. </#list>
  42. </div>
  43. <ul id="post-options">
  44. <#if nextArticlePermalink??>
  45. <li><a href="${servePath}${nextArticlePermalink}" id="oprev"></a></li>
  46. </#if>
  47. <li><a href="mailto:?subject=${article.authorName} - ${article.articleTitle}&body=Check out this post: ${servePath}${article.articlePermalink}" id="omail"></a></li>
  48. <li><a href="javascript:void(0)" onclick="window.open('http://service.weibo.com/share/share.php?url=${servePath}${article.articlePermalink}&title=B3LOG%20-%20${article.articleTitle}', '_blank');" id="otweet"></a></li>
  49. <li><a href="javascript:void(0)" id="obook"></a></li>
  50. <#if previousArticlePermalink??>
  51. <li><a href="${servePath}${previousArticlePermalink}" id="onext"></a></li>
  52. </#if>
  53. </ul>
  54. </div>
  55. <div id="bookmark-box" style="display:none">
  56. <ul>
  57. <li><a href="http://del.icio.us/post?url=${servePath}/?p=12&title=${article.articleTitle}" target="_blank"><img src="${staticServePath}/skins/${skinDirName}/themes/core/core-images/bookmarks/delicious.jpg" alt="" /> Del.icio.us</a></li>
  58. <li><a href="http://digg.com/submit?phase=2&url=${servePath}/?p=12&title=${article.articleTitle}" target="_blank"><img src="${staticServePath}/skins/${skinDirName}/themes/core/core-images/bookmarks/digg.jpg" alt="" /> Digg</a></li>
  59. <li><a href="http://technorati.com/faves?add=${servePath}/?p=12" target="_blank"><img src="${staticServePath}/skins/${skinDirName}/themes/core/core-images/bookmarks/technorati.jpg" alt="" /> Technorati</a></li>
  60. <li><a href="http://ma.gnolia.com/bookmarklet/add?url=${servePath}/?p=12&title=${article.articleTitle}" target="_blank"><img src="${staticServePath}/skins/${skinDirName}/themes/core/core-images/bookmarks/magnolia.jpg" alt="" /> Magnolia</a></li>
  61. <li><a href="http://www.newsvine.com/_wine/save?popoff=0&u=${servePath}/?p=12&h=${article.articleTitle}" target="_blank"><img src="${staticServePath}/skins/${skinDirName}/themes/core/core-images/bookmarks/newsvine.jpg" target="_blank"> Newsvine</a></li>
  62. <li class="noborder"><a href="http://reddit.com/submit?url=${servePath}/?p=12&title=${article.articleTitle}" target="_blank"><img src="${staticServePath}/skins/${skinDirName}/themes/core/core-images/bookmarks/reddit.jpg" alt="" /> Reddit</a></li>
  63. </ul>
  64. </div>
  65. <@comments commentList=articleComments article=article></@comments>
  66. </div>
  67. <#include "footer.ftl">
  68. <@comment_script oId=article.oId>
  69. page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
  70. <#if 0 != randomArticlesDisplayCount>
  71. page.loadRandomArticles();
  72. </#if>
  73. <#if 0 != relevantArticlesDisplayCount>
  74. page.loadRelevantArticles('${article.oId}', '<h4>${relevantArticles1Label}</h4>');
  75. </#if>
  76. <#if 0 != externalRelevantArticlesDisplayCount>
  77. page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
  78. </#if>
  79. </@comment_script>
  80. </body>
  81. </html>