Small decorative tweaks

This commit is contained in:
lostinlight 2018-11-03 22:31:34 +03:00
parent f6512aff49
commit eb0ae15c19
6 changed files with 25 additions and 7 deletions

View file

@ -0,0 +1,4 @@
<svg class="f-highlight" role="img" aria-labelledby="f-snow" style="fill: #daba76;">
<use xlink:href="#icon-snowflake"></use>
</svg>

After

Width:  |  Height:  |  Size: 136 B

View file

@ -12,9 +12,9 @@ layout: layout
</header> </header>
<ul class="links"> <ul class="links">
<li><a href="<%= config.url%>/atom.xml"><%- __('subscribe') %></a></li> <li><%- partial('_partial/snowflake') %><a href="<%= config.url%>/atom.xml"><%- __('subscribe') %></a></li>
<li><a href="https://gitlab.com/fediverse/fediverse.gitlab.io/merge_requests"><%- __('submit') %></a></li> <li><%- partial('_partial/snowflake') %><a href="https://gitlab.com/fediverse/fediverse.gitlab.io/merge_requests"><%- __('submit') %></a></li>
<li><a href="/tags"><%- __('tags') %></a></li> <li><%- partial('_partial/snowflake') %><a href="/tags"><%- __('tags') %></a></li>
</ul> </ul>
<% page.posts.each(function(post) { %> <% page.posts.each(function(post) { %>
@ -41,7 +41,7 @@ layout: layout
<% if (page.total > 1) { %> <% if (page.total > 1) { %>
<nav id="page-nav" class="page-nav"> <nav id="page-nav" class="page-nav">
<%- paginator({prev_text: "&#8249;", next_text: "&#8250;"}) %> <%- paginator({prev_text: "&#9664;", next_text: "&#9654;"}) %>
</nav> </nav>
<% } %> <% } %>

View file

@ -12,7 +12,7 @@
<div class="contents"> <div class="contents">
<div class="tags__cloud"> <div class="tags__cloud">
<% site.tags.map(function(tag) { %> <% site.tags.map(function(tag) { %>
#<a href="/tags/<%= tag.name %>" <% if (page.path === "tags/" + tag.name + "/index.html") { %> class="tag--current" <% } %> ><%= tag.name %></a> <%- partial('_partial/snowflake') %><a href="/tags/<%= tag.name %>" <% if (page.path === "tags/" + tag.name + "/index.html") { %> class="tag--current" <% } %> ><%= tag.name %></a>
<% }) %> <% }) %>
</div> </div>
<div class="one-tag-list"> <div class="one-tag-list">

View file

@ -6,7 +6,7 @@ layout: layout
<div class="contents"> <div class="contents">
<div class="tags__cloud"> <div class="tags__cloud">
<% site.tags.map(function(tag) { %> <% site.tags.map(function(tag) { %>
#<a href="/tags/<%= tag.name %>"><%= tag.name %></a> <%- partial('_partial/snowflake') %><a href="/tags/<%= tag.name %>"><%= tag.name %></a> &nbsp;
<% }) %> <% }) %>
</div> </div>
<div class="one-tag-list"> <div class="one-tag-list">

View file

@ -9,9 +9,10 @@
} }
.chronicles .links { .chronicles .links {
width: 150px; width: 160px;
height: 150px; height: 150px;
margin-bottom: 2em; margin-bottom: 2em;
line-height: 1.7;
} }
.chronicles .section-title h4 { .chronicles .section-title h4 {
@ -42,6 +43,10 @@
} }
} }
.post__preview:not(.wanted):not(.featured) a:focus > p {
color: $coral;
}
.post__preview.wanted p { .post__preview.wanted p {
margin: .3em 0; margin: .3em 0;
line-height: 1.2; line-height: 1.2;
@ -104,6 +109,10 @@
margin-top: 0; margin-top: 0;
} }
.post__preview.featured:hover p:first-child,
.post__preview.featured:focus p:first-child {
color: $golden;
}
.post__preview.featured > .post__image, .post__preview.featured > .post__image,
.post__preview.featured .post__content { .post__preview.featured .post__content {

View file

@ -40,9 +40,14 @@ img.mascot {
margin: 0 .2em; margin: 0 .2em;
} }
@media screen and (max-width: $mq-small) { @media screen and (max-width: $mq-small) {
.network aside { .network aside {
display: none; display: none;
} }
.network .connections li:first-of-type {
margin-top: 1em;
}
} }