mirror of
https://github.com/treffynnon/sqlstyle.guide.git
synced 2025-03-09 12:49:51 -05:00
Add a little translations bar to top of document
This commit is contained in:
parent
f66d164bfb
commit
d7836fb9a3
3 changed files with 44 additions and 1 deletions
|
@ -1,6 +1,15 @@
|
||||||
<footer class="foot wrap">
|
<footer class="foot wrap">
|
||||||
<hr/>
|
<hr/>
|
||||||
<p>Translations: <a href="{{ site.url }}">English</a> · <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>
|
<p>
|
||||||
This guide is being discussed on Hacker News [
|
This guide is being discussed on Hacker News [
|
||||||
<a href="https://news.ycombinator.com/item?id=9941150">1</a>,
|
<a href="https://news.ycombinator.com/item?id=9941150">1</a>,
|
||||||
|
|
|
@ -1,6 +1,19 @@
|
||||||
<nav id="page-nav">
|
<nav id="page-nav">
|
||||||
<a href="#" id="to-top" class="toplink">↑</a>
|
<a href="#" id="to-top" class="toplink">↑</a>
|
||||||
</nav>
|
</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">
|
<header class="top">
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<h1 itemprop="name">SQL Style Guide</h1>
|
<h1 itemprop="name">SQL Style Guide</h1>
|
||||||
|
|
21
style.css
21
style.css
|
@ -83,6 +83,27 @@ a:hover {
|
||||||
border-color: #333;
|
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 {
|
header.top {
|
||||||
background: {{ primary_colour }};
|
background: {{ primary_colour }};
|
||||||
color: #333;
|
color: #333;
|
||||||
|
|
Loading…
Reference in a new issue