Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Merge pull request #7 from vast/awesome-footer
Awesome footer
  • Loading branch information
vast committed Apr 28, 2016
2 parents 76bbf7b + 5fa4684 commit 0d44992
Show file tree
Hide file tree
Showing 7 changed files with 109 additions and 60 deletions.
118 changes: 69 additions & 49 deletions _layouts/default.html
Expand Up @@ -12,67 +12,87 @@
{% endif %}
</title>
<link rel="stylesheet" href="/css/application.css" media="screen, projection" />
<link rel="stylesheet" href="https://npmcdn.com/social-likes-next/dist/social-likes_birman.css">
<link rel="stylesheet" href="/css/mobile.css" media="screen and (max-width: 980px)" />
<link rel="profile" href="http://microformats.org/profile/hcard" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml" />
</head>
<body>
<header class="header">
<a href="/">{{ site.title }}</a>
</header>
<article class="post">
<header class="post-header">
<h2 class="post-title">{{ page.title }} </h2>
<div class="global-container">
<header class="header">
<a href="/">{{ site.title }}</a>
</header>
<div class="post-contents">
{{ content }}
<article class="post">
<header class="post-header">
<h2 class="post-title">{{ page.title }} </h2>
</header>
<div class="post-contents">
{{ content }}

<p>
{% if page.has_ps %}
P. P. S.
{% else %}
P. S.
{% endif %}
<p>
{% if page.has_ps %}
P. P. S.
{% else %}
P. S.
{% endif %}

Открываю <a href="/tests/">дистанционный курс об&nbsp;основах тестирования и&nbsp;тестах в&nbsp;Ruby/Rails</a>.
С&nbsp;теорией, примерами и домашкой.
</p>
</div>
<footer class="post-meta">
<small class="post-date">
{% assign m = page.date | date: "%-m" %}
{{ page.date | date: "%-d" }}
{% case m %}
{% when '1' %}января
{% when '2' %}февраля
{% when '3' %}марта
{% when '4' %}апреля
{% when '5' %}мая
{% when '6' %}июня
{% when '7' %}июля
{% when '8' %}августа
{% when '9' %}сентября
{% when '10' %}октября
{% when '11' %}ноября
{% when '12' %}декабря
{% endcase %}
{{ page.date | date: "%Y" }}
</small>
</footer>
</article>
Открываю <a href="/tests/">дистанционный курс об&nbsp;основах тестирования и&nbsp;тестах в&nbsp;Ruby/Rails</a>.
С&nbsp;теорией, примерами и домашкой.
</p>
</div>
<footer class="post-meta">
<small class="post-date">
{% assign m = page.date | date: "%-m" %}
{{ page.date | date: "%-d" }}
{% case m %}
{% when '1' %}января
{% when '2' %}февраля
{% when '3' %}марта
{% when '4' %}апреля
{% when '5' %}мая
{% when '6' %}июня
{% when '7' %}июля
{% when '8' %}августа
{% when '9' %}сентября
{% when '10' %}октября
{% when '11' %}ноября
{% when '12' %}декабря
{% endcase %}
{{ page.date | date: "%Y" }}
</small>

<div class="social-likes">
<div data-service="twitter" data-via="vazilla" title="Поделиться ссылкой в Твитере">Твитнуть</div>
<div data-service="facebook" title="Поделиться ссылкой на Фейсбуке">Поделиться</div>
<div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Поделиться</div>
</div>
</footer>
</article>
</div>

<footer id="footer">
<address class="vcard">
<h5>
<a href="/" class="fn url">Василий Половнёв</a>,
<div class="bottom-contents">
<div class="global-container">
<aside class="related">
<h2>Из недавнего</h2>
<ul class="related-posts">
{% for post in site.posts limit:9 %}
{% if post.url != page.url %}
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endif %}
{% endfor %}
</ul>
</aside>

<footer id="footer">
<span style="margin-left: -1.22em">&copy; Василий Половнёв, 2014—{{ site.time | date: '%Y' }}</span>,<br />
<span id="funny-title" class="title" onmouseenter="javascript:trulyRandom();">фронтенд-шмонтенд разработчик, успешный брограммист</span>
</h5>
</footer>
</div>
</div>

<a href="http://twitter.com/vazilla" class="url twitter">@vazilla</a>
</address>
</footer>
<script src="/js/typography.js"></script>
<script src="https://npmcdn.com/social-likes-next/dist/social-likes.min.js"></script>
<script>typographer.kickit('.post-contents, .post-title')</script>
<script>
var funnyTitles = [
Expand Down
4 changes: 2 additions & 2 deletions _posts/2016-01-05-three-code-review-rules.md
@@ -1,6 +1,7 @@
---
title: Три правила ревью
layout: default
classes: favorite
---

Я люблю ревью кода и тупые правила, вроде «переходя дорогу, смотри в обе стороны». В тупых правилах нет исключений и мудреных условий, поэтому работают они безотказно.
Expand Down Expand Up @@ -58,8 +59,7 @@ layout: default

Еще по теме:

* [The Code Review Mindset
](https://medium.com/medium-eng/the-code-review-mindset-3280a4af0a89#.16v4n6pbs);
* [The Code Review Mindset](https://medium.com/medium-eng/the-code-review-mindset-3280a4af0a89#.16v4n6pbs);
* [Code Review Best Practices](http://kevinlondon.com/2015/05/05/code-review-best-practices.html);
* [Thoughtbot Code Review Guide](https://github.com/thoughtbot/guides/tree/master/code-review);
* [What a CSS Code Review Might Look Like](https://css-tricks.com/what-a-css-code-review-might-look-like/).
Expand Down
5 changes: 4 additions & 1 deletion _sass/core/_base.scss
Expand Up @@ -7,10 +7,13 @@ body {
color: $text-color;
background: #fff;
font: normal normal 1rem/1.45 $base-font;
padding: 1em 2em;
-webkit-text-size-adjust: none;
}

.global-container {
padding: 1em 2em;
}

a {
color: $link-color-fallback;
color: $link-color;
Expand Down
1 change: 1 addition & 0 deletions _sass/core/_settings.scss
Expand Up @@ -3,6 +3,7 @@ $base-font: Georgia, serif;

$text-color: rgba(0, 0, 0, .8);
$text-color-fallback: #414141;
$minor-color: #f5f5f5;

$link-color: rgba(0, 0, 0, .8);
$link-color-fallback: #414141;
Expand Down
14 changes: 9 additions & 5 deletions _sass/modules/_footer.scss
@@ -1,8 +1,12 @@
#footer {
@include container;
.bottom-contents {
font-size: 88%;
background: $minor-color;
}

position: relative;
border-top: 1px dotted #777;
.related {
@include container;
}

address { font-size: 88% }
#footer {
@include container;
}
23 changes: 22 additions & 1 deletion _sass/modules/_posts.scss
Expand Up @@ -4,6 +4,7 @@

.post-date {
display: block;
font-family: Helvetica Neue, Arial, sans-serif;
color: lighten($text-color, 50%);
}

Expand Down Expand Up @@ -50,9 +51,29 @@
// INBOX
//

.social-likes {
margin: .75rem -.3em 0!important;
}

.related-posts {
-webkit-columns: 3;
columns: 3;

li {
display: inline-block;
vertical-align: top;
padding-left: 0;
width: 100%;
}

li:nth-child(n+9) {
display: none;
}
}

.my_presence {
display: inline-block;
background: rgba(0, 0, 0, .03);
background: $minor-color;
padding: 1em 0 1.1em 1.5em;
border-radius: 4px;
margin: 0 -1.5em;
Expand Down
4 changes: 2 additions & 2 deletions css/mobile.css
@@ -1,5 +1,5 @@
@media (max-width: 768px) {
body {
.global-container {
padding: 1em;
}
}
Expand All @@ -15,7 +15,7 @@
font-size: 14px;
}

body {
.global-container {
padding: 1em 0;
}
}

0 comments on commit 0d44992

Please sign in to comment.