Skip to content

S
solo
Commit 01dbc2f7 authored by Van's avatar Van
Browse files
Options

cilia

parent 40bd50b6
Hide whitespace changes
Inline Side-by-side
Showing with 2870 additions and 0 deletions
.gitignore
View file @ 01dbc2f7
...@@ -5,4 +5,5 @@ ...@@ -5,4 +5,5 @@
src/main/webapp/skins/* src/main/webapp/skins/*
!src/main/webapp/skins/mobile !src/main/webapp/skins/mobile
!src/main/webapp/skins/finding !src/main/webapp/skins/finding
!src/main/webapp/skins/yilia
src/main/webapp/skins/yilia/archive-articles.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${archiveDate.archiveDateYear}${archiveDate.archiveDateMonth}"/>
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<h2 class="fn-wrap">
${archive1Label}
<#if "en" == localeString?substring(0, 2)>
${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount})
<#else>
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount})
</#if>
</h2>
<#include "article-list.ftl">
</main>
<#include "footer.ftl">
</div>
</body>
</html>
src/main/webapp/skins/yilia/archives.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${blogTitle}">
<meta name="keywords" content="${metaKeywords},${archiveLabel}"/>
<meta name="description" content="${metaDescription},${archiveLabel}"/>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<#if 0 != archiveDates?size>
<ul class="fn-clear fn-wrap" id='tags'>
<#list archiveDates as archiveDate>
<li>
<#if "en" == localeString?substring(0, 2)>
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
<#else>
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
</#if>
</li>
</#list>
</ul>
</#if>
</main>
<#include "footer.ftl">
</div>
</body>
</html>
src/main/webapp/skins/yilia/article-list.ftl 0 → 100644
View file @ 01dbc2f7
<#if !isIndex && paginationCurrentPageNum != 1>
<nav class="pagination fn-clear fn-wrap" role="navigation">
<#if paginationCurrentPageNum != 1>
<a class="fn-left" href="${servePath}${path}/${paginationPreviousPageNum}">← ${previousPageLabel}</a>
</#if>
<span>${pageLabel} ${paginationCurrentPageNum} of ${paginationPageCount}</span>
<#if paginationPageCount != paginationCurrentPageNum>
<a class="fn-right" href="${servePath}${path}/${paginationNextPageNum}">${nextPagePabel} →</a>
</#if>
</nav>
</#if>
<#list articles as article>
<article class="post fn-wrap">
<header>
<h2 class="post-title">
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
<#if article.hasUpdated>
<sup class="post-tip">
${updatedLabel}
</sup>
</#if>
<#if article.articlePutTop>
<sup class="post-tip">
${topArticleLabel}
</sup>
</#if>
</h2>
</header>
<section class="post-excerpt fn-clear">
<p>${article.articleAbstract}</p>
</section>
<footer class="post-meta">
<img class="avatar" title="${article.authorName}" alt="${article.authorName}" src="${article.authorThumbnailURL}"/>
<a rel="nofollow" href="${servePath}/authors/${article.authorId}">${article.authorName}</a>
on
<#list article.articleTags?split(",") as articleTag>
<span>
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
${articleTag}</a><#if articleTag_has_next>,</#if>
</span>
</#list>
<time>${article.articleCreateDate?string("yyyy-MM-dd")}</time>
</footer>
</article>
</#list>
<#if 0 != paginationPageCount>
<nav class="pagination fn-clear fn-wrap" role="navigation">
<#if paginationCurrentPageNum != 1>
<a class="fn-left" href="${servePath}${path}/${paginationPreviousPageNum}">← ${previousPageLabel}</a>
</#if>
<span>${pageLabel} ${paginationCurrentPageNum} of ${paginationPageCount}</span>
<#if paginationPageCount != paginationCurrentPageNum>
<a class="fn-right" href="${servePath}${path}/${paginationNextPageNum}">${nextPagePabel} →</a>
</#if>
</nav>
</#if>
\ No newline at end of file
src/main/webapp/skins/yilia/article.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<#include "macro-comments.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${article.articleTitle} - ${blogTitle}">
<meta name="keywords" content="${article.articleTags}" />
<meta name="description" content="${article.articleAbstract?html}" />
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main>
<article class="post fn-wrap">
<header>
<h1 class="post-title">
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
<#if article.hasUpdated>
<sup class="post-tip">
${updatedLabel}
</sup>
</#if>
<#if article.articlePutTop>
<sup class="post-tip">
${topArticleLabel}
</sup>
</#if>
</h1>
<section class="post-meta">
<#list article.articleTags?split(",") as articleTag>
<span>
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
${articleTag}</a><#if articleTag_has_next>,</#if>
</span>
</#list>
<time>${article.articleCreateDate?string("yyyy-MM-dd")}</time>
</section>
</header>
<section class="post-content article-body">
${article.articleContent}
<#if "" != article.articleSign.signHTML?trim>
<div class="marginTop12">
${article.articleSign.signHTML}
</div>
</#if>
</section>
<footer>
<figure class="post-author">
<a href="${servePath}/authors/${article.authorId}"
title="${article.authorName}" alt="${article.authorName}"
style="background-image: url('${article.authorThumbnailURL}')">
<span class="fn-none">${article.authorName}</span>
</a>
</figure>
<div class="share fn-right">
<span class="icon icon-tencent" data-type="tencent"></span>
<span class="icon icon-weibo" data-type="weibo"></span>
<span class="icon icon-twitter" data-type="twitter"></span>
<span class="icon icon-google" data-type="google"></span>
</div>
</footer>
</article>
<@comments commentList=articleComments article=article></@comments>
</main>
<#if nextArticlePermalink?? || previousArticlePermalink??>
<aside class="read-next">
<#if nextArticlePermalink??>
<div class="read-next-story " style="background-image: url('${staticServePath}/skins/${skinDirName}/images/next.jpg')"
onclick="window.location = '${servePath}${nextArticlePermalink}'">
<section class="post">
<h2>${nextArticleTitle}</h2>
<p>${nextArticleAbstract}</p>
</section>
</div>
</#if>
<#if previousArticlePermalink??>
<div class="read-next-story prev " style="background-image: url('${staticServePath}/skins/${skinDirName}/images/preview.jpg')"
onclick="window.location = '${servePath}${previousArticlePermalink}'">
<section class="post">
<h2>${previousArticleTitle}</h2>
<p>${previousArticleAbstract}</p>
</section>
</div>
</#if>
</aside>
</#if>
<#include "footer.ftl">
<@comment_script oId=article.oId>
page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
</@comment_script>
</div>
</body>
</html>
src/main/webapp/skins/yilia/author-articles.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${authorName} - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${authorName}"/>
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<h2 class="fn-wrap">
${author1Label}${authorName}
</h2>
<#include "article-list.ftl">
</main>
<#include "footer.ftl">
</div>
</body>
</html>
src/main/webapp/skins/yilia/css/fonts/icomoon.svg 0 → 100644
View file @ 01dbc2f7
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
<glyph unicode="&#xe600;" d="M358.344 457.514q-76.634 0-130.858 54.222t-54.223 130.858 54.222 130.858 130.858 54.223 130.858-54.223 54.223-130.858-54.222-130.858-130.858-54.222zM821.043 395.82h169.657q6.266 0 10.845-4.579t4.579-10.845v-92.54q0-6.266-4.579-10.845t-10.845-4.579h-169.657v-169.657q0-6.266-4.579-10.845t-10.845-4.579h-92.54q-6.266 0-10.845 4.579t-4.579 10.845v169.657h-169.657q-6.266 0-10.845 4.579t-4.579 10.845v92.54q0 6.266 4.579 10.845t10.845 4.579h169.657v169.657q0 6.266 4.579 10.844t10.845 4.579h92.54q6.266 0 10.845-4.579t4.579-10.844v-169.657zM466.308 287.856q0-25.062 18.315-43.377t43.377-18.315h123.387v-114.711q-32.773-24.099-82.419-24.099h-421.251q-58.319 0-93.504 33.257t-35.184 91.575q0 25.545 1.687 49.884t6.749 52.537 12.773 52.294 20.725 46.993 29.883 39.041 41.208 25.785 53.74 9.641q9.158 0 18.797-8.193 38.076-29.401 74.466-44.101t79.286-14.701 79.286 14.701 74.466 44.101q9.641 8.193 18.797 8.193 63.622 0 104.59-46.27h-107.482q-25.062 0-43.377-18.315t-18.315-43.377v-92.54z" horiz-adv-x="1027" />
<glyph unicode="&#xe601;" d="M798.222 282.667v122.667h-306.667v122.667h306.667v122.667l184-184zM736.888 344.001v-245.333h-306.667v-184l-368 184v797.333h674.667v-306.667h-61.333v245.333h-490.667l245.333-122.667v-552h245.333v184z" />
<glyph unicode="&#xe602;" d="M916.215 332.511c-51.487 89.177-20.524 203.458 69.146 255.384l-96.433 167.030c-27.552-16.152-59.585-25.413-93.769-25.413-103.055 0-186.595 84.090-186.595 187.824h-192.872c0.255-32.018-7.738-64.479-24.876-94.158-51.486-89.179-165.941-119.506-255.743-67.81l-96.431-167.030c27.763-15.786 51.798-38.897 68.891-68.5 51.403-89.037 20.616-203.090-68.72-255.131l96.433-167.030c27.456 16 59.336 25.16 93.342 25.16 102.729 0 186.055-83.559 186.588-186.835h192.868c-0.082 31.696 7.927 63.796 24.884 93.167 51.401 89.035 165.577 119.403 255.313 68.053l96.433 167.028c-27.581 15.78-51.455 38.811-68.458 68.26zM512 227.974c-109.737 0-198.697 88.956-198.697 198.695 0 109.737 88.958 198.695 198.697 198.695 109.737 0 198.693-88.958 198.693-198.695-0.002-109.739-88.956-198.695-198.693-198.695z" />
<glyph unicode="&#xe603;" d="M22.106 83.906c-0.234 2.427-0.433 4.859-0.56 7.312 0.125-2.453 0.326-4.886 0.56-7.312zM247.412 375.734c88.176-2.624 147.328 88.836 132.118 204.315-15.232 115.46-99.088 208.119-187.266 210.759-88.192 2.616-147.334-85.754-132.108-201.25 15.22-115.448 99.046-211.192 187.256-213.823zM1002.667 672v81.755c0 89.968-73.583 163.578-163.547 163.578h-654.212c-88.431 0-161.012-71.139-163.457-159.012 55.93 49.245 133.519 90.386 213.588 90.386 85.583 0 342.359 0 342.359 0l-76.617-64.801h-108.549c72-27.604 110.358-111.286 110.358-197.15 0-72.113-40.068-134.123-96.684-178.219-55.242-43.031-65.715-61.053-65.715-97.633 0-31.221 59.173-84.333 90.114-106.172 90.449-63.766 119.711-122.966 119.711-221.812 0-15.743-1.957-31.462-5.813-46.92h294.919c89.963 0 163.545 73.552 163.545 163.578v511.087h-184v-183.998h-61.333v184h-183.998v61.333h183.998v184h61.333v-184h184zM199.474 183.312c20.713 0 39.696 0.565 59.355 0.565-26.015 25.237-46.6 56.158-46.6 94.281 0 22.624 7.249 44.405 17.378 63.748-10.333-0.738-20.882-0.953-31.746-0.953-71.258 0-131.777 23.073-176.529 61.193v-64.44l0.006-193.325c51.213 24.317 112.018 38.929 178.135 38.929zM24.611 67.045c-1.066 5.231-1.884 10.547-2.436 15.941 0.55-5.393 1.37-10.71 2.436-15.941zM457.806 4.19c-14.431 56.356-65.602 84.299-136.934 133.753-25.944 8.368-54.523 13.296-85.19 13.616-85.884 0.924-165.895-33.486-211.040-84.69 15.257-74.468 81.491-130.868 160.266-130.868h274.509c1.74 10.664 2.584 21.689 2.584 32.997 0 12.012-1.47 23.759-4.194 35.192z" />
<glyph unicode="&#xe605;" d="M431.713 469.974c-138.186-6.379-249.878-80.393-249.878-172.715 0-92.194 111.717-161.506 249.878-155.051 138.289 6.302 250.215 92.839 250.215 185.033 0 92.115-111.924 149.111-250.215 142.732zM525.869 237.76c-42.328-54.619-126.050-81.269-207.345-37.239-38.711 20.995-37.264 62.211-37.264 62.211s-16.062 130.182 122.925 146.451c139.142 16.115 163.986-116.779 121.685-171.423zM432.64 324.944c-8.911-6.455-10.716-18.801-5.888-26.469 4.648-7.878 15.469-8.78 24.223-2.221 8.6 6.791 11.931 18.619 7.257 26.469-4.598 7.644-15.287 9.865-25.591 2.221zM366.763 307.023c-25.978-2.685-44.547-25.308-44.547-46.949 0-21.693 20.917-36.67 46.845-33.624 25.85 2.944 46.87 22.931 46.87 44.547 0.052 21.693-19.343 38.891-49.17 36.026zM853.245 917.334h-682.544c-82.509 0-149.395-66.886-149.395-149.395v-682.544c0-82.509 66.886-149.395 149.395-149.395h682.544c82.509 0 149.395 66.886 149.395 149.395v682.544c0 82.509-66.861 149.395-149.395 149.395zM805.444 266.037c-56.969-121.013-244.818-179.894-384.037-168.996-132.298 10.408-302.379 54.361-319.966 214.473 0 0-9.296 72.515 60.998 166.336 0 0 101.102 141.184 218.862 181.47 117.863 40.106 131.627-27.761 131.627-67.867-6.275-34.011-17.999-54.025 26.239-40.286 0 0 115.849 53.74 163.547 6.068 38.454-38.479 6.354-91.444 6.354-91.444s-15.96-17.637 16.89-23.991c32.926-6.586 136.43-54.543 79.488-175.762zM691.197 600.388c-12.602 0-22.726 10.201-22.726 22.701 0 12.732 10.122 22.958 22.726 22.958 0 0 142.036 26.262 125.043-126.358 0-0.903-0.103-1.627-0.309-2.428-1.602-10.82-11.103-19.109-22.287-19.109-12.654 0-22.958 10.122-22.958 22.751 0-0.025 22.519 101.982-79.488 79.488zM931.288 478.315h-0.207c-3.745-25.825-16.554-27.891-31.815-27.891-18.258 0-33.003 11.466-33.003 29.75 0 15.832 6.561 31.92 6.561 31.92 1.936 6.662 17.38 48.085-10.201 110.013-50.512 84.834-152.237 86.074-164.243 81.244-12.111-4.751-29.982-7.126-29.982-7.126-18.389 0-33.109 14.952-33.109 33.132 0 15.262 10.201 28.175 24.146 32.127 0 0 0.309 0.516 0.774 0.594 1.008 0.207 2.041 1.215 3.124 1.317 14.178 2.712 64.664 12.629 113.756 1.137 87.829-20.504 208.457-105.442 154.2-286.214z" />
<glyph unicode="&#xe60a;" d="M1014.323 422.849l-253.013-0.064 0.067-463.723h-499.15v463.79l-252.549-0.064 502.389 501.267z" />
<glyph unicode="&#xe60b;" d="M839.119 917.334h-654.212c-89.963 0-163.574-73.61-163.574-163.578v-654.179c0-90.024 73.612-163.576 163.574-163.576h654.212c89.965 0 163.547 73.552 163.547 163.578v654.178c0 89.968-73.583 163.578-163.547 163.578zM824.466 589.743c0.314-7.036 0.47-14.114 0.47-21.225 0-216.788-162.165-466.773-458.714-466.773-91.046 0-175.791 27.167-247.141 73.713 12.612-1.522 25.446-2.294 38.458-2.294 75.538 0 145.051 26.23 200.228 70.229-70.549 1.322-130.088 48.756-150.606 113.929 9.846-1.917 19.945-2.946 30.333-2.946 14.705 0 28.947 2.009 42.473 5.758-73.753 15.077-129.327 81.378-129.327 160.862 0 0.692 0 1.378 0.015 2.062 21.735-12.286 46.598-19.665 73.025-20.518-43.261 29.419-71.724 79.63-71.724 136.551 0 30.063 7.948 58.246 21.829 82.472 79.517-99.255 198.314-164.565 332.306-171.409-2.75 12.010-4.176 24.529-4.176 37.388 0 90.599 72.187 164.048 161.22 164.048 46.374 0 88.28-19.92 117.685-51.806 36.723 7.356 71.227 21.007 102.381 39.811-12.039-38.31-37.599-70.459-70.884-90.764 32.608 3.966 63.683 12.784 92.594 25.831-21.607-32.894-48.942-61.789-80.446-84.918z" />
<glyph unicode="&#xe60d;" d="M1002.64 767.939c0 82.509-66.886 149.395-149.395 149.395h-682.544c-82.509 0-149.395-66.886-149.395-149.395v-682.544c0-82.509 66.886-149.395 149.395-149.395h682.544c82.509 0 149.395 66.886 149.395 149.395v682.544zM149.294 55.595c0.981-11.803-7.876-42.121-19.705-42.121h-2.17c-10.95 0-20.297 27.063-21.356 38.297-16.347 182.217 41.191 329.832 92.633 406.038 18.515 27.711 37.498 50.512 54.696 68.642-4.288 9.813-6.689 20.66-6.689 32.127 0 44.29 36.077 80.109 80.366 80.109 44.547 0 80.213-35.819 80.213-80.109 0-44.572-35.688-80.366-80.213-80.366-17.095 0-32.848 5.397-45.942 14.463-15.211-16.244-31.686-45.889-47.673-70.010-68.151-102.007-96.688-231.903-84.161-367.070zM323.505 311.671c-18.285 0-36.8 2.014-54.464 5.94-11.673 2.764-18.62 14.385-16.219 25.773 2.816 11.749 14.178 19.006 25.772 16.269 14.592-3.358 29.724-4.985 44.908-4.985 110.091 0 199.519 89.432 199.519 199.262 0 109.858-89.432 199.287-199.519 199.287-109.831 0-199.418-89.43-199.418-199.287 0-31.868 7.283-62.548 21.873-90.904 5.604-10.484 1.42-23.5-9.451-28.846-10.615-5.656-23.397-1.472-28.898 9.167-17.534 33.908-26.599 72.362-26.599 110.555 0 133.72 108.746 242.493 242.493 242.493 133.824 0 242.646-108.773 242.646-242.493-0.027-133.488-108.849-242.234-242.648-242.234zM774.455 593.572c-21.486-0.466-43.334 4.029-62.961 13.351-68.486 32.591-97.746 114.737-65.155 183.302 32.487 68.511 114.737 97.746 183.302 65.155 68.511-32.463 97.773-114.843 65.025-183.149-4.751-9.426-9.994-18.412-16.426-26.521-4.054-5.242-11.931-6.197-17.2-2.014s-6.095 11.931-1.911 17.2c5.267 6.561 9.786 14.099 13.376 21.848 26.856 56.271 2.971 123.957-53.483 150.428-56.348 26.856-123.803 2.996-150.428-53.611-27.115-56.22-3.124-123.675 53.379-150.531 16.347-7.67 33.984-11.492 51.804-10.768 6.791 0.128 12.524-5.114 12.654-11.931 0.309-6.818-5.087-12.395-11.983-12.757zM980.897 509.513c-0.155-0.621-0.414-0.826-0.414-1.188-2.816-5.654-9.271-8.366-15.393-6.197-97.307 35.922-149.473 96.817-175.994 141.699-9.53 16.244-16.449 31.661-21.486 44.754-6.302 0.155-12.318 1.807-17.999 4.313-23.061 10.977-32.643 37.963-21.745 60.766 10.743 22.701 37.833 32.384 60.636 21.486 22.701-10.846 32.256-37.988 21.641-60.636-4.184-8.625-10.873-15.519-18.67-19.834 4.803-11.956 11.002-25.206 19.471-39.278 35.612-59.81 90.386-103.661 162.514-130.261 6.43-2.505 9.557-9.298 7.437-15.623z" />
<glyph unicode="&#xe611;" d="M360 405.334h-300v120h300v120l180-180-180-180zM960 885.334v-780l-360-180v180h-360v240h60v-180h300v540l240 120h-540v-240h-60v300z" />
<glyph unicode="&#xf605;" d="M891.802 673.23c13.876 13.722 36.25 13.722 50.126 0s13.876-35.89 0-49.614l-404.838-400.896c-13.876-13.722-36.3-13.722-50.126 0l-404.89 400.896c-13.876 13.722-13.876 35.89 0 49.614s36.25 13.722 50.126 0l379.802-365.568 379.802 365.568z" />
<glyph unicode="&#xf609;" d="M128 725.334h768q17.668 0 30.168-12.5t12.5-30.166-12.5-30.168-30.168-12.5h-768q-17.668 0-30.168 12.5t-12.5 30.168 12.5 30.166 30.168 12.5zM128 213.334h768q17.668 0 30.168-12.5t12.5-30.168-12.5-30.168-30.168-12.5h-768q-17.668 0-30.168 12.5t-12.5 30.168 12.5 30.168 30.168 12.5zM128 469.334h768q17.668 0 30.168-12.5t12.5-30.168-12.5-30.168-30.168-12.5h-768q-17.668 0-30.168 12.5t-12.5 30.168 12.5 30.168 30.168 12.5z" />
</font></defs></svg>
\ No newline at end of file
src/main/webapp/skins/yilia/css/yilia.css 0 → 100644
View file @ 01dbc2f7
/**
* Copyright (c) 2010-2015, b3log.org
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@charset "utf-8";
/*
* skin finding style
*
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 1.0.0.0, Jun 4, 2015
*/
/* start reset */
html {
height: 100%;
max-height: 100%;
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
height: 100%;
max-height: 100%;
font-family: "Merriweather", "Microsoft Yahei", 'Helvetica';
letter-spacing: 0.01rem;
font-size: 1.8rem;
line-height: 1.75em;
color: #3A4145;
-webkit-font-feature-settings: 'kern' 1;
-moz-font-feature-settings: 'kern' 1;
-o-font-feature-settings: 'kern' 1;
text-rendering: geometricPrecision;
margin: 0;
}
::-moz-selection {
background: #D6EDFF;
}
::selection {
background: #D6EDFF;
}
a {
color: #4A4A4A;
transition: color 0.3s ease;
}
a:hover {
color: #111;
}
h1, h2, h3,
h4, h5, h6 {
-webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
color: #2E2E2E;
line-height: 1.15em;
font-family: "Open Sans", "Microsoft Yahei", 'Helvetica';
text-rendering: geometricPrecision;
}
h1 {
font-size: 5rem;
letter-spacing: -2px;
text-indent: -3px;
}
h2 {
font-size: 3.6rem;
letter-spacing: -1px;
}
h3 {
font-size: 3rem;
}
h4 {
font-size: 2.5rem;
}
h5 {
font-size: 2rem;
}
h6 {
font-size: 2rem;
}
img {
max-width: 100%;
}
p, ul, ol, dl {
-webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
margin: 0 0 1.75em 0;
text-rendering: geometricPrecision;
}
ol, ul {
padding-left: 3rem;
}
ol ol, ul ul,
ul ol, ol ul {
padding-left: 2em;
}
dl dt {
float: left;
width: 180px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 700;
margin-bottom: 1em;
}
dl dd {
margin-left: 200px;
margin-bottom: 1em
}
li li {
margin: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: #EFEFEF 1px solid;
margin: 3.2em 0;
padding: 0;
}
blockquote {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1.75em 0 1.75em -2.2em;
padding: 0 0 0 1.75em;
border-left: #4A4A4A 0.4em solid;
}
blockquote p {
margin: 0.8em 0;
font-style: italic;
}
blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size: 0.9em;
color: #CCC;
}
blockquote small:before { content: "\2014 \00A0"; }
blockquote cite {
font-weight: 700;
}
blockquote cite a { font-weight: normal; }
mark {
background-color: #fdffb6;
}
code, tt {
padding: 1px 3px;
font-family: Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';
font-size: 0.85em;
white-space: pre-wrap;
border: #E3EDF3 1px solid;
background: #F7FAFB;
border-radius: 2px;
}
pre {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 1.75em 0;
border: #E3EDF3 1px solid;
width: 100%;
padding: 10px;
font-family: Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';
font-size: 0.9em;
white-space: pre;
overflow: auto;
background: #F7FAFB;
border-radius: 3px;
}
pre code, pre tt {
font-size: inherit;
white-space: pre-wrap;
background: transparent;
border: none;
padding: 0;
}
/* end reset */
/* start function */
.fn-clear:before,
.fn-clear:after {
display: table;
content: "";
}
.fn-clear:after {
clear: both;
}
.fn-left {
float: left;
}
.fn-right {
float: right;
}
.fn-none {
display: none;
}
.fn-vertical {
display: table-cell;
vertical-align: middle;
}
.fn-wrap {
width: 80%;
max-width: 768px;
margin: 0 auto;
}
@-webkit-keyframes fade-in-down {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in-down {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounce {
0%, 10%, 25%, 40%, 50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
30% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes upbounce {
0%, 10%, 25%, 40%, 50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
30% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes upbounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
/* end function */
/* start common */
@font-face {
font-family: "icomoon";
src:url("fonts/icomoon.eot?v=1");
src:url("fonts/icomoon.eot?v=1#iefix") format("embedded-opentype"),
url("fonts/icomoon.woff?v=1") format("woff"),
url("fonts/icomoon.ttf?v=1") format("truetype"),
url("fonts/icomoon.svg?v=1#icons") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-size: 2rem;
font-family: "icomoon", "Open Sans", "Microsoft Yahei", 'Helvetica';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before {
content: "\f605";
font-size: 3.5rem;
}
.icon-menu:before {
content: "\f609";
vertical-align: sub;
}
.icon-login:before {
content: "\e611";
}
.icon-logout:before {
content: "\e601";
}
.icon-setting:before {
content: "\e602";
}
.icon-register:before {
content: "\e600";
}
.avatar {
border-radius: 100%;
float: left;
height: 24px;
margin-right: 9px;
width: 24px;
}
.avatar-warp {
width: 10%;
padding-right: 10px;
box-sizing: border-box;
}
.avatar-48 {
box-shadow: 0 0 2px #ddd;
height: auto;
width: 48px;
margin-right: 10px;
border-radius: 24px;
}
.form {
width: 100%;
margin-top: 50px;
}
.form input,
.form textarea,
.form button {
border: 1px solid #CCCCCC;
background-color: #FAFAFA;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
padding: 7px 8px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "Merriweather", "Microsoft Yahei", 'Helvetica';
}
.form button {
width: auto;
vertical-align: bottom;
}
.form input:focus,
.form textarea:focus {
background-color: #FFF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
border: 1px solid #51A7E8;
}
.error-msg {
font-size: 1.5rem;
color: #9EABB3;
}
.cmtFromSym {
font-size: 1rem;
color: #9EABB3;
}
/* end common */
/* start emotions */
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09,
.em10, .em11, .em12, .em13, .em14 {
background-image: url("../images/emotions/emotions-ease.png");
float: left;
height: 24px;
margin-right: 5px;
width: 24px;
}
#emotions span {
cursor: pointer;
}
.em01 {
background-position: -24px 0;
}
.em02 {
background-position: -48px 0;
}
.em03 {
background-position: -72px 0;
}
.em04 {
background-position: -96px 0;
}
.em05 {
background-position: 0px -24px;
}
.em06 {
background-position: -24px -24px;
}
.em07 {
background-position: -48px -24px;
}
.em08 {
background-position: -72px -24px;
}
.em09 {
background-position: -96px -24px;
}
.em10 {
background-position: 0 -48px;
}
.em11 {
background-position: -24px -48px ;
}
.em12 {
background-position: -48px -48px;
}
.em13 {
background-position: -72px -48px;
}
.em14 {
background-position: -96px -48px;
}
/* end emotions */
/* start framework */
.main-header {
position: relative;
display: table;
width: 100%;
height: 100vh;
margin-bottom: 5rem;
text-align: center;
background: #222 no-repeat center center;
background-size: cover;
overflow: hidden;
background-image: url('../images/header-bg.jpg');
min-height: 50vh;
}
.site-wrapper {
position: relative;
z-index: 10;
min-height: 100%;
background: #fff;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
}
.nav-opened .site-wrapper {
overflow-x: hidden;
-webkit-transform: translate3D(-240px, 0, 0);
-ms-transform: translate3D(-240px, 0, 0);
transform: translate3D(-240px, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
}
/* end framework */
/* start header */
.page-title a {
-webkit-animation: fade-in-down 0.6s;
animation: fade-in-down 0.6s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
margin: 10px 0 10px 0;
font-size: 5rem;
letter-spacing: -1px;
font-weight: 700;
font-family: "Open Sans", "Microsoft Yahei", 'Helvetica';
color: #fff;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
text-decoration: none;
}
.page-description,
.page-description a {
-webkit-animation: fade-in-down 0.9s;
animation: fade-in-down 0.9s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
margin: 0;
font-size: 2rem;
line-height: 1.5em;
font-weight: 400;
letter-spacing: 0.01rem;
color: rgba(255,255,255,0.8);
}
.scroll-down {
display: block;
position: absolute;
z-index: 100;
bottom: 45px;
left: 50%;
margin-left: -16px;
width: 34px;
height: 34px;
font-size: 34px;
text-align: center;
text-decoration: none;
color: rgba(255,255,255,0.7);
-webkit-animation: bounce 4s 2s infinite;
animation: bounce 4s 2s infinite;
}
.scroll-down:hover {
color: #fff;
-webkit-animation: none;
animation: none;
}
.menu-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
float: right;
height: 38px;
padding: 0 15px;
border-style: solid;
border-width: 1px;
opacity: 1;
text-align: center;
font-size: 12px;
text-transform: uppercase;
line-height: 35px;
white-space: nowrap;
border-radius: 3px;
transition: all 0.5s ease;
position: absolute;
right: 20px;
top: 40px;
text-decoration: none;
font-family: 'Open Sans', "Microsoft Yahei", 'Helvetica';
z-index: 30;
}
.menu-button:hover {
background: #fff;
}
.menu-button:focus {
outline: 0;
}
.nav-closed .menu-button {
color: #fff;
border-color: rgba(255, 255, 255, 0.6);
}
.nav-closed .menu-button:hover {
color: #222;
}
.nav-opened .menu-button {
padding: 0 12px;
background: #111;
border-color: #111;
color: #fff;
-webkit-transform: translate3D(50px, 0, 0);
-ms-transform: translate3D(50px, 0, 0);
transform: translate3D(50px, 0, 0);
transition: all 0.3s ease;
}
.nav-opened .menu-button .word {
opacity: 0;
transition: all 0.3s ease;
}
.nav {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 5;
width: 220px;
padding: 10px 10px 0 10px;
opacity: 0;
background: #111;
margin-bottom: 0;
text-align: left;
overflow-y: auto;
color: #FFF;
-webkit-transition: -webkit-transform 0.5s ease,
opacity 0.3s ease 0.7s;
transition: transform 0.5s ease,
opacity 0.3s ease 0.7s;
overflow-x: hidden;
}
.nav ul {
margin: 0;
padding: 0px 0 5%;
list-style: none;
counter-reset: item;
}
.nav li {
height: 30px;
line-height: 1.4rem;
}
.nav li:before {
display: block;
float: right;
padding-right: 4%;
padding-left: 5px;
text-align: right;
font-size: 1.2rem;
vertical-align: bottom;
color: #B8B8B8;
content: counter(item, lower-roman);
counter-increment: item;
line-height: 2.5rem;
}
.nav a {
color: #B8B8B8;
text-decoration: none;
line-height: 1.4;
font-size: 1.4rem;
}
.nav a:hover {
color: #FFF;
}
.nav li a {
display: block;
padding: 0.6rem 4%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nav li a:after {
display: inline-block;
content: " .......................................................";
color: rgba(255,255,255,0.2);
margin-left: 5px;
}
.nav .count {
position: absolute;
bottom: 10px;
font-size: 1rem;
width: 100%;
word-wrap: normal;
word-break: break-all;
white-space: nowrap;
}
.nav [class^="icon-"] {
color: #FFF;
}
.nav [class^="icon-"]:hover {
color: #B8B8B8;
}
body.nav-closed .nav {
-webkit-transform: translate3D(97px, 0, 0);
-ms-transform: translate3D(97px, 0, 0);
transform: translate3D(97px, 0, 0);
}
body.nav-opened .nav {
opacity: 1;
-webkit-transition: -webkit-transform 0.3s ease,
opacity 0s ease 0s;
transition: transform 0.3s ease,
opacity 0s ease 0s;
-webkit-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
transform: translate3D(0, 0, 0);
}
/* end header */
/* start article */
article.post {
position: relative;
margin: 4rem auto;
padding-bottom: 4rem;
border-bottom: #EBF2F6 1px solid;
word-wrap: break-word;
width: 80%;
}
article.post:after {
display: block;
content: "";
width: 7px;
height: 7px;
border: #E7EEF2 1px solid;
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
background: #FFF;
border-radius: 100%;
box-shadow: #FFF 0 0 0 5px;
}
.post-title a {
text-decoration: none;
}
.post-tip {
display: inline-block;
text-transform: uppercase;
font-size: 1.3rem;
white-space: nowrap;
color: #9EABB3;
}
.post-excerpt p {
margin: 0;
font-size: 0.9em;
line-height: 1.7em;
}
.post-meta {
color: #9eabb3;
font-family: "Open Sans", "Microsoft Yahei", 'Helvetica';
font-size: 1.5rem;
line-height: 2.2rem;
margin: 1.75rem 0 0 0;
}
.post-meta a {
color: #9EABB3;
text-decoration: none;
}
.post-meta a:hover {
text-decoration: underline;
}
.post-meta time {
border-left: 1px solid #d5dbde;
display: inline-block;
font-size: 1.3rem;
margin-left: 8px;
padding-left: 12px;
text-transform: uppercase;
white-space: nowrap;
}
.post-author {
box-sizing: border-box;
display: block;
position: absolute;
bottom: -57px;
left: 50%;
margin-left: -40px;
width: 80px;
height: 80px;
border-radius: 100%;
overflow: hidden;
padding: 6px;
background: #fff;
z-index: 2;
box-shadow: #E7EEF2 0 0 0 1px;
}
.post-author a {
background-size: cover;
background-position: center center;
width: 68px;
height: 68px;
display: block;
border-radius: 35px;
}
.share .icon {
cursor: pointer;
transition: all 0.2s ease-out 0s;
display: inline-block;
font-size: 16px;
margin-top: 15px;
}
.share .icon:hover {
transform: rotate(360deg);
color: #9EABB3;
}
.icon-weibo:before {
content: "\e605";
}
.icon-twitter:before {
content: "\e60b";
}
.icon-tencent:before {
content: "\e60d";
}
.icon-google:before {
content: "\e603";
}
.icon-gotop:before {
content: "\E60A";
font-weight: bold;
}
.icon-gotop {
cursor: pointer;
position: fixed;
bottom: 30px;
right: 30px;
-webkit-animation: upbounce 4s 2s infinite;
animation: upbounce 4s 2s infinite;
text-decoration: none;
z-index: 10;
}
.icon-gotop:hover {
color: #B8B8B8;
-webkit-animation: none;
animation: none;
}
.pagination {
font-family: "Open Sans", "Microsoft Yahei", 'Helvetica';
font-size: 1.3rem;
color: #9eabb3;
text-align: center;
}
.pagination a {
color: #9EABB3;
transition: all 0.2s ease;
padding: 0 15px;
border: #bfc8cd 1px solid;
text-decoration: none;
display: inline-block;
border-radius: 4px;
}
.pagination a:hover {
border-color: #98a0a4;
color: #889093;
}
ul.comments {
padding: 0;
list-style: none;
margin-top: 100px;
position: relative;
}
.comments li {
padding: 10px;
white-space: normal;
word-wrap: break-word;
position: relative;
border-bottom: #EBF2F6 1px solid;
}
.comments li:hover {
background-color: #F7F7F7;
}
.comments li img {
vertical-align: sub;
}
.comments .comment-content {
margin: 8px 0 0;
}
.comments li.comment-body-ref {
position: absolute;
z-index: 10;
background-color: #EBF2F6;
border: #d5dbde 1px solid;
width: 86%;
left: 69px;
}
.comments .post-meta {
margin-top: 0;
}
#captcha,
#captchaReply {
height: 27px;
display: inline-block;
vertical-align: inherit;
}
.read-next {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 10rem;
}
.read-next-story {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 50%;
text-decoration: none;
position: relative;
text-align: center;
color: #fff;
background: #222 no-repeat center center;
background-size: cover;
overflow: hidden;
}
.read-next-story a {
color: #BBB;
}
.read-next-story a:hover {
color: #FFF;
}
.read-next-story:hover:before {
background: rgba(0,0,0,0.8);
transition: all 0.2s ease;
}
.read-next-story:hover .post:before {
color: #222;
background: #fff;
transition: all 0.2s ease;
}
.read-next-story:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.7);
transition: all 0.5s ease;
}
.read-next-story .post {
padding-top: 6rem;
padding-bottom: 6rem;
width: 80%;
position: relative;
margin: 0 auto;
}
.read-next-story .post:before {
content: "Read This Next";
padding: 4px 10px 5px;
text-transform: uppercase;
font-size: 1.1rem;
font-family: "Open Sans", "Microsoft Yahei", 'Helvetica';
color: rgba(255,255,255,0.8);
border: 1px solid rgba(255,255,255,0.5);
border-radius: 4px;
transition: all 0.5s ease;
}
.read-next-story.prev .post:before {
content: "Read This Before";
}
.read-next-story h2 {
margin-top: 1rem;
color: #fff;
}
.read-next-story p {
margin: 0;
color: rgba(255,255,255,0.8);
}
.read-next + .site-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
}
/* end article */
/* start tags */
#tags {
padding: 0;
}
#tags li {
list-style: none;
float: left;
}
#tags li a {
border: 1px solid #4A4A4A;
display: inline-block;
padding: 10px;
margin: 1rem;
border-radius: 5px;
text-decoration: none;
}
#tags li a:hover {
border: 1px solid #FFF;
color: #FFF;
background-color: #4A4A4A;
}
/* end tags */
/* start dynamic */
.dynamic .read-next-story > div {
position: relative;
width: 60%;
margin: 50px auto;
text-align: left;
}
.dynamic a {
text-decoration: none;
margin: 0;
color: rgba(255,255,255,0.8);
}
.dynamic a:hover {
color: rgba(255,255,255,0.5);
}
/* end dynamic */
/* start footer */
.site-footer {
position: relative;
margin: 8rem 0 0 0;
padding: 1rem 15px;
font-family: "Open Sans", "Microsoft Yahei", 'Helvetica';
font-size: 1rem;
line-height: 1.75em;
color: #BBC7CC;
}
.site-footer a {
color: #BBC7CC;
font-weight: bold;
text-decoration: none;
}
.site-footer a:hover {
text-decoration: underline;
}
/* end footer */
@media only screen and (max-width: 900px) {
blockquote {
margin-left: 0;
}
.main-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
min-height: 240px;
height: 60vh;
padding: 15% 0;
}
.scroll-down {
display: none;
}
.page-title,
.page-title a {
font-size: 4rem;
letter-spacing: -1px;
}
.page-description,
.page-description a {
font-size: 1.8rem;
line-height: 1.5em;
}
.post {
font-size: 0.95em
}
hr {
margin: 2.4em 0;
}
ol, ul {
padding-left: 2em;
}
h1 {
font-size: 4.5rem;
text-indent: -2px;
}
h2 {
font-size: 3.6rem;
}
h3 {
font-size: 3.1rem;
}
h4 {
font-size: 2.5rem;
}
h5 {
font-size: 2.2rem;
}
h6 {
font-size: 1.8rem;
}
.read-next {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 4rem;
}
}
@media only screen and (max-width: 500px) {
.main-header {
margin-bottom: 15px;
height: 40vh;
}
.pagination {
width: auto;
margin: 2rem auto;
}
.post {
width: auto;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 16px;
margin-right: 16px;
padding-bottom: 2rem;
line-height: 1.65em;
}
hr {
margin: 1.75em 0;
}
p, ul, ol, dl {
font-size: 0.95em;
margin: 0 0 2.5rem 0;
}
.page-title,
.page-title a {
font-size: 3rem;
}
.post-excerpt p {
font-size: 0.85em;
}
.page-description,
.page-description a {
font-size: 1.6rem;
}
h1, h2, h3,
h4, h5, h6 {
margin: 0 0 0.3em 0;
}
h1 {
font-size: 2.8rem;
letter-spacing: -1px;
}
h2 {
font-size: 2.4rem;
letter-spacing: 0;
}
h3 {
font-size: 2.1rem;
}
h4 {
font-size: 1.9rem;
}
h5 {
font-size: 1.8rem;
}
h6 {
font-size: 1.8rem;
}
.post-content img {
padding: 0;
width: calc(100% + 32px); /* expand with to image + margins */
min-width: 0;
max-width: 112%; /* fallback when calc doesn't work */
}
.post-meta {
font-size: 1.3rem;
margin-top: 1rem;
}
.site-footer {
margin-top: 3rem;
}
.read-next {
margin-top: 2rem;
margin-bottom: -37px;
}
.read-next .post {
width: 100%;
}
.menu-button {
border: 0;
top: 0;
right: 0;
}
.nav-closed .menu-button:hover {
color: #FFF;
background-color: transparent;
}
.nav-opened .menu-button {
display: none;
}
.post-author {
width: 40px;
height: 40px;
bottom: -37px;
padding: 3px;
margin-left: -20px;
}
.post-author a {
width: 34px;
height: 34px;
display: block;
border-radius: 17px;
}
.nav .count {
line-height: 1.5rem;
}
#tags li a {
padding: 0 5px;
}
}
src/main/webapp/skins/yilia/dynamic.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${blogTitle}">
<meta name="keywords" content="${metaKeywords},${dynamicLabel}"/>
<meta name="description" content="${metaDescription},${dynamicLabel}"/>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<#if 0 != recentComments?size>
<ul class="comments fn-wrap">
<#list recentComments as comment>
<#if comment_index < 6>
<li id="${comment.oId}" class="fn-clear">
<div class="fn-left avatar-warp">
<img class="avatar-48" title="${comment.commentName}"
alt="${comment.commentName}" src="${comment.commentThumbnailURL}">
</div>
<div class="fn-left" style="width: 90%">
<div class="fn-clear post-meta">
<span class="fn-left">
<#if "http://" == comment.commentURL>
<span>${comment.commentName}</span>
<#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if>
<time>${comment.commentDate?string("yy-MM-dd HH")}</time>
</span>
<a class="fn-right" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
</div>
<div class="comment-content">
${comment.commentContent}
</div>
</div>
</li>
</#if>
</#list>
</ul>
</#if>
</main>
<#if 0 != mostCommentArticles?size || 0 != mostViewCountArticles?size>
<aside class="read-next dynamic">
<#if 0 != mostCommentArticles?size>
<div class="read-next-story" style="background-image: url('${staticServePath}/skins/${skinDirName}/images/next.jpg')">
<div>
${mostCommentArticlesLabel}
<ul>
<#list mostCommentArticles as article>
<li>
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
${article.articleTitle}
</a>
<span data-ico="&#xe14e;">
${article.articleCommentCount}
</span>
</li>
</#list>
</ul>
</div>
</div>
</#if>
<#if 0 != mostViewCountArticles?size>
<section class="read-next-story prev" style="background-image: url('${staticServePath}/skins/${skinDirName}/images/preview.jpg')">
<div>
${mostViewCountArticlesLabel}
<ul>
<#list mostViewCountArticles as article>
<li>
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
${article.articleTitle}
</a>
<span data-ico="&#xe185;">
${article.articleViewCount}
</span>
</li>
</#list>
</ul>
</div>
</section>
</#if>
</aside>
</#if>
<#include "footer.ftl">
</div>
<script>
var $commentContents = $(".comments .comment-content");
for (var i = 0; i < $commentContents.length; i++) {
var str = $commentContents[i].innerHTML;
$commentContents[i].innerHTML = Util.replaceEmString(str);
}
</script>
</body>
</html>
src/main/webapp/skins/yilia/footer.ftl 0 → 100644
View file @ 01dbc2f7
<footer class="site-footer fn-clear">
<a href="${servePath}">${blogTitle}</a>
&copy; ${year}
<span class="fn-right">
Powered by <a href="http://b3log.org" target="_blank">B3log 开源</a> • <a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version}&nbsp;&nbsp;
Theme by <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.
</span>
</footer>
<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/${skinDirName}${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
<script type="text/javascript">
var latkeConfig = {
"servePath": "${servePath}",
"staticServePath": "${staticServePath}",
"isLoggedIn": "${isLoggedIn?string}",
"userName": "${userName}"
};
var Label = {
"skinDirName": "${skinDirName}",
"em00Label": "${em00Label}",
"em01Label": "${em01Label}",
"em02Label": "${em02Label}",
"em03Label": "${em03Label}",
"em04Label": "${em04Label}",
"em05Label": "${em05Label}",
"em06Label": "${em06Label}",
"em07Label": "${em07Label}",
"em08Label": "${em08Label}",
"em09Label": "${em09Label}",
"em10Label": "${em10Label}",
"em11Label": "${em11Label}",
"em12Label": "${em12Label}",
"em13Label": "${em13Label}",
"em14Label": "${em14Label}"
};
</script>
${plugins}
src/main/webapp/skins/yilia/header.ftl 0 → 100644
View file @ 01dbc2f7
<header class="main-header"<#if !isIndex> style='height:30vh;'</#if>>
<div class="fn-clear">
<a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
</div>
<div class="fn-vertical">
<div class="main-header-content fn-wrap">
<h1 class="page-title">
<a href="${servePath}">${blogTitle}</a>
<#if "" != noticeBoard>
<small class="page-description"> &nbsp; ${blogSubtitle}</small>
</#if>
</h1>
<h2 class="page-description">
<#if "" != noticeBoard>
${noticeBoard}
<#else>
${blogSubtitle}
</#if>
</h2>
</div>
</div>
<#if isIndex><a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"></a></#if>
</header>
\ No newline at end of file
src/main/webapp/skins/yilia/index.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${blogTitle}">
<#if metaKeywords??>
<meta name="keywords" content="${metaKeywords}"/>
</#if>
<#if metaDescription??>
<meta name="description" content="${metaDescription}"/>
</#if>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<#include "article-list.ftl">
</main>
<#include "footer.ftl">
</div>
</body>
</html>
src/main/webapp/skins/yilia/js/yilia.js 0 → 100644
View file @ 01dbc2f7
/*
* Copyright (c) 2010-2015, b3log.org
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview util and every page should be used.
*
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 1.0.0.0, Jun 13, 2015
*/
/**
* @description Finding 皮肤脚本
* @static
*/
var Finding = {
/**
* @description 页面初始化
*/
init: function () {
Util.killIE();
$(".scroll-down").click(function (event) {
event.preventDefault();
var $this = $(this),
$htmlBody = $('html, body'),
offset = ($this.attr('data-offset')) ? $this.attr('data-offset') : false,
toMove = parseInt(offset);
$htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top + toMove)}, 500);
});
$('body').click(function (event) {
if ($(event.target).closest('.nav').length === 0
&& $("body").hasClass('nav-opened')
&& !$(event.target).hasClass('icon-gotop')) {
$("body").removeClass('nav-opened').addClass('nav-closed');
}
});
$(".menu-button").click(function (event) {
event.stopPropagation();
$("body").toggleClass("nav-opened nav-closed");
});
$('body').append('<a class="icon-gotop fn-none" href="javascript:Util.goTop()"></a>');
$(window).scroll(function () {
if ($(window).scrollTop() > $(window).height()) {
$(".icon-gotop").show();
} else {
$(".icon-gotop").hide();
}
});
},
share: function () {
$(".share span").click(function () {
var key = $(this).data("type");
var title = encodeURIComponent($("title").text()),
url = $(".post-title a").attr('href') ? $(".post-title a").attr('href') : location,
pic = $(".post-content img:eq(0)").attr("src");
var urls = {};
urls.tencent = "http://share.v.t.qq.com/index.php?c=share&a=index&title=" + title +
"&url=" + url + "&pic=" + pic;
urls.weibo = "http://v.t.sina.com.cn/share/share.php?title=" +
title + "&url=" + url + "&pic=" + pic;
urls.google = "https://plus.google.com/share?url=" + url;
urls.twitter = "https://twitter.com/intent/tweet?status=" + title + " " + url;
window.open(urls[key], "_blank", "top=100,left=200,width=648,height=618");
});
}
};
Finding.init();
\ No newline at end of file
src/main/webapp/skins/yilia/lang/lang_en_US.properties 0 → 100644
View file @ 01dbc2f7
#
# Copyright (c) 2010-2015, b3log.org
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
#
#
# Description: B3log Solo language configurations(en_US).
# Version: 1.0.0.1, Jun 19, 2015
# Author: Liyuan Li
#
subscribeLabel=Subscribe
dynamicLabel=Dynamic
adminConsoleLabel=Admin
adminIndexLabel=Admin Index
postArticleLabel=Post
articleListLabel=Articles
commentListLabel=Comments
draftListLabel=Drafts
userManageLabel=Users
commonUserLabel=Common User
addUserLabel=Add User
updateUserLabel=Update User
linkManagementLabel=Links
pluginMgmtLabel=Plugins
pluginNameLabel=Name
versionLabel=Version
statusLabel=Status
enabledLabel=Enabled
disabledLabel=Disabled
enableLabel=Enable
disableLabel=Disable
preferenceLabel=Preference
localeString1Label=Language:
timeZoneId1Label=Time Zone:
adminLabel=Admin
administratorLabel=Administrator
loginLabel=Login
logoutLabel=Logout
initLabel=Initial
popTagsLabel=Popular Tags
tag1Label=Tag:
tags1Label=Tags:
recentArticlesLabel=Recent Articles
recentCommentsLabel=Recent Comments
postCommentsLabel=Post Comment
mostCommentArticlesLabel=Most Comment Articles
mostViewCountArticlesLabel=Most View Articles
em00Label=Smile
em01Label=Laughter
em02Label=Happy
em03Label=Sad
em04Label=Cry
em05Label=No Comments
em06Label=Fidget
em07Label=Angry
em08Label=Look Around
em09Label=Surprise
em10Label=Cool
em11Label=Cheeky
em12Label=Heart
em13Label=Heart Broken
em14Label=Devil
linkLabel=Friend Links
sumLabel=
pageLabel=Page
commentLabel=Comment
linkTitleLabel=Link Title
linkTitle1Label=Title:
updateLabel=Update
removeLabel=Remove
putTopLabel=Put Top
cancelPutTopLabel=Cancel Put Top
downloadCountLabel=Count
sizeLabel=Size
uploadDateLabel=Upload Date
downloadURLLabel=Download URL
downloadLabel=Download
createDateLabel=Create Date
updateDateLabel=Update Date
titleLabel=Title
title1Label=Title:
content1Label=Content:
abstract1Label=Summary:
publishLabel=Publish
unPublishLabel=Un Publish
urlLabel=URL
url1Label=URL (start protocol, e.g.: http://):
addLinkLabel=Add Link
updateLinkLabel=Update Link
archiveLabel=Archive
archive1Label=archive:
yearLabel=
monthLabel=
pageLabel=Page
pageMgmtLabel=Pages
othersLabel=Others
fileListLabel=Files
submitUploadLabel=Upload
fileNameLabel=File Name
paramSettingsLabel=Parameters
skinLabel=Skins
signLabel=Signs
sign1Label=Signs:
noSignLabel=No Signs
signIsNullLabel=This Sign is Null
statisticLabel=Blog Statistic
viewLabel=View
countLabel=Posts
viewCount1Label=View Count:
articleCount1Label=Article Count:
commentCountLabel=Comment Count
commentCount1Label=Comment Count:
commentEmotions1Label=Emotions:
commentEmotionsLabel=Emotions
commentName1Label=Name:
commentNameLabel=Name
commentEmail1Label=Email:
commentEmailLabel=Email
commentURL1Label=URL:
commentURLLabel=URL
commentContent1Label=Content:
commentContentLabel=Content
getDateLabel=Get Date
getArticleLabel=Get Article
selectDateLabel=Select Date
selectDate1Label=Select Date:
importLabel=Import
chooseBlog1Label=Choose Blog:
blogArticleImportLabel=Article Import
userName1Label=Username:
userPassword1Label=Password:
categoryLabel=Category
noticeBoard1Label=Notice Board:
noticeBoardLabel=Notice Board
htmlhead1Label=HTML head:
indexTagDisplayCnt1Label=Index Tag Display Count:
indexRecentArticleDisplayCnt1Label=Recent Article Display Count:
indexRecentCommentDisplayCnt1Label=Recent Comment Display Count:
indexMostCommentArticleDisplayCnt1Label=Most Comment Article Display Count:
indexMostViewArticleDisplayCnt1Label=Most View Article Display Count:
relevantArticlesDisplayCnt1Label=Relevant Article Display Count:
randomArticlesDisplayCnt1Label=Random Article Display Count:
externalRelevantArticlesDisplayCnt1Label=External Relevant Article Display Count:
windowSize1Label=Pagination Window Size:
pageSize1Label=Pagination Page Size:
blogTitle1Label=Blog Title:
blogSubtitle1Label=Blog Subtitle:
blogHost1Label=Blog Host:
submmitCommentLabel=Commit Comment
saveLabel=Save
tagLabel=Tag
tagsLabel=Tags
importedLabel=Imported
captcha1Label=Captcha:
captchaLabel=Captcha
indexLabel=Index
nextArticle1Label=Next:
previousArticle1Label=Previous:
updatedLabel=Updated!
topArticleLabel=Top!
CSDNBlogLabel=CSDN Blog
BlogJavaLabel=BlogJava
CnBlogsLabel=CnBlogs
previousPageLabel=Previous Page
nextPagePabel=Next Page
firstPageLabel=First Page
lastPageLabel=Last Page
returnTo1Label=Return to:
tencentLabel=Tencent
appKey1Label=App Key:
appSecret1Label=App Secret:
postToTencentMicroblogWhilePublishArticleLabel=Post to Tencent microblog while publish an article:
postToCommunityLabel=Post to Community:
authorizeTencentMicroblog1Label=Click to authorize:
googleLabel=Google
OAuthConsumerSecret1Label=OAuth Consumer Secret:
atomLabel=Atom
relevantArticles1Label=Relevant Articles:
randomArticles1Label=Random Articles:
externalRelevantArticles1Label=External Relevant Articles:
metaKeywords1Label=Meta Keywords:
metaDescription1Label=Meta Description:
removeUnusedTagsLabel=Remove Unused Tags
goTopLabel=Top
permalink1Label=Permalink:
permalinkLabel=Permalink
b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
killBrowserLabel=<h2>Let's kill outdated and insecure browser!</h2><p>Let's kill outdated and insecure browser for browser evolution, human progress and better experience.</p><p>You can download</p><ul><li><a href="http://www.mozilla.com/" target="_blank">Firefox</a></li><li><a href="http://www.google.com/chrome" target="_blank">Chrome</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">Maxthon</a> and <a href="http://www.google.com" target="_blank">so on</a>.</li></ul>
readmoreLabel=Read more\u00bb
readmore2Label=Read more
replyLabel=Reply\u00bb
homeLabel=Home
enableArticleUpdateHint1Label=Enable Article Update Hint:
allowVisitDraftViaPermalink1Label=Allow Visit Draft Via Link:
author1Label=Author:
authorLabel=Author
keyOfSolo1Label=Solo Key:
articleLabel=Article
tagArticlesLabel=Tag Articles
dateArticlesLabel=Archive Date Articles
authorArticlesLabel=Author Articles
indexArticleLabel=Index Articles
allTagsLabel=Tag Cloud
customizedPageLabel=Customized Page
killBrowserPageLabel=Kill Browser Page
pageNumLabel=Page Number
####
forbiddenLabel=Forbidden Access!
sorryLabel=Sorry!
notFoundLabel=Not Found!
unPulbishSuccLabel=Un Publish Successfully
unPulbishFailLabel=Un Publish Fail
removeSuccLabel=Remove Successfully
removeFailLabel=Remove Fail
removeUserFailSkinNeedMulUsersLabel=Remove Fail, the current skin need multiple users!
putTopSuccLabel=Put Top Successfully
putTopFailLabel=Put Top Fail
cancelTopSuccLabel=Cancel Top Successfully
cancelTopFailLabel=Cancel Top Fail
addSuccLabel=Add Successfully
addFailLabel=Add Fail
updateSuccLabel=Update Successfully
updateFailLabel=Update Fail
updatePreferenceFailNeedMulUsersLabel=Update Fail, the selected skin need multiple users!
setFailLabel=Set Fail
setSuccLabel=Set Successfully
getFailLabel=Get Fail
noSettingLabel=No Setting
getSuccLabel=Get Successfully
importSuccLabel=Import Successfully :-)
importFailLabel=Some Import Fail %>_<%
noCommentLabel=No Comment
captchaErrorLabel=Captcha Error
inputErrorLabel=Input Error!
gotoLabel=Go
nameEmptyLabel=Username is empty
passwordEmptyLabel=Password is empty
blogEmptyLabel=Blogging service is empty
blogArticleEmptyLabel=Please select articles
nameTooLongLabel=Sorry, your username must be between 2 and 20 characters long.
mailCannotEmptyLabel=Mail is empty
mailInvalidLabel=Mail is invalid
commentContentCannotEmptyLabel=Sorry, your content must be between 2 and 500 characters long.
captchaCannotEmptyLabel=Captcha is empty
loadingLabel=Loading....
titleEmptyLabel=Title is empty
contentEmptyLabel=Content is empty
orderEmptyLabel=Order is empty
abstractEmptyLabel=Abstract is empty
tagsEmptyLabel=Tags is empty
addressEmptyLabel=Address is empty
noAuthorizationURLLabel=Can not retrieve authorization URL from Google, please \
make sure the <em>Consumer Secret</em> you typed in and then try again.
duplicatedPermalinkLabel=Duplicated permalink!
invalidPermalinkFormatLabel=Invalid permalink format!
duplicatedEmailLabel=Duplicated email!
refreshAndRetryLabel=Please refresh and try again!
editorLeaveLabel=Content is not null, Do you leave\uff1f
editorPostLabel=Content is not null, Do you clear\uff1f
####
confirmRemoveLabel=Are You Sure?
confirmInitLabel=Are You Sure?
src/main/webapp/skins/yilia/lang/lang_zh_CN.properties 0 → 100644
View file @ 01dbc2f7
#
# Copyright (c) 2010-2015, b3log.org
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
#
#
# Description: B3log Solo default language configurations(zh_CN).
# Version: 1.0.0.1, Jun 19, 2015
# Author: Liyuan Li
#
subscribeLabel=\u8ba2\u9605
dynamicLabel=\u52a8\u6001
adminConsoleLabel=\u540e\u53f0\u7ba1\u7406
adminIndexLabel=\u540e\u53f0\u9996\u9875
postArticleLabel=\u53d1\u5e03\u6587\u7ae0
articleListLabel=\u6587\u7ae0\u7ba1\u7406
commentListLabel=\u8bc4\u8bba\u7ba1\u7406
draftListLabel=\u8349\u7a3f\u5939
userManageLabel=\u7528\u6237\u7ba1\u7406
commonUserLabel=\u4e00\u822c\u7528\u6237
addUserLabel=\u6dfb\u52a0\u7528\u6237
updateUserLabel=\u66f4\u65b0\u7528\u6237
linkManagementLabel=\u94fe\u63a5\u7ba1\u7406
pluginMgmtLabel=\u63d2\u4ef6\u7ba1\u7406
pluginNameLabel=\u63d2\u4ef6\u540d
versionLabel=\u7248\u672c
statusLabel=\u72b6\u6001
enabledLabel=\u5df2\u542f\u7528
disabledLabel=\u5df2\u7981\u7528
enableLabel=\u542f\u7528
disableLabel=\u7981\u7528
preferenceLabel=\u504f\u597d\u8bbe\u5b9a
localeString1Label=\u8bed\u8a00\uff1a
timeZoneId1Label=\u65f6\u533a\uff1a
adminLabel=\u7ba1\u7406
administratorLabel=\u7ba1\u7406\u5458
loginLabel=\u767b\u5f55
logoutLabel=\u767b\u51fa
initLabel=\u521d\u59cb\u5316
popTagsLabel=\u5206\u7c7b\u6807\u7b7e
tag1Label=\u6807\u7b7e\uff1a
tags1Label=\u6807\u7b7e\uff1a
recentArticlesLabel=\u6700\u65b0\u6587\u7ae0
recentCommentsLabel=\u6700\u65b0\u8bc4\u8bba
postCommentsLabel=\u53d1\u8868\u8bc4\u8bba
mostCommentArticlesLabel=\u8bc4\u8bba\u6700\u591a\u7684\u6587\u7ae0
mostViewCountArticlesLabel=\u8bbf\u95ee\u6700\u591a\u7684\u6587\u7ae0
em00Label=\u5fae\u7b11
em01Label=\u5927\u7b11
em02Label=\u9ad8\u5174
em03Label=\u60b2\u4f24
em04Label=\u54ed\u6ce3
em05Label=\u65e0\u8bed
em06Label=\u70e6\u8e81
em07Label=\u751f\u6c14
em08Label=\u6211\u7785
em09Label=\u60ca\u8bb6
em10Label=\u9177
em11Label=\u987d\u76ae
em12Label=\u7231\u5fc3
em13Label=\u5fc3\u788e
em14Label=\u9b54\u9b3c
linkLabel=\u53cb\u60c5\u94fe\u63a5
sumLabel=\u5171
pageLabel=\u9875
commentLabel=\u8bc4\u8bba
linkTitleLabel=\u94fe\u63a5\u6807\u9898
linkTitle1Label=\u6807\u9898\uff1a
updateLabel=\u66f4\u65b0
removeLabel=\u5220\u9664
putTopLabel=\u7f6e\u9876
cancelPutTopLabel=\u53d6\u6d88\u7f6e\u9876
downloadCountLabel=\u4e0b\u8f7d\u6b21\u6570
sizeLabel=\u5927\u5c0f
uploadDateLabel=\u4e0a\u4f20\u65e5\u671f
downloadURLLabel=\u4e0b\u8f7d\u5730\u5740
downloadLabel=\u4e0b\u8f7d
createDateLabel=\u521b\u5efa\u65e5\u671f
updateDateLabel=\u66f4\u65b0\u65e5\u671f
titleLabel=\u6807\u9898
title1Label=\u6807\u9898\uff1a
content1Label=\u6b63\u6587\uff1a
abstract1Label=\u6458\u8981\uff1a
publishLabel=\u53d1\u5e03
unPublishLabel=\u53d6\u6d88\u53d1\u5e03
urlLabel=URL
url1Label=URL (\u8bf7\u4ee5\u534f\u8bae\u5f00\u5934\uff0c\u5982: http://)\uff1a
addLinkLabel=\u6dfb\u52a0\u94fe\u63a5
updateLinkLabel=\u66f4\u65b0\u94fe\u63a5
archiveLabel=\u5b58\u6863
archive1Label=\u5b58\u6863\uff1a
yearLabel=\u5e74
monthLabel=\u6708
blogSyncLabel=\u535a\u5ba2\u540c\u6b65
pageLabel=\u9875\u9762
pageMgmtLabel=\u9875\u9762\u7ba1\u7406
othersLabel=\u5176\u4ed6
fileListLabel=\u6587\u4ef6\u7ba1\u7406
submitUploadLabel=\u4e0a\u4f20
fileNameLabel=\u6587\u4ef6\u540d
paramSettingsLabel=\u53c2\u6570\u8bbe\u7f6e
skinLabel=\u76ae\u80a4
signLabel=\u7b7e\u540d\u6863
sign1Label=\u7b7e\u540d\u6863\uff1a
noSignLabel=\u4e0d\u4f7f\u7528\u7b7e\u540d\u6863
signIsNullLabel=\u8be5\u7b7e\u540d\u6863\u4e3a\u7a7a
statisticLabel=\u535a\u5ba2\u7edf\u8ba1
viewLabel=\u6d4f\u89c8
countLabel=\u7bc7
viewCount1Label=\u6d4f\u89c8\u6b21\u6570\uff1a
articleCount1Label=\u6587\u7ae0\u603b\u6570\uff1a
commentCountLabel=\u8bc4\u8bba\u6570
commentCount1Label=\u8bc4\u8bba\u603b\u6570\uff1a
commentEmotions1Label=\u8868\u60c5\uff1a
commentEmotionsLabel=\u8868\u60c5
commentName1Label=\u59d3\u540d\uff1a
commentNameLabel=\u59d3\u540d
commentEmail1Label=\u90ae\u7bb1\uff1a
commentEmailLabel=\u90ae\u7bb1
commentURL1Label=URL\uff1a
commentURLLabel=URL
commentContent1Label=\u8bc4\u8bba\u5185\u5bb9\uff1a
commentContentLabel=\u8bc4\u8bba\u5185\u5bb9
getDateLabel=\u83b7\u53d6\u65e5\u671f
getArticleLabel=\u83b7\u53d6\u6587\u7ae0
selectDateLabel=\u9009\u62e9\u65e5\u671f
selectDate1Label=\u9009\u62e9\u65e5\u671f\uff1a
importLabel=\u5bfc\u5165
chooseBlog1Label=\u8bf7\u9009\u62e9\u9700\u8981\u7ba1\u7406\u7684\u535a\u5ba2\uff1a
blogArticleImportLabel=\u6587\u7ae0\u5bfc\u5165
blogSyncMgmtLabel=\u535a\u5ba2\u540c\u6b65\u7ba1\u7406
syncMgmtLabel=\u540c\u6b65\u7ba1\u7406\u535a\u5ba2
userName1Label=\u7528\u6237\u540d\uff1a
userPassword1Label=\u5bc6\u7801\uff1a
syncPostLabel=\u540c\u6b65\u53d1\u5e03
syncUpdateLabel=\u540c\u6b65\u66f4\u65b0
syncRemoveLabel=\u540c\u6b65\u5220\u9664
categoryLabel=\u5206\u7c7b
noticeBoard1Label=\u516c\u544a\uff1a
noticeBoardLabel=\u516c\u544a
htmlhead1Label=HTML head\uff1a
indexTagDisplayCnt1Label= \u9996\u9875\u6807\u7b7e\u663e\u793a\u6570\uff1a
indexRecentArticleDisplayCnt1Label=\u6700\u65b0\u6587\u7ae0\u663e\u793a\u6570\u76ee\uff1a
indexRecentCommentDisplayCnt1Label=\u6700\u65b0\u8bc4\u8bba\u663e\u793a\u6570\u76ee\uff1a
indexMostCommentArticleDisplayCnt1Label=\u8bc4\u8bba\u6700\u591a\u6587\u7ae0\u663e\u793a\u6570\u76ee\uff1a
indexMostViewArticleDisplayCnt1Label=\u8bbf\u95ee\u6700\u591a\u6700\u591a\u6587\u7ae0\u663e\u793a\u6570\u76ee\uff1a
relevantArticlesDisplayCnt1Label=\u76f8\u5173\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
randomArticlesDisplayCnt1Label=\u968f\u673a\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
externalRelevantArticlesDisplayCnt1Label=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
windowSize1Label=\u5206\u9875\u9875\u7801\u6700\u5927\u5bbd\u5ea6\uff1a
pageSize1Label=\u5206\u9875\u6bcf\u9875\u663e\u793a\u6587\u7ae0\u6570\uff1a
blogTitle1Label=\u535a\u5ba2\u6807\u9898\uff1a
blogSubtitle1Label=\u535a\u5ba2\u5b50\u6807\u9898\uff1a
blogHost1Label=\u535a\u5ba2\u5730\u5740\uff1a
submmitCommentLabel=\u63d0\u4ea4\u8bc4\u8bba
saveLabel=\u4fdd\u5b58
tagLabel=\u6807\u7b7e
tagsLabel=\u6807\u7b7e
importedLabel=\u5df2\u5bfc\u5165
captcha1Label=\u9a8c\u8bc1\u7801\uff1a
captchaLabel=\u9a8c\u8bc1\u7801
indexLabel=\u9996\u9875
nextArticle1Label=\u65b0\u4e00\u7bc7\uff1a
previousArticle1Label=\u65e7\u4e00\u7bc7\uff1a
updatedLabel=\u6709\u66f4\u65b0\uff01
topArticleLabel=\u7f6e\u9876\uff01
CSDNBlogLabel=CSDN \u535a\u5ba2
BlogJavaLabel=BlogJava
CnBlogsLabel=\u535a\u5ba2\u56ed
previousPageLabel=\u4e0a\u4e00\u9875
nextPagePabel=\u4e0b\u4e00\u9875
firstPageLabel=\u7b2c\u4e00\u9875
lastPageLabel=\u6700\u540e\u4e00\u9875
returnTo1Label=\u8fd4\u56de\uff1a
tencentLabel=\u817e\u8baf
appKey1Label=App Key:
appSecret1Label=App Secret:
postToTencentMicroblogWhilePublishArticleLabel=\u53d1\u6587\u7ae0\u65f6\u540c\u6b65\u5230\u817e\u8baf\u5fae\u535a\uff1a
postToCommunityLabel=\u53d1\u5e03\u5230\u793e\u533a\uff1a
authorizeTencentMicroblog1Label=\u70b9\u51fb\u56fe\u6807\u8fdb\u884c\u6388\u6743:
googleLabel=Google
OAuthConsumerSecret1Label=OAuth Consumer Secret\uff1a
atomLabel=Atom
relevantArticles1Label=\u76f8\u5173\u9605\u8bfb\uff1a
randomArticles1Label=\u968f\u673a\u9605\u8bfb\uff1a
externalRelevantArticles1Label=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb\uff1a
metaKeywords1Label=Meta Keywords:
metaDescription1Label=Meta Description:
removeUnusedTagsLabel=\u79fb\u9664\u672a\u4f7f\u7528\u6807\u7b7e
goTopLabel=\u9876\u90e8
permalink1Label=\u94fe\u63a5\uff1a
permalinkLabel=\u94fe\u63a5
b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
killBrowserLabel=<h2>\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01</h2><p>\u4e3a\u4e86\u8ba9\u6d4f\u89c8\u5668\u66f4\u597d\u7684\u53d1\u5c55\uff0c\u4eba\u7c7b\u66f4\u52a0\u7684\u8fdb\u6b65\uff0c\u62e5\u6709\u66f4\u597d\u7684\u4f53\u9a8c\uff0c\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u3002</p>\u60a8\u53ef\u4ee5\u4e0b\u8f7d<ul><li><a href="http://www.mozilla.com/" target="_blank">\u706b\u72d0</a></li><li><a href="http://www.google.com/chrome" target="_blank">\u8c37\u6b4c\u6d4f\u89c8\u5668</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">\u9068\u6e38</a>\u6216\u8005<a href="http://www.google.com" target="_blank">\u5176\u5b83\u6d4f\u89c8\u5668</a>.</li></ul>
readmoreLabel=\u9605\u8bfb\u66f4\u591a\u00bb
readmore2Label=\u9605\u8bfb\u66f4\u591a
replyLabel=\u56de\u590d\u00bb
homeLabel=\u9996\u9875
enableArticleUpdateHint1Label=\u542f\u7528\u6587\u7ae0\u66f4\u65b0\u63d0\u793a\uff1a
allowVisitDraftViaPermalink1Label=\u5141\u8bb8\u901a\u8fc7\u94fe\u63a5\u8bbf\u95ee\u8349\u7a3f\uff1a
author1Label=\u4f5c\u8005\uff1a
authorLabel=\u4f5c\u8005
keyOfSolo1Label=Solo Key\uff1a
articleLabel=\u6587\u7ae0
tagArticlesLabel=\u6807\u7b7e\u6587\u7ae0\u5217\u8868
dateArticlesLabel=\u5b58\u6863\u6587\u7ae0\u5217\u8868
authorArticlesLabel=\u4f5c\u8005\u6587\u7ae0\u5217\u8868
indexArticleLabel=\u9996\u9875\u6587\u7ae0\u5217\u8868
allTagsLabel=\u6807\u7b7e\u5899
customizedPageLabel=\u81ea\u5b9a\u4e49\u9875\u9762
killBrowserPageLabel=Kill Browser Page
pageNumLabel=\u9875\u53f7
####
forbiddenLabel=\u64cd\u4f5c\u88ab\u7981\u6b62\uff01
sorryLabel=\u5bf9\u4e0d\u8d77\uff01
notFoundLabel=\u627e\u4e0d\u5230\uff01
unPulbishSuccLabel=\u53d6\u6d88\u53d1\u5e03\u6210\u529f
unPulbishFailLabel=\u53d6\u6d88\u53d1\u5e03\u5931\u8d25
removeSuccLabel=\u5220\u9664\u6210\u529f
removeFailLabel=\u5220\u9664\u5931\u8d25
removeUserFailSkinNeedMulUsersLabel=\u5220\u9664\u5931\u8d25\uff0c\u5f53\u524d\u4f7f\u7528\u7684\u76ae\u80a4\u9700\u8981\u591a\u7528\u6237\u652f\u6301
putTopSuccLabel=\u7f6e\u9876\u6210\u529f
putTopFailLabel=\u7f6e\u9876\u5931\u8d25
cancelTopSuccLabel=\u53d6\u6d88\u7f6e\u9876\u6210\u529f
cancelTopFailLabel=\u53d6\u6d88\u7f6e\u9876\u5931\u8d25
addSuccLabel=\u6dfb\u52a0\u6210\u529f
addFailLabel=\u6dfb\u52a0\u5931\u8d25
updateSuccLabel=\u66f4\u65b0\u6210\u529f
updateFailLabel=\u66f4\u65b0\u5931\u8d25
updatePreferenceFailNeedMulUsersLabel=\u66f4\u65b0\u5931\u8d25\uff0c\u9700\u8981\u591a\u7528\u6237\u624d\u80fd\u4f7f\u7528\u9009\u62e9\u7684\u76ae\u80a4
setFailLabel=\u8bbe\u7f6e\u5931\u8d25
setSuccLabel=\u8bbe\u7f6e\u6210\u529f
getFailLabel=\u83b7\u53d6\u5931\u8d25
noSettingLabel=\u8be5\u535a\u5ba2\u65e0\u8d26\u53f7\uff0c\u8bf7\u6dfb\u52a0
getSuccLabel=\u83b7\u53d6\u6210\u529f
importSuccLabel=\u5bfc\u5165\u6210\u529f :-)
importFailLabel=\u90e8\u5206\u5bfc\u5165\u5931\u8d25 %>_<%
noCommentLabel=\u6682\u65e0\u8bc4\u8bba
captchaErrorLabel=\u9a8c\u8bc1\u7801\u9519\u8bef
inputErrorLabel=\u8f93\u5165\u9519\u8bef\uff01
gotoLabel=\u8df3\u8f6c
nameEmptyLabel=\u59d3\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01
passwordEmptyLabel=\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01
blogEmptyLabel=\u8bf7\u9009\u62e9\u535a\u5ba2\u670d\u52a1\uff01
blogArticleEmptyLabel=\u8bf7\u9009\u62e9\u9700\u8981\u5bfc\u5165\u7684\u6587\u7ae0
nameTooLongLabel=\u59d3\u540d\u53ea\u80fd\u4e3a 2 \u5230 20 \u4e2a\u5b57\u7b26\uff01
mailCannotEmptyLabel=\u90ae\u7bb1\u4e0d\u80fd\u4e3a\u7a7a\uff01
mailInvalidLabel=\u90ae\u7bb1\u683c\u5f0f\u4e0d\u6b63\u786e\uff01
commentContentCannotEmptyLabel=\u8bc4\u8bba\u5185\u5bb9\u53ea\u80fd\u4e3a 2 \u5230 500 \u4e2a\u5b57\u7b26\uff01
captchaCannotEmptyLabel=\u9a8c\u8bc1\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01
loadingLabel=\u8f7d\u5165\u4e2d....
titleEmptyLabel=\u6807\u9898\u4e0d\u80fd\u4e3a\u7a7a\uff01
contentEmptyLabel=\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a\uff01
orderEmptyLabel=\u5e8f\u53f7\u4e0d\u80fd\u4e3a\u7a7a\uff01
abstractEmptyLabel=\u6458\u8981\u4e0d\u80fd\u4e3a\u7a7a\uff01
tagsEmptyLabel=\u6807\u7b7e\u4e0d\u80fd\u4e3a\u7a7a\uff01
addressEmptyLabel=\u5730\u5740\u4e0d\u80fd\u4e3a\u7a7a\uff01
noAuthorizationURLLabel=\u4ece Google \u83b7\u53d6\u6388\u6743\u5730\u5740\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4\u60a8\u8f93\u5165\u7684 \
<em>Consumer Secret</em> \u662f\u6b63\u786e\u7684\uff0c\u7136\u540e\u8fdb\u884c\u91cd\u8bd5\u3002
duplicatedPermalinkLabel=\u94fe\u63a5\u91cd\u590d\uff01
invalidPermalinkFormatLabel=\u975e\u6cd5\u7684\u94fe\u63a5\u683c\u5f0f\uff01
duplicatedEmailLabel=\u90ae\u4ef6\u5730\u5740\u91cd\u590d\uff01
refreshAndRetryLabel=\u8bf7\u5237\u65b0\u91cd\u8bd5\uff01
editorLeaveLabel=\u7f16\u8f91\u5668\u4e2d\u8fd8\u6709\u5185\u5bb9\uff0c\u662f\u5426\u79bb\u5f00\uff1f
editorPostLabel=\u7f16\u8f91\u5668\u4e2d\u8fd8\u6709\u5185\u5bb9\uff0c\u662f\u5426\u6e05\u7a7a\uff1f
####
confirmRemoveLabel=\u786e\u5b9a\u5220\u9664\uff1f
confirmInitLabel=\u786e\u5b9a\u8fdb\u884c\u521d\u59cb\u5316\u5417\uff1f
src/main/webapp/skins/yilia/links.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${blogTitle}">
<meta name="keywords" content="${metaKeywords},${linkLabel}"/>
<meta name="description" content="${metaDescription},${linkLabel}"/>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<#if 0 != links?size>
<ul class="fn-clear fn-wrap" id="tags">
<#list links as link>
<li>
<a rel="friend" href="${link.linkAddress}" title="${link.linkDescription}" target="_blank">
<img src="${faviconAPI}<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" width="16" height="16" />
${link.linkTitle}
</a>
</li>
</#list>
</ul>
</#if>
</main>
<#include "footer.ftl">
</div>
</body>
</html>
src/main/webapp/skins/yilia/macro-comments.ftl 0 → 100644
View file @ 01dbc2f7
<#macro comments commentList article>
<ul class="comments fn-wrap" id="comments">
<#list commentList as comment>
<li id="${comment.oId}" class="fn-clear">
<div class="fn-left avatar-warp">
<img class="avatar-48" title="${comment.commentName}" src="${comment.commentThumbnailURL}">
</div>
<div class="fn-left" style="width: 90%">
<div class="fn-clear post-meta">
<span class="fn-left">
<#if "http://" == comment.commentURL>
<a>${comment.commentName}</a>
<#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if>
<#if comment.isReply>
@
<a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 23);"
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')"
>${comment.commentOriginalCommentName}</a>
</#if>
<time>${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time>
</span>
<#if article.commentable>
<a class="fn-right" href="javascript:replyTo('${comment.oId}')">${replyLabel}</a>
</#if>
</div>
<div class="comment-content">
${comment.commentContent}
</div>
</div>
</li>
</#list>
</ul>
<#if article.commentable>
<div class="comment-body fn-wrap">
<table id="commentForm" class="form">
<tbody>
<#if !isLoggedIn>
<tr>
<td>
<input placeholder="${commentNameLabel}" type="text" class="normalInput" id="commentName"/>
</td>
</tr>
<tr>
<td>
<input placeholder="${commentEmailLabel}" type="email" class="normalInput" id="commentEmail"/>
</td>
</tr>
<tr>
<td>
<input placeholder="${commentURLLabel}" type="url" id="commentURL"/>
</td>
</tr>
</#if>
<tr>
<td id="emotions">
<span class="em00" title="${em00Label}"></span>
<span class="em01" title="${em01Label}"></span>
<span class="em02" title="${em02Label}"></span>
<span class="em03" title="${em03Label}"></span>
<span class="em04" title="${em04Label}"></span>
<span class="em05" title="${em05Label}"></span>
<span class="em06" title="${em06Label}"></span>
<span class="em07" title="${em07Label}"></span>
<span class="em08" title="${em08Label}"></span>
<span class="em09" title="${em09Label}"></span>
<span class="em10" title="${em10Label}"></span>
<span class="em11" title="${em11Label}"></span>
<span class="em12" title="${em12Label}"></span>
<span class="em13" title="${em13Label}"></span>
<span class="em14" title="${em14Label}"></span>
</td>
</tr>
<tr>
<td>
<textarea rows="10" cols="96" id="comment"></textarea>
</td>
</tr>
<#if !isLoggedIn>
<tr>
<td>
<input style="width:50%" placeholder="${captchaLabel}" type="text" class="normalInput" id="commentValidate"/>
<img id="captcha" alt="validate" src="${servePath}/captcha.do" />
</td>
</tr>
</#if>
<tr>
<td colspan="2" align="right">
<span class="error-msg" id="commentErrorTip"></span>
<button id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
</td>
</tr>
</tbody>
</table>
</div>
</#if>
</#macro>
<#macro comment_script oId>
<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
<script type="text/javascript">
var page = new Page({
"nameTooLongLabel": "${nameTooLongLabel}",
"mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
"mailInvalidLabel": "${mailInvalidLabel}",
"commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
"captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
"loadingLabel": "${loadingLabel}",
"oId": "${oId}",
"skinDirName": "${skinDirName}",
"blogHost": "${blogHost}",
"randomArticles1Label": "${randomArticles1Label}",
"externalRelevantArticles1Label": "${externalRelevantArticles1Label}"
});
var addComment = function (result, state) {
var commentable = $("#commentForm").length === 0 ? false : true;
var commentHTML = '<li class="fn-clear" id="' + result.oId +
'"><div class="fn-left" style="width: 10%"><img class="avatar-48" title="'
+ result.userName + '" src="' + result.commentThumbnailURL + '"></div><div class="fn-left" style="width: 90%">'
+ '<div class="fn-clear post-meta"><span class="fn-left">' + result.replyNameHTML;
if (state !== "") {
var commentOriginalCommentName = $("#" + page.currentCommentId).find(".post-meta a").first().text();
commentHTML += '&nbsp;@&nbsp;<a href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
+ 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 23);"'
+ 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
}
commentHTML += '<time>' + result.commentDate
+ '</time></span>';
if (commentable) {
commentHTML += '<a class="fn-right" href="javascript:replyTo(\'' + result.oId + '\');">${replyLabel}</a>';
}
commentHTML += '</div><div class="comment-content">' +
Util.replaceEmString($("#comment" + state).val().replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br/>"))
+ '</div></div></li>';
return commentHTML;
};
var replyTo = function (id) {
var commentFormHTML = "<table class='form comment-reply' id='replyForm'>";
page.addReplyForm(id, commentFormHTML);
};
(function () {
Finding.share();
page.load();
// emotions
page.replaceCommentsEm("#comments .comment-content");
<#nested>
})();
</script>
</#macro>
\ No newline at end of file
src/main/webapp/skins/yilia/macro-head.ftl 0 → 100644
View file @ 01dbc2f7
<#macro head title>
<meta charset="utf-8" />
<title>${title}</title>
<#nested>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="${blogTitle?html}" />
<meta name="generator" content="Solo" />
<meta name="owner" content="B3log Team" />
<meta name="revised" content="${blogTitle?html}, ${year}" />
<meta name="copyright" content="B3log" />
<meta http-equiv="Window-target" content="_top" />
<link rel="stylesheet" type="text/css" href="//fonts.useso.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
<link href="${servePath}/blog-articles-rss.do" title="RSS" type="application/rss+xml" rel="alternate" />
<link rel="icon" type="image/png" href="${staticServePath}/favicon.png" />
${htmlHead}
</#macro>
\ No newline at end of file
src/main/webapp/skins/yilia/page.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<#include "macro-comments.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${page.pageTitle} - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${page.pageTitle}" />
<meta name="description" content="${metaDescription}" />
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main>
<article class="post">
<section class="post-content article-body">
${page.pageContent}
</section>
<footer>
<div class="share fn-right">
<span class="icon icon-tencent" data-type="tencent"></span>
<span class="icon icon-weibo" data-type="weibo"></span>
<span class="icon icon-twitter" data-type="twitter"></span>
<span class="icon icon-google" data-type="google"></span>
</div>
</footer>
</article>
<@comments commentList=pageComments article=page></@comments>
</main>
<#include "footer.ftl">
<@comment_script oId=page.oId></@comment_script>
</div>
</body>
</html>
src/main/webapp/skins/yilia/side.ftl 0 → 100644
View file @ 01dbc2f7
<div class="fn-clear">
<span class="fn-right">
<#if isLoggedIn>
<a href="${servePath}/admin-index.do#main" title="${adminLabel}" class="icon-setting"></a>
&nbsp;
<a title="${logoutLabel}" class="icon-logout" href="${logoutURL}"></a>
<#else>
<a title="${loginLabel}" href="${loginURL}" class="icon-login"></a>
&nbsp;
<a href="${servePath}/register" title="${registerLabel}" class="icon-register"></a>
</#if>
</span>
</div>
<ul>
<#list pageNavigations as page>
<li>
<a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a>
</li>
</#list>
<li>
<a href="${servePath}/dynamic.html">${dynamicLabel}</a>
</li>
<li>
<a href="${servePath}/tags.html">${allTagsLabel}</a>
</li>
<li>
<a href="${servePath}/archives.html">${archiveLabel}</a>
</li>
<li>
<a href="${servePath}/links.html">${linkLabel}</a>
</li>
<li>
<a rel="alternate" href="${servePath}/blog-articles-rss.do">${subscribeLabel}</a>
</li>
</ul>
<div class="count">
<span>
${viewCount1Label}
${statistic.statisticBlogViewCount}
</span> &nbsp; &nbsp;
<span>
${articleCount1Label}
${statistic.statisticPublishedBlogArticleCount}
</span><br/>
<span>
${commentCount1Label}
${statistic.statisticPublishedBlogCommentCount}
</span> &nbsp; &nbsp;
<span>
${onlineVisitor1Label}
${onlineVisitorCnt}
</span>
</div>
src/main/webapp/skins/yilia/skin.properties 0 → 100644
View file @ 01dbc2f7
#
# Copyright (c) 2010-2015, b3log.org
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
#
#
# Description: yilia skin.
# Version: 0.1.0.0, Nov 1, 2015
# Author: Liyuan Li
#
name=yilia
version=1.0.0
forSolo=1.1.0
memo=http://litten.github.io/
src/main/webapp/skins/yilia/tag-articles.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${tag.tagTitle} - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${tag.tagTitle}"/>
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<h2 class="fn-wrap">
${tag1Label}
<a rel="alternate" href="${servePath}/tag-articles-feed.do?oId=${tag.oId}">
${tag.tagTitle}
(${tag.tagPublishedRefCount})
</a>
</h2>
<#include "article-list.ftl">
</main>
<#include "footer.ftl">
</div>
</body>
</html>
src/main/webapp/skins/yilia/tags.ftl 0 → 100644
View file @ 01dbc2f7
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${allTagsLabel} - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${allTagsLabel}"/>
<meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
</@head>
</head>
<body class="nav-closed">
<div class="nav">
<#include "side.ftl">
</div>
<div class="site-wrapper">
<#include "header.ftl">
<main id="content">
<ul id="tags" class="fn-clear fn-wrap">
<#list tags as tag>
<li>
<a rel="tag" data-count="${tag.tagPublishedRefCount}"
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
<span>${tag.tagTitle}</span>
(<b>${tag.tagPublishedRefCount}</b>)
</a>
</li>
</#list>
</ul>
</main>
<#include "footer.ftl">
</div>
<script type="text/javascript">
Util.buildTags();
</script>
</body>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment