mirror/sqlstyle.guide
1
0
Fork 0
mirror of https://github.com/treffynnon/sqlstyle.guide.git synced 2025-03-09 12:49:51 -05:00
Code Activity

Add a little translations bar to top of document

Browse source
This commit is contained in:
Simon Holywell 2017-02-27 12:04:22 +10:00
parent f66d164bfb
commit d7836fb9a3
3 changed files with 44 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
_includes/foot.html
View file

@ -1,6 +1,15 @@
<footer class="foot wrap">
<hr/>
<p>Translations: <a href="{{ site.url }}">English</a> &middot; <a href="{{ site.url}}/jp">日本語</a></p>
<nav class="translation-nav">
<span>Translations:</span>
<a href="{{ site.url }}" itemprop="availableLanguage" itemscope itemtype="http://schema.org/Language">
<span itemprop="name" alternateName="en">English</span>
</a>
·
<a href="{{ site.url }}/jp" itemprop="availableLanguage" itemscope itemtype="http://schema.org/Language">
<span itemprop="name" alternateName="ja">日本語</span>
</a>
</nav>
<p>
This guide is being discussed on Hacker News [
<a href="https://news.ycombinator.com/item?id=9941150">1</a>,

13
_includes/head.html
View file

@ -1,6 +1,19 @@
<nav id="page-nav">
<a href="#" id="to-top" class="toplink">↑</a>
</nav>
<div id="translation-bar">
<div class="wrap">
<nav class="translation-nav">
<a href="{{ site.url }}" itemprop="availableLanguage" itemscope itemtype="http://schema.org/Language">
<span itemprop="name" alternateName="en">English</span>
</a>
·
<a href="{{ site.url }}/jp" itemprop="availableLanguage" itemscope itemtype="http://schema.org/Language">
<span itemprop="name" alternateName="ja">日本語</span>
</a>
</nav>
</div>
</div>
<header class="top">
<div class="wrap">
<h1 itemprop="name">SQL Style Guide</h1>

21
style.css
View file

@ -83,6 +83,27 @@ a:hover {
border-color: #333;
}
#translation-bar {
background: linear-gradient(top, #444, #111);
background: -ms-linear-gradient(top, #444, #111);
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
background: -moz-linear-gradient(top, #444, #111);
text-align: right;
color: #999;
}
#translation-bar .wrap {
padding: .5% 10%;
}
#translation-bar nav {
font-size: .7em;
}
#translation-bar a {
color: inherit;
}
header.top {
background: {{ primary_colour }};
color: #333;