diff --git a/src/assets/App.css b/src/assets/App.css
index b768f44..9abca44 100644
--- a/src/assets/App.css
+++ b/src/assets/App.css
@@ -272,6 +272,8 @@ button {
.footer {
height: auto;
padding: 20px 10px 0; } }
+ .footer.sokol {
+ background-color: #6ac9b9; }
.footer .container {
position: relative; }
@media screen and (max-width: 414px) {
@@ -314,11 +316,25 @@ button {
margin-bottom: 0px; } }
.header .container {
overflow: hidden; }
+ .header.sokol {
+ background-image: none;
+ background-color: #6ac9b9; }
.header-logo {
float: left;
width: 182px;
height: 35px;
background-position: 0 -24px; }
+ .header-logo-sokol {
+ display: inline-block;
+ width: 146px;
+ height: 35px;
+ background-image: url("./images/logo_sokol.png");
+ background-position: 0 0;
+ background-repeat: no-repeat; }
+ @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
+ .header-logo-sokol {
+ background-image: url("./images/logo_sokol@2x.png");
+ background-size: 146px 35px; } }
.header-settings, .header-new-ballot {
float: right;
border-radius: 3px;
diff --git a/src/assets/images/logo_sokol.png b/src/assets/images/logo_sokol.png
new file mode 100644
index 0000000..fe08d28
Binary files /dev/null and b/src/assets/images/logo_sokol.png differ
diff --git a/src/assets/images/logo_sokol@2x.png b/src/assets/images/logo_sokol@2x.png
new file mode 100644
index 0000000..701da74
Binary files /dev/null and b/src/assets/images/logo_sokol@2x.png differ
diff --git a/src/assets/stylesheets/footer.scss b/src/assets/stylesheets/footer.scss
index d463912..cf4c7cb 100644
--- a/src/assets/stylesheets/footer.scss
+++ b/src/assets/stylesheets/footer.scss
@@ -10,6 +10,11 @@
padding: 20px 10px 0;
}
+
+ &.sokol {
+ background-color: #6ac9b9;
+ }
+
.container {
position: relative;
diff --git a/src/assets/stylesheets/header.scss b/src/assets/stylesheets/header.scss
index 601b8bb..51ba9b2 100644
--- a/src/assets/stylesheets/header.scss
+++ b/src/assets/stylesheets/header.scss
@@ -15,6 +15,11 @@
overflow: hidden;
}
+ &.sokol {
+ background-image: none;
+ background-color: #6ac9b9;
+ }
+
&-logo {
@extend %logos;
float: left;
@@ -23,6 +28,16 @@
background-position: 0 -24px;
}
+ &-logo-sokol {
+ @include image-2x('./images/logo_sokol@2x.png', 146px, 35px);
+ display: inline-block;
+ width: 146px;
+ height: 35px;
+ background-image: url('./images/logo_sokol.png');
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ }
+
&-settings,
&-new-ballot {
@extend %button;
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 4a91e59..8be217e 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -2,17 +2,20 @@ import React from "react";
import moment from "moment";
import { Link } from "react-router-dom";
-export const Footer = () => (
-