From c5c0c4d7fc9f5ebbb00b62fd9e518596b3378ebc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dalibor=20Jan=C3=A1k?= Date: Wed, 16 Dec 2015 11:23:52 +0100 Subject: [PATCH] Content text and minor css fixes --- _layouts/default.html | 39 +++++++++++++++++++++++++++++++------ _sass/_custom.scss | 9 +++++---- index.html | 33 +++---------------------------- js/index.js | 45 +++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 86 insertions(+), 40 deletions(-) create mode 100644 js/index.js diff --git a/_layouts/default.html b/_layouts/default.html index 88f6a02..751dd39 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -12,7 +12,7 @@ - + @@ -39,7 +39,7 @@
  • FAQ
  • Github - GitHub +  GitHub
    • @@ -50,12 +50,39 @@ {{ content }} +
    +
    +
    + + Klokan Technologies + +
    +
    + + Geometalab HSR + +
    +
    + + +
    +
    +

    Do you need + commercial support, help with rendering of your own vector + tiles, parallelisation in a cluster or Amazon Cloud, + tile hosting, or + efficient rendering of + imagery and raster geodata? + Contact us.

    +
    +
    +
    +
    -

    OSM2VectorTiles is maintained by - KlokanTechnologies GmbH and - geometalab

    - +

    OSM2VectorTiles is maintained cooperatively by + Geometa Lab HSR and + Klokan Technologies GmbH

    diff --git a/_sass/_custom.scss b/_sass/_custom.scss index f60f127..7320e30 100644 --- a/_sass/_custom.scss +++ b/_sass/_custom.scss @@ -85,11 +85,12 @@ body{ @media(max-width: 841px){ .banner{ + + h1{font-size: 30px;} + &.home{ height: 460px; - h1{font-size: 30px;} - img{ margin-left: -205px; top: 302px; @@ -98,7 +99,7 @@ body{ } } } - + .logos{ img{ width: 100%; @@ -118,7 +119,7 @@ body{ img{ margin-left: -151px; - top: 302px; + top: 337px; width: 320px; height: 153px; } diff --git a/index.html b/index.html index 521eb67..975af39 100644 --- a/index.html +++ b/index.html @@ -50,21 +50,21 @@ published: true -
    +

    Contributors

    @@ -72,31 +72,4 @@ published: true
    -
    -
    - - Klokan Technologies - -
    -
    - - Geometalab HSR - -
    -
    - - -
    -
    -

    Do you need commercial support with render in cluster?

    - Contact us -
    -
    -

    MapTiler is the easiest way to prepare raster maps

    - - Read more about MapTiler - -
    -
    -
    \ No newline at end of file diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..ede6ef3 --- /dev/null +++ b/js/index.js @@ -0,0 +1,45 @@ +/* Navbar-top */ + +function init() { + /* Navbar Hamburger */ + var navsideBtn = document.querySelector('.navside-btn'); + if (navsideBtn) { + navsideBtn.addEventListener( + 'click', openMenu + ); + var bg = document.createElement('div'); + bg.setAttribute('class', 'navside-bg'); + bg.addEventListener('click', openMenu); + document.body.appendChild(bg); + } + + function openMenu() { + var menu = document.querySelector('.navside').classList; + if (menu.contains('open')) { + menu.remove('open'); + bg.classList.remove('open'); + } else { + menu.add('open'); + bg.classList.add('open'); + } + } + + /* Navbar-top */ + var navMobileBtn = document.querySelector('#nav-mobile-btn'); + if (navMobileBtn) { + navMobileBtn.onclick = function() { + var navMobileNav = document.getElementById('nav-mobile-nav'); + var navMobileBtn = document.getElementById('nav-mobile-btn'); + if (navMobileNav.className === 'active') { + navMobileNav.className = ''; + navMobileBtn.className = ''; + } else { + navMobileNav.className = 'active'; + navMobileBtn.className = 'active'; + } + }; + } + +} + +window.onload = init;