Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
277 additions
and
30 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,3 +2,4 @@ update | |
update_remote | ||
old/ | ||
_site/ | ||
demos/shp/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
<!DOCTYPE html> | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> | ||
<head> | ||
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
<title>{{ page.title }}</title> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta name="description" content=""> | ||
<meta name="author" content=""> | ||
|
||
<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" /> | ||
<link rel="stylesheet" href="/css/k.css" type="text/css" /> | ||
<!-- Le fav and touch icons --> | ||
<link rel="shortcut icon" href="/images/favicon.ico"> | ||
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png"> | ||
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png"> | ||
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png"> | ||
<script type="text/javascript" src="http://assets.kartograph.org/vendor/jquery.min.js"></script> | ||
</head> | ||
<body> | ||
|
||
{{ content }} | ||
|
||
</body> | ||
</html> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
.k-about .tagline { | ||
font-style: italic; | ||
font-size: 14px; | ||
margin-left: 55px; | ||
color: #888; | ||
} | ||
|
||
.k-menu ul.nav { | ||
margin-left: 0; | ||
} | ||
|
||
.k-menu ul.nav li { | ||
list-style: none; | ||
font-size: 18px; | ||
line-height: 20px; | ||
margin-bottom: 1em; | ||
} | ||
|
||
.hero-unit h1 { | ||
font-weight: 100; | ||
} | ||
|
||
.hero-unit p { | ||
margin-left: 0.4em; | ||
} |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,53 @@ | ||
--- | ||
layout: default | ||
title: Kartograph | ||
headline: See it in action | ||
--- | ||
|
||
<ul class="thumbnails"> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
<li class="span3"> | ||
<a href="#" class="thumbnail"> | ||
<img src="http://placehold.it/260x180" alt="" /> | ||
</a> | ||
</li> | ||
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
--- | ||
layout: demo | ||
title: Vintage Map of Italy | ||
--- | ||
|
||
<link rel="stylesheet" href="style.css" type="text/css" /> | ||
|
||
<script> | ||
$(function() { | ||
|
||
// import some classes | ||
window.map = $K.map('#map'); | ||
|
||
var resize = function() { | ||
var c = $('#map'); | ||
var ratio = map.viewAB.width / map.viewAB.height; | ||
c.height( c.width() / ratio ); | ||
map.resize(); | ||
}; | ||
|
||
$(window).resize(resize); | ||
|
||
map.loadMap('italy.svg', function(map) { | ||
|
||
map.addLayer('graticule', 'g1'); | ||
map.addLayer('land', 'bg'); | ||
map.addLayer('land', 'bgstroke'); | ||
map.addLayer('context'); | ||
map.addLayer('ITA', 'fg'); | ||
|
||
map.addFilter('glow', 'glow', { size: 4, color: '#D1BEB0', inner: true }); | ||
map.applyFilter('bg', 'glow'); | ||
|
||
resize(); | ||
|
||
}, { padding: -10 }); | ||
|
||
|
||
}); | ||
</script> | ||
|
||
|
||
<div id="map"> | ||
|
||
</div> | ||
|
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,99 @@ | ||
body,html { background: #fff; height:100%; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; padding: 0; margin: 0;} | ||
|
||
#head { | ||
margin: 20px auto 5px; | ||
width: 1000px; | ||
} | ||
#map { | ||
margin: 0 auto 30px; | ||
width: 100%; | ||
border: 6px solid #D1BEB0; | ||
height: 50%; | ||
position: relative; | ||
} | ||
.city2 .label { | ||
font-family: Georgia; | ||
font-size: 12px; | ||
text-transform: uppercase; | ||
font-style: italic; | ||
color: #000; | ||
opacity: 1; | ||
padding-left: 1px; | ||
text-shadow: 1px 1px 1px #fff; | ||
display: inline; | ||
} | ||
.city .label { | ||
font-family: Georgia; | ||
font-size: 12px; | ||
color: #411; | ||
opacity: .8; | ||
padding-left: 1px; | ||
text-shadow: 1px 1px 1px #fff; | ||
display: none; | ||
background: #fff; | ||
} | ||
.city:hover .label { | ||
display: inline; | ||
} | ||
svg .flight { | ||
stroke-width: .4px; | ||
stroke: #922; | ||
} | ||
svg path { stroke-linejoin: round } | ||
svg .sea { fill: #fff;stroke-width: .25px; } | ||
svg .g1 { | ||
fill: none; | ||
stroke-width: .2px; | ||
} | ||
svg .g2 { | ||
fill: none; | ||
stroke-width: .2px; | ||
stroke-opacity: .1; | ||
} | ||
svg .bg { | ||
stroke: none; | ||
fill: #fff; | ||
fill-opacity: 0.75; | ||
} | ||
svg .bgstroke { | ||
stroke: #7C5B27; | ||
stroke-width:.7px; | ||
fill:none; | ||
} | ||
svg .context { | ||
stroke: #D1BEB0; | ||
stroke-opacity: .3; | ||
fill: #D1BEB0; | ||
fill-opacity: .2; | ||
} | ||
svg .fg { | ||
stroke: #cbb; | ||
stroke-opacity: 1; | ||
stroke-dasharray: 3,5; | ||
fill: #fff; | ||
fill-opacity: 0; | ||
} | ||
svg .polygon.fg:hover { | ||
fill: #fca; | ||
fill-opacity: .5; | ||
} | ||
|
||
svg .dotMarker { | ||
stroke: #330; | ||
stroke-opacity: .8; | ||
fill: #ff7; | ||
fill-opacity: .2; | ||
} | ||
svg .dotMarker:hover { | ||
stroke: #000; | ||
fill: #ff3; | ||
fill-opacity: .7; | ||
} | ||
#tutorial { | ||
margin: 20px auto 30px; | ||
width: 1000px; | ||
padding: 30px; | ||
} | ||
#map svg .sea { | ||
background: lightblue; | ||
} |