Content text and minor css fixes

pull/94/head
Dalibor Janák 2015-12-16 11:23:52 +01:00
rodzic 950eec474c
commit c5c0c4d7fc
4 zmienionych plików z 86 dodań i 40 usunięć

Wyświetl plik

@ -12,7 +12,7 @@
<meta name="theme-color" content="#115e94">
<link href="{{ site.baseurl }}base.css" rel="stylesheet" />
<!--<script type="text/javascript" src="{{ site.baseurl }}js/index.js"></script>-->
<script type="text/javascript" src="{{ site.baseurl }}js/index.js"></script>
<link rel="shortcut icon" href="{{ site.baseurl }}favicon.ico" type="image/x-icon">
</head>
<body {% if page.id == 'home' %}class="home"{% endif %}>
@ -39,7 +39,7 @@
<li><a href="{{ site.baseurl }}faq">FAQ</a></li>
<li><a href="https://github.com/osm2vectortiles/osm2vectortiles">
<img class="octocat" src="{{ site.baseurl }}img/GitHub-Mark-32px.png" alt="Github">
GitHub
&nbsp;GitHub
</a></li>
</ul>
</div>
@ -50,12 +50,39 @@
{{ content }}
<!-- end content -->
<div class="container">
<div class="row center pady-4 bordertop-block borderbottom-block logos">
<div class="col6">
<a href="http://www.klokantech.com/contact/">
<img src="{{ site.baseurl }}img/klokantech-logo.png" alt="Klokan Technologies"/>
</a>
</div>
<div class="col6">
<a href="http://www.ifs.hsr.ch/Geometa-Lab.12520.0.html">
<img src="{{ site.baseurl }}img/hsr-logo.png" alt="Geometalab HSR"/>
</a>
</div>
</div>
<div class="row center pady-4">
<div class="col9 offset1">
<p>Do you need <a href="http://www.klokantech.com/contact">
commercial support</a>, help with rendering of your own vector
tiles, parallelisation in a cluster or Amazon Cloud,
<a href="http://www.tilehosting.com/">tile hosting</a>, or
efficient rendering of <a href="http://www.maptiler.com/">
imagery and raster geodata</a>?
<a href="http://www.klokantech.com/contact">Contact us</a>.</p>
</div>
</div>
</div>
<div class="footer">
<div class="container bordertop-block center">
<p class="padt-3">OSM2VectorTiles is maintained by
<a href="http://www.klokantech.com">KlokanTechnologies GmbH</a> and
<a href="https://github.com/geometalab">geometalab</a></p>
<p class="padt-3">OSM2VectorTiles is maintained cooperatively by
<a href="https://github.com/geometalab">Geometa Lab HSR</a> and
<a href="http://www.klokantech.com/">Klokan Technologies GmbH</a></p>
</div>
</div>
</body>

Wyświetl plik

@ -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;
}

Wyświetl plik

@ -50,21 +50,21 @@ published: true
</div>
</div>
<div class="row bordertop-block borderbottom-block">
<div class="row bordertop-block">
<div class="col12 padt-6">
<h2 class="center">Contributors</h2>
<div class="row">
<div class="col6 pad-5">
<ul class="big">
<li>Manuel Roth <a href="https://github.com/manuelroth" class="user-mention">@manuelroth</a></li>
<li>Lukas Martinelli <a href="https://github.com/lukasmartinelli" class="user-mention">@lukasmartinelli</a></li>
<li>Manuel Roth <a href="https://github.com/manuelroth" class="user-mention">@manuelroth</a></li>
</ul>
</div>
<div class="col6 pad-5">
<ul class="big">
<li>Petr Pridal <a href="https://github.com/klokantech" class="user-mention">@klokantech</a></li>
<li>Stefan Keller <a href="https://github.com/sfkeller" class="user-mention">@sfkeller</a></li>
<li>Petr Pridal <a href="https://github.com/klokan" class="user-mention">@klokan</a></li>
</ul>
</div>
</div>
@ -72,31 +72,4 @@ published: true
</div>
</div>
<div class="row center pady-4 borderbottom-block logos">
<div class="col6">
<a href="http://www.klokantech.com/contact/">
<img src="{{ site.baseurl }}img/klokantech-logo.png" alt="Klokan Technologies"/>
</a>
</div>
<div class="col6">
<a href="http://www.ifs.hsr.ch/Geometa-Lab.12520.0.html">
<img src="{{ site.baseurl }}img/hsr-logo.png" alt="Geometalab HSR"/>
</a>
</div>
</div>
<div class="row center pady-4">
<div class="col6">
<p>Do you need commercial support with render in cluster?</p>
<a href="http://www.klokantech.com/" class="btn">Contact us</a>
</div>
<div class="col6">
<p>MapTiler is the easiest way to prepare raster maps</p>
<a href="http://www.maptiler.com" class="btn-gray-dark">
Read more about MapTiler
</a>
</div>
</div>
</div>

45
js/index.js 100644
Wyświetl plik

@ -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;