Skip to content

Commit

Permalink
Merge pull request #54 from dagurval/lang-dropdown
Browse files Browse the repository at this point in the history
Dropdown language selection
  • Loading branch information
dgenr8 committed Feb 19, 2018
2 parents 8fa7526 + a0e38d7 commit ae25152
Show file tree
Hide file tree
Showing 4 changed files with 54 additions and 41 deletions.
21 changes: 11 additions & 10 deletions _i18n/en.yml
Expand Up @@ -7,12 +7,13 @@ base:
title: "Frequently asked questions"
text: "FAQ"
takepart: "Take part"
language: "Language"

index:
title: "Welcome"
description: |
Bitcoin XT is an implementation of a full node that embraces Bitcoin's original vision of simple, reliable, low-cost transactions for everyone in the world.
header:
scalingicon: "Scaling<br>Bitcoin"
usersicon: "Users<br>Matter"
Expand All @@ -23,7 +24,7 @@ index:
title: "Download now"
aptrepo: "APT repository"
dockerimg: "Docker Image"

whatwestandfor:
title: "What we stand for"
missionstatement: |
Expand Down Expand Up @@ -52,7 +53,7 @@ index:
<a href="http://gavinandresen.ninja/" title="Gavin Andresen - Chief Scientist, Bitcoin Foundation. All-around geek.">A series of essays by Gavin Andresen</a>
mike: |
<a href="https://medium.com/@octskyward/crash-landing-f5cc19908e32" title="Crash landing — Medium">Why the block size limit must be raised</a> and <a href="https://medium.com/@octskyward/the-capacity-cliff-586d1bf7715e" title="The capacity cliff – Medium">why the proposed alternative schemes will not work</a>, by Mike Hearn.
miners:
title: "Miners"
vote: |
Expand Down Expand Up @@ -89,7 +90,7 @@ patches:

explore: "Bitcoin XT has a rich set of features. It's encouraged to explore RPC interface and the <em>--help</em> options."
somefeatures: "Some selected features of XT"

features:
- title: "Dynamic maximum block size by miner vote"
text: |
Expand All @@ -116,9 +117,9 @@ patches:
faq:
title: "FAQ"
description: "Bitcoin XT is an implementation of a Bitcoin full node"

faq: "Frequently asked questions"

items:
- id: "how-do-i-upgrade"
title: "How do I switch to XT?"
Expand All @@ -128,7 +129,7 @@ faq:
title: "Is there any risk involved in running XT?"
text: |
<p>Bitcoin XT is fully compatible with the Bitcoin Cash (BCH) network.</p>
<p>When running on the Bitcoin (BTC) network, segwit transactions cannot be fully validated.</p>
<p>When running on the Bitcoin (BTC) network, segwit transactions cannot be fully validated.</p>
- id: "why-did-the-xt-fork-happen"
title: "Why did the Bitcoin XT fork happen?"
text: |
Expand Down Expand Up @@ -157,12 +158,12 @@ apt:
description: "We provide an APT repository for Debian and Ubuntu users, for bitcoind and 64 bit machines only. To use it, follow these steps."

aptanddocker: "APT And Docker"

gettingstarted: "There are two methods for getting started quickly on a linux machine:"
addrepo: "Add an apt repository to a debian or ubuntu installation."
installdocker: |
Install a docker image on a <a href="https://www.docker.com/" title="Docker">docker</a> supporting system.
apt:
repo: "1. APT Repository"
64bitonly: "We provide an APT repository for Debian and Ubuntu users, for bitcoind and 64 bit machines only. To use it, follow these steps. Run all commands as root."
Expand All @@ -174,7 +175,7 @@ apt:
service: |
Note that the server binary is named "bitcoinxtd" in this package, not bitcoind. Since 0.11B we have added systemd init scripts to make sure that the node will be started and auto-restarted if you reboot.</br>
The systemd bitcoinxtd.service registers the XT based daemon for autostart. Also installed is the bitcoinxt-cli executable which allows you to communicate with the running daemon.
docker:
image: 2. Docker Image
dockerhub: |
Expand Down
16 changes: 6 additions & 10 deletions _layouts/base.html
Expand Up @@ -17,7 +17,7 @@
<body>
<div class="container" id="sec-top">
<header role="banner">
<div class="cbp-af-header cbp-af-header-{{ site.lang }} cbp-af-header-shrink">
<div class="cbp-af-header cbp-af-header-shrink">
<div class="cbp-af-inner">
<div class="logo">
<a href="{{ site.baseurl }}/" title="Bitcoin XT"><img src="/img/bitcoin-logo.png" alt="Bitcoin XT"></a>
Expand All @@ -30,8 +30,11 @@
<a href="{{ site.baseurl }}/#sec-takepart" title="{% t base.menu.takepart %}">{% t base.menu.takepart %}</a>
</nav>
<div class="lang">
<a class="en" href="/{{ page.url | split:"/" | last }}" title="English">EN</a>
<a class="ru" href="/ru/{{ page.url | split:"/" | last }}" title="Russian">RU</a>
<ul class="langpicker">
<a href="#"><li>{% t base.menu.language %}▼</li></a>
<a href="/{{ page.url | split:"/" | last }}"><li class="langitem">English</li></a>
<a href="/ru/{{ page.url | split:"/" | last }}"><li class="langitem">русский</li></a>
</ul>
</div>
</div>
</div>
Expand All @@ -42,13 +45,6 @@
</article>
</section>
<footer>
<!-- <small>
<p>
BitcoinXt is set to revolutionize the market. Expect a broader adaption
for crypto currency from this point forward. We welcome your support!
<br><br>
Questions? <a href="/">Reach out for more information.</a></p>
</small> -->
</footer>
</div>
</body>
Expand Down
58 changes: 37 additions & 21 deletions _sass/partials/_header.scss
Expand Up @@ -9,7 +9,6 @@
width: 100%;
background: #f6f6f6;
z-index: 10000;
overflow: hidden;
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(30% 50px, #F47B20, #F47B20 400px);
background-image: url("/img/bkgrnd_wide.png");
background-size: cover;
Expand Down Expand Up @@ -43,7 +42,6 @@
float: left;
}
.cbp-af-header nav {
float: right;
}
.cbp-af-header a img {
margin-top: 14%;
Expand All @@ -59,11 +57,6 @@
line-height: 115px;
text-shadow:0 0 15px rgba(0, 0, 0, 0.5);
}
.cbp-af-header-ru nav a {
margin: 0 8px;
font-size: 0.9em;
letter-spacing: .05em;
}
.cbp-af-header nav a:hover {
color: #ff7602;
text-decoration: none;
Expand All @@ -81,28 +74,40 @@
}
.cbp-af-header .lang {
position: absolute;
top: 5px;
top: 20px;
right: 18px;
}
.cbp-af-header .lang a {
color: #aaa;
padding: 3px 6px 3px 25px;
background: url(/img/lang_icons.png) no-repeat;
}
.cbp-af-header .lang a:hover {
color: #ff7602;
text-decoration: none;
}
.cbp-af-header .lang .en {
background-position: 0px 3px;

.cbp-af-header .langpicker {
display: inline-block;
padding: 0;
height: 40px;
overflow: hidden;
transition: all .2s ease;
text-transform: uppercase;
letter-spacing: .07em;
}

.cbp-af-header .langpicker:hover {
height: 200px;
}
.cbp-af-header .lang .ru {
background-position: -70px 3px;

.cbp-af-header .langpicker li {
display: block;
padding: 0px 20px;
line-height: 40px;
}
.cbp-af-header .langpicker .langitem {
background-color: #115165;
}

@media screen and (max-width: 55em) {
@media screen and (max-width: 66em) {
.pd-b {
padding-bottom: 10px;
padding-bottom: 10px;
}
.cbp-af-header .cbp-af-inner {
width: 100%;
Expand Down Expand Up @@ -132,6 +137,7 @@
.cbp-af-header.cbp-af-header-shrink .logo {
font-size: 2em;
}
.cbp-af-header .langpicker,
.cbp-af-header.cbp-af-header-shrink nav a {
font-size: .80em;;
}
Expand All @@ -144,7 +150,7 @@
.cbp-af-header a img,
.cbp-af-header.cbp-af-header-shrink a img {
margin-top: 15px;
width: 80%;
width: 60%;
margin-top: 0px;
}
.cbp-af-header .logo,
Expand All @@ -155,11 +161,20 @@
.cbp-af-header.cbp-af-header-shrink nav a {
font-size: .6em;
margin: 0 5px;

}
.cbp-af-header {
height: auto;
}
.cbp-af-header .langpicker {
height: 40px;
}
.cbp-af-header .lang {
position: absolute;
top: 20px;
right: 10px;
font-size: .6em;
}

}

@media screen and (max-width: 24em) {
Expand All @@ -174,6 +189,7 @@
margin-top: 0px;
margin: 0 auto;
}
.cbp-af-header .langpicker,
.cbp-af-header nav a {
font-size: .80em;
margin: 0 7px;
Expand Down
Binary file removed img/lang_icons.png
Binary file not shown.

0 comments on commit ae25152

Please sign in to comment.