arcanis/arcanis.me
1
0
Fork 0
mirror of https://github.com/arcan1s/arcanis.me.git synced 2025-04-24 23:37:19 +00:00
Code Issues Projects Releases Wiki Activity

yet another edit spoilers

Browse Source
This commit is contained in:
arcan1s 2014-01-21 05:24:59 +04:00
parent d90f9aa55e
commit 0f42f4dee0
7 changed files with 241 additions and 234 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
authors.html
View File

@ -21,7 +21,7 @@ Evgeniy Alekseev wrote this file. As long as you retain this notice you can do w
<li><a href="http://jekyllrb.com/">Jekyll</a> that licensed under <a href="http://opensource.org/licenses/MIT">MIT License</a>.</li> <li><a href="http://jekyllrb.com/">Jekyll</a> that licensed under <a href="http://opensource.org/licenses/MIT">MIT License</a>.</li>
<li>The source theme was created by <a href="https://github.com/orderedlist/minimal">Steve Smith</a> and licensed under <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</li> <li>The source theme was created by <a href="https://github.com/orderedlist/minimal">Steve Smith</a> and licensed under <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</li>
<li>The comment block was created by <a href="https://github.com/izuzak/izuzak.github.com">Ivan Žužak</a> and licensed under <a href="http://opensource.org/licenses/MIT">MIT License</a>.</li> <li>The comment block was created by <a href="https://github.com/izuzak/izuzak.github.com">Ivan Žužak</a> and licensed under <a href="http://opensource.org/licenses/MIT">MIT License</a>.</li>
<li>The spoiler block was created by <a href="http://www.cyberforum.ru/post5368179.html">markeley</a> and it looks like it has no any license.</li> <li>The spoiler block was created by <a href="http://www.cyberforum.ru/post5368179.html">markeley</a> and <a href="http://habrahabr.ru/post/167151/">Defff</a> and it looks like it has no any license.</li>
<li>Google Custom Search is licensed under own <a href="https://support.google.com/customsearch/answer/1714300">custom license</a>.</li> <li>Google Custom Search is licensed under own <a href="https://support.google.com/customsearch/answer/1714300">custom license</a>.</li>
<li>Sharethis have own <a href="http://www.sharethis.com/legal/publisher-terms-of-use">custom license</a> too.</li> <li>Sharethis have own <a href="http://www.sharethis.com/legal/publisher-terms-of-use">custom license</a> too.</li>
<li><a href="https://www.redhat.com/promo/fonts/">Liberation font</a> is licensed under <a href="http://scripts.sil.org/OFL">The SIL Open Font License</a>.</li> <li><a href="https://www.redhat.com/promo/fonts/">Liberation font</a> is licensed under <a href="http://scripts.sil.org/OFL">The SIL Open Font License</a>.</li>

36
blog/archive.html
View File

@ -16,21 +16,25 @@ back: 2
{% assign month = post.date | date: "%B, %Y" %} {% assign month = post.date | date: "%B, %Y" %}
{% endfor %} {% endfor %}
<label class="spoiler"> <label class="spoiler">
<input type="checkbox" class="bo"/> <input type="checkbox" tabindex="-1">
<div class="title">{{ month }} (show)</div> <div class="box">
<div class="body"> <b>{{ month }}</b> <span class="close" style="float:right;">(hide)</span><span class="open" style="float:right;">(show)</span>
{% for post in site.categories.en %} <blockquote>
{% assign new_month = post.date | date: "%B, %Y" %} {% for post in site.categories.en %}
{% if new_month != month %} {% assign new_month = post.date | date: "%B, %Y" %}
</div> {% if new_month != month %}
</label> </blockquote>
<label class="spoiler"> </div>
<input type="checkbox" class="bo"/> </label>
<div class="title">{{ new_month }} (show)</div> <label class="spoiler">
<div class="body"> <input type="checkbox" tabindex="-1">
{% endif %} <div class="box">
{% assign month = post.date | date: "%B, %Y" %} <b>{{ new_month }}</b> <span class="close" style="float:right;">(hide)</span><span class="open" style="float:right;">(show)</span>
<i>{{ post.date | date_to_string }}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})<br> <blockquote>
{% endfor %} {% endif %}
{% assign month = post.date | date: "%B, %Y" %}
<i>{{ post.date | date_to_string }}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})<br>
{% endfor %}
</blockquote>
</div> </div>
</label> </label>

16
index.html
View File

@ -11,14 +11,14 @@ title: arcanis' homepage
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<label class="spoiler"> <label class="spoiler">
<input type="checkbox" class="bo"/> <input type="checkbox" tabindex="-1">
<div class="title"><a href="/blog/">Latest posts:</a></div> <div class="box">
<div class="body"> <a href="/blog/">My blog</a> <span class="close">(hide)</span><span class="open">(show)</span>
<p> <blockquote>
{% for post in site.categories.en limit:3 %} {% for post in site.categories.en limit:3 %}
<a href="{{ post.url }}">{{ post.title }}</a><br> <a href="{{ post.url }}">{{ post.title }}</a><br>
{% endfor %} {% endfor %}
</p> </blockquote>
</div> </div>
</label> </label>
<p class="view"><a href="/projects/">My projects</a></p> <p class="view"><a href="/projects/">My projects</a></p>

367
resources/css/styles.css
View File

@ -1,28 +1,51 @@
/* spoiler */ /* spoiler */
.spoiler > input + .box > blockquote {
display: none;
}
.spoiler > input:checked + .box > blockquote {
display: block;
}
.spoiler > input[type="checkbox"] {
display: none;
}
.spoiler > input[type="checkbox"]:focus {
outline: none;
}
.spoiler span.close,
.spoiler span.open {
text-align: right;
font-style: italic;
}
.spoiler > input + .box > span.close {
display: none;
}
.spoiler > input:checked + .box > span.close {
display: inline;
}
.spoiler > input:checked + .box > span.open {
display: none;
}
.spoiler > input + .box > span.open {
display: inline;
}
.spoiler blockquote,
.spoiler { .spoiler {
display: block; border-radius: 5px;
background: #dcdcdc; -webkit-border-radius: 5px;
text-decoration: none; -khtml-border-radius: 5px;
color: #555555; -moz-border-radius: 5px;
border-radius: 5px; -o-border-radius: 5px;
padding: 0 0 0 0; -ms-border-radius: 5px;
margin: 0 0 0 0;
} }
.spoiler > .title { .spoiler {
font-weight: bold; overflow-x: hidden;
} }
.spoiler > .body { .spoiler blockquote {
padding: 4px; min-height: 23px;
font-weight: 300; margin: 0;
font-size: 11pt; padding: 4px 4px 4px 10px;
text-align: justify; border-style: none;
display: none; font-style: normal;
}
.spoiler > .bo {
display: none;
}
.spoiler > :checked ~ .body {
display: block;
} }
/* Liberation font ^^ */ /* Liberation font ^^ */
@ -30,167 +53,165 @@
font-family: "Liberation Serif"; font-family: "Liberation Serif";
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: local("Liberation Serif"), src: local("Liberation Serif"),
local("Liberation Serif Regular"), local("Liberation Serif Regular"),
local("LiberationSerif-Regular"), local("LiberationSerif-Regular"),
url(LiberationSerif-Regular.ttf); url(LiberationSerif-Regular.ttf);
} }
@font-face { @font-face {
font-family: "Liberation Serif"; font-family: "Liberation Serif";
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
src: local("Liberation Serif Italic"), src: local("Liberation Serif Italic"),
local("LiberationSerif-Italic"), local("LiberationSerif-Italic"),
url(LiberationSerif-Italic.ttf); url(LiberationSerif-Italic.ttf);
} }
@font-face { @font-face {
font-family: "Liberation Serif"; font-family: "Liberation Serif";
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
src: local("Liberation Serif Bold"), src: local("Liberation Serif Bold"),
local("LiberationSerif-Bold"), local("LiberationSerif-Bold"),
url(LiberationSerif-Bold.ttf); url(LiberationSerif-Bold.ttf);
} }
@font-face { @font-face {
font-family: "Liberation Serif"; font-family: "Liberation Serif";
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
src: local("Liberation Serif Bold Italic"), src: local("Liberation Serif Bold Italic"),
local("Liberation Serif BoldItalic"), local("Liberation Serif BoldItalic"),
local("LiberationSerif-BoldItalic"), local("LiberationSerif-BoldItalic"),
url(LiberationSerif-BoldItalic.ttf); url(LiberationSerif-BoldItalic.ttf);
} }
@font-face { @font-face {
font-family: "Liberation Mono"; font-family: "Liberation Mono";
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: local("Liberation Mono"), src: local("Liberation Mono"),
local("LiberationMono-Regular"), local("LiberationMono-Regular"),
url(LiberationMono-Regular.ttf); url(LiberationMono-Regular.ttf);
} }
body { body {
padding:50px; padding: 50px;
font:14px/1.5 "Liberation Serif", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font: 14px/1.5 "Liberation Serif", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#555555; color: #555555;
font-weight:300; font-weight: 300;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color:#222222; color: #222222;
margin:0 0 20px; margin: 0 0 20px;
} }
p, ul, ol, table, pre, dl { p, ul, ol, table, pre, dl {
margin:0 0 20px; margin: 0 0 20px;
} }
h1, h2, h3 { h1, h2, h3 {
line-height:1.1; line-height: 1.1;
} }
h1 { h1 {
font-size:28px; font-size: 28px;
} }
h2 { h2 {
color:#393939; color: #393939;
} }
h3, h4, h5, h6 { h3, h4, h5, h6 {
color:#494949; color: #494949;
} }
a { a {
color:#39c; color: #39c;
font-weight:350; font-weight: 350;
text-decoration:none; text-decoration: none;
} }
a small { a small {
font-size:11px; font-size: 11px;
color:#777; color: #777;
margin-top:-0.6em; margin-top: -0.6em;
display:block; display: block;
} }
.wrapper { .wrapper {
width:860px; width: 860px;
margin:0 auto; margin: 0 auto;
} }
blockquote { blockquote {
border-left:1px solid #e5e5e5; border-left: 1px solid #e5e5e5;
margin:0; margin: 0;
padding:0 0 0 20px; padding: 0 0 0 20px;
font-style:italic; font-style: italic;
} }
code, pre { code, pre {
font-family: "Liberation Mono", Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; font-family: "Liberation Mono", Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
color:#333; color: #333;
font-size:12px; font-size: 12px;
} }
pre { pre {
padding:8px 15px; padding: 8px 15px;
background: #f8f8f8; background: #f8f8f8;
border-radius:5px; border-radius: 5px;
border:1px solid #e5e5e5; border: 1px solid #e5e5e5;
overflow-x: auto; overflow-x: auto;
} }
@external .codeblock; @external .codeblock;
div.codeblock { div.codeblock {
padding:8px 15px; padding: 8px 15px;
height:200px; height: 200px;
border:1px solid #e5e5e5; border: 1px solid #e5e5e5;
font-family: "Liberation Mono", Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; font-family: "Liberation Mono", Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
color:#333; color: #333;
font-size:12px; font-size: 12px;
background: #f8f8f8; background: #f8f8f8;
overflow:auto; overflow: auto;
display:block; display: block;
white-space:pre; white-space: pre;
} }
table { table {
width:100%; width: 100%;
border-collapse:collapse; border-collapse: collapse;
} }
th, td { th, td {
text-align:left; text-align: left;
padding:5px 10px; padding: 5px 10px;
border-bottom:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
dt { dt {
color:#444; color: #444;
font-weight:700; font-weight: 700;
} }
th { th {
color:#444; color: #444;
} }
img { img {
max-width:100%; max-width: 100%;
} }
header { header {
width:270px; width: 270px;
float:left; float: left;
position:fixed; position: fixed;
} }
header ul { header ul {
list-style:none; list-style: none;
height:40px; height: 40px;
padding: 0;
padding:0;
background: #eee; background: #eee;
background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
@ -198,160 +219,148 @@ header ul {
background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%); background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
border-radius: 5px;
border-radius:5px; border: 1px solid #d2d2d2;
border:1px solid #d2d2d2; box-shadow: inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0; width: 270px;
width:270px;
} }
header li { header li {
width:89px; width: 89px;
float:left; float: left;
border-right:1px solid #d2d2d2; border-right: 1px solid #d2d2d2;
height:40px; height: 40px;
} }
header ul a { header ul a {
line-height:1; line-height: 1;
font-size:11px; font-size: 11px;
color:#999; color: #999;
display:block; display: block;
text-align:center; text-align: center;
padding-top:6px; padding-top: 6px;
height:40px; height: 40px;
} }
strong { strong {
color:#222; color: #222;
font-weight:700; font-weight: 700;
} }
header ul li + li { header ul li + li {
width:88px; width: 88px;
border-left:1px solid #fff; border-left: 1px solid #fff;
} }
header ul li + li + li { header ul li + li + li {
border-right:none; border-right: none;
width:89px; width: 89px;
} }
header ul a strong { header ul a strong {
font-size:14px; font-size: 14px;
display:block; display: block;
color:#222; color: #222;
} }
section { section {
width:500px; width: 500px;
float:right; float: right;
padding-bottom:50px; padding-bottom: 50px;
} }
small { small {
font-size:11px; font-size: 11px;
} }
hr { hr {
border:0; border: 0;
background:#e5e5e5; background: #e5e5e5;
height:1px; height: 1px;
margin:0 0 20px; margin: 0 0 20px;
} }
footer { footer {
width:270px; width: 270px;
float:left; float: left;
position:fixed; position: fixed;
bottom:50px; bottom: 50px;
} }
@media print, screen and (max-width: 960px) { @media print, screen and (max-width: 960px) {
div.wrapper { div.wrapper {
width:auto; width: auto;
margin:0; margin: 0;
} }
header, section, footer { header, section, footer {
float:none; float: none;
position:static; position: static;
width:auto; width: auto;
} }
header { header {
padding-right:320px; padding-right: 320px;
} }
section { section {
border:1px solid #e5e5e5; border: 1px solid #e5e5e5;
border-width:1px 0; border-width: 1px 0;
padding:20px 0; padding: 20px 0;
margin:0 0 20px; margin: 0 0 20px;
} }
header a small { header a small {
display:inline; display: inline;
} }
header ul { header ul {
position:absolute; position: absolute;
right:50px; right: 50px;
top:52px; top: 52px;
} }
} }
@media print, screen and (max-width: 720px) { @media print, screen and (max-width: 720px) {
body { body {
word-wrap:break-word; word-wrap: break-word;
} }
header { header {
padding:0; padding: 0;
} }
header ul, header p.view { header ul, header p.view {
position:static; position: static;
} }
pre, code { pre, code {
word-wrap:normal; word-wrap: normal;
} }
} }
@media print, screen and (max-width: 480px) { @media print, screen and (max-width: 480px) {
body { body {
padding:15px; padding: 15px;
} }
header ul { header ul {
display:none; display: none;
} }
} }
@media print { @media print {
body { body {
padding:0.4in; padding: 0.4in;
font-size:12pt; font-size: 12pt;
color:#444; color: #444;
} }
} }
/* COMMENTS */ /* COMMENTS */
.comment { .comment {
background-color: transparent; background-color: transparent;
border-color: #CACACA; border-color: #CACACA;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
color: black; color: black;
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
padding: 0px; padding: 0px;
width: 100%; width: 100%;
} }
.comment .commentheader { .comment .commentheader {
border-bottom-color: #CACACA; border-bottom-color: #CACACA;
border-bottom-style: solid; border-bottom-style: solid;
@ -378,7 +387,6 @@ footer {
white-space: nowrap; white-space: nowrap;
width: 100%; width: 100%;
} }
.comment .commentheader .commentgravatar { .comment .commentheader .commentgravatar {
background-attachment: scroll; background-attachment: scroll;
background-clip: border-box; background-clip: border-box;
@ -410,15 +418,12 @@ footer {
white-space: nowrap; white-space: nowrap;
width: 20px; width: 20px;
} }
.comment .commentheader a:link { .comment .commentheader a:link {
text-decoration: none; text-decoration: none;
} }
.comment .commentheader a:hover { .comment .commentheader a:hover {
border-bottom:1px solid; border-bottom: 1px solid;
} }
.comment .commentheader .commentuser { .comment .commentheader .commentuser {
background-color: transparent; background-color: transparent;
color: black; color: black;
@ -441,7 +446,6 @@ footer {
white-space: nowrap; white-space: nowrap;
width: 0px; width: 0px;
} }
.comment .commentheader .commentdate { .comment .commentheader .commentdate {
background-color: transparent; background-color: transparent;
color: #777; color: #777;
@ -463,7 +467,6 @@ footer {
white-space: nowrap; white-space: nowrap;
width: 20em; width: 20em;
} }
.comment .commentbody { .comment .commentbody {
background-attachment: scroll; background-attachment: scroll;
background-clip: border-box; background-clip: border-box;
@ -483,24 +486,20 @@ footer {
width: 96%; width: 96%;
word-wrap: break-word; word-wrap: break-word;
} }
.comment .commentbody p { .comment .commentbody p {
margin-bottom: 0.5em; margin-bottom: 0.5em;
margin-top: 0.5em; margin-top: 0.5em;
margin-left: 0em; margin-left: 0em;
margin-right: 0em; margin-right: 0em;
} }
.comment .commentbody pre { .comment .commentbody pre {
border: 0px solid #ddd; border: 0px solid #ddd;
background-color: #eef; background-color: #eef;
padding: 0 .4em; padding: 0 .4em;
} }
.comment .commentbody pre code { .comment .commentbody pre code {
border: 0px solid #ddd; border: 0px solid #ddd;
} }
.comment .commentbody code { .comment .commentbody code {
border: 1px solid #ddd; border: 1px solid #ddd;
background-color: #eef; background-color: #eef;

2
ru/authors.html
View File

@ -23,7 +23,7 @@ Evgeniy Alekseev wrote this file. As long as you retain this notice you can do w
<li><a href="http://jekyllrb.com/">Jekyll</a>, который лицензирован под лицензией <a href="http://opensource.org/licenses/MIT">MIT</a>.</li> <li><a href="http://jekyllrb.com/">Jekyll</a>, который лицензирован под лицензией <a href="http://opensource.org/licenses/MIT">MIT</a>.</li>
<li>Исходная тема была создана <a href="https://github.com/orderedlist/minimal">Steve Smith</a> и лицензирована под <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</li> <li>Исходная тема была создана <a href="https://github.com/orderedlist/minimal">Steve Smith</a> и лицензирована под <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</li>
<li>Блок комментариев был создан <a href="https://github.com/izuzak/izuzak.github.com">Ivan Žužak</a> и лицензирован под лицензией <a href="http://opensource.org/licenses/MIT">MIT</a>.</li> <li>Блок комментариев был создан <a href="https://github.com/izuzak/izuzak.github.com">Ivan Žužak</a> и лицензирован под лицензией <a href="http://opensource.org/licenses/MIT">MIT</a>.</li>
<li>Код для спойлеров был предложен <a href="http://www.cyberforum.ru/post5368179.html">markeley</a>, и, судя по всему, он не имеет никакой лицензии.</li> <li>Код для спойлеров был предложен <a href="http://www.cyberforum.ru/post5368179.html">markeley</a> и <a href="http://habrahabr.ru/post/167151/">Defff</a>, и, судя по всему, он не имеет никакой лицензии.</li>
<li>Google Custom Search имеет собственную <a href="https://support.google.com/customsearch/answer/1714300">кастомную лицензию</a>.</li> <li>Google Custom Search имеет собственную <a href="https://support.google.com/customsearch/answer/1714300">кастомную лицензию</a>.</li>
<li>Sharethis тоже имеет собственную <a href="http://www.sharethis.com/legal/publisher-terms-of-use">кастомную лицензию</a>.</li> <li>Sharethis тоже имеет собственную <a href="http://www.sharethis.com/legal/publisher-terms-of-use">кастомную лицензию</a>.</li>
<li><a href="https://www.redhat.com/promo/fonts/">Liberation font</a> лицензирован под <a href="http://scripts.sil.org/OFL">The SIL Open Font License</a>.</li> <li><a href="https://www.redhat.com/promo/fonts/">Liberation font</a> лицензирован под <a href="http://scripts.sil.org/OFL">The SIL Open Font License</a>.</li>

36
ru/blog/archive.html
View File

@ -18,21 +18,25 @@ back: 2
{% assign new_month = post.date | date: "%B, %Y" %} {% assign new_month = post.date | date: "%B, %Y" %}
{% endfor %} {% endfor %}
<label class="spoiler"> <label class="spoiler">
<input type="checkbox" class="bo"/> <input type="checkbox" tabindex="-1">
<div class="title">{% include longdate_to_ru.html %} (показать)</div> <div class="box">
<div class="body"> <b>{% include longdate_to_ru.html %}</b> <span class="close" style="float:right;">(скрыть)</span><span class="open" style="float:right;">(показать)</span>
{% for post in site.categories.ru %} <blockquote>
{% assign new_month = post.date | date: "%B, %Y" %} {% for post in site.categories.ru %}
{% if new_month != month %} {% assign new_month = post.date | date: "%B, %Y" %}
</div> {% if new_month != month %}
</label> </blockquote>
<label class="spoiler"> </div>
<input type="checkbox" class="bo"/> </label>
<div class="title">{% include longdate_to_ru.html %} (показать)</div> <label class="spoiler">
<div class="body"> <input type="checkbox" tabindex="-1">
{% endif %} <div class="box">
{% assign month = post.date | date: "%B, %Y" %} <b>{% include longdate_to_ru.html %}</b> <span class="close" style="float:right;">(скрыть)</span><span class="open" style="float:right;">(показать)</span>
<i>{% include shortdate_to_ru.html %}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})<br> <blockquote>
{% endfor %} {% endif %}
{% assign month = post.date | date: "%B, %Y" %}
<i>{% include shortdate_to_ru.html %}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})<br>
{% endfor %}
</blockquote>
</div> </div>
</label> </label>

16
ru/index.html
View File

@ -12,14 +12,14 @@ title: arcanis
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<label class="spoiler"> <label class="spoiler">
<input type="checkbox" class="bo"/> <input type="checkbox" tabindex="-1">
<div class="title"><a href="/ru/blog/">Блог</a></div> <div class="box">
<div class="body"> <a href="/ru/blog/">Блог</a> <span class="close">(скрыть)</span><span class="open">(показать)</span>
<p> <blockquote>
{% for post in site.categories.ru limit:3 %} {% for post in site.categories.ru limit:3 %}
<a href="{{ post.url }}">{{ post.title }}</a><br> <a href="{{ post.url }}">{{ post.title }}</a><br>
{% endfor %} {% endfor %}
</p> </blockquote>
</div> </div>
</label> </label>
<p class="view"><a href="/ru/projects/">Проекты</a></p> <p class="view"><a href="/ru/projects/">Проекты</a></p>