Permalink
Browse files

website update

  • Loading branch information...
1 parent 28bf7d3 commit 8b4992d059eec1fa4df8869a2caef4b6ed197da5 @gka gka committed Aug 22, 2012
Showing with 4,225 additions and 58 deletions.
  1. +53 −32 _layouts/default.html
  2. +51 −0 _layouts/docs.html
  3. +1 −1 _layouts/showcase.html
  4. +5 −0 build/pip-delete-this-directory.txt
  5. +162 −15 css/k.css
  6. +274 −0 docs/kartograph.js.md
  7. +153 −0 docs/kartograph.py.md
  8. BIN img/logo.png
  9. +72 −10 index.html
  10. +24 −0 js/highlight/LICENSE
  11. +143 −0 js/highlight/README.md
  12. +149 −0 js/highlight/README.ru.md
  13. +553 −0 js/highlight/classref.txt
  14. +1 −0 js/highlight/highlight.pack.js
  15. +155 −0 js/highlight/styles/arta.css
  16. +50 −0 js/highlight/styles/ascetic.css
  17. +102 −0 js/highlight/styles/brown_paper.css
  18. BIN js/highlight/styles/brown_papersq.png
  19. +101 −0 js/highlight/styles/dark.css
  20. +132 −0 js/highlight/styles/default.css
  21. +111 −0 js/highlight/styles/far.css
  22. +131 −0 js/highlight/styles/github.css
  23. +144 −0 js/highlight/styles/googlecode.css
  24. +121 −0 js/highlight/styles/idea.css
  25. +98 −0 js/highlight/styles/ir_black.css
  26. +119 −0 js/highlight/styles/magula.css
  27. +112 −0 js/highlight/styles/monokai.css
  28. +104 −0 js/highlight/styles/pojoaque.css
  29. BIN js/highlight/styles/pojoaque.jpg
  30. +114 −0 js/highlight/styles/rainbow.css
  31. +109 −0 js/highlight/styles/school_book.css
  32. BIN js/highlight/styles/school_book.png
  33. +88 −0 js/highlight/styles/solarized_dark.css
  34. +88 −0 js/highlight/styles/solarized_light.css
  35. +148 −0 js/highlight/styles/sunburst.css
  36. +42 −0 js/highlight/styles/tomorrow-night-blue.css
  37. +41 −0 js/highlight/styles/tomorrow-night-bright.css
  38. +41 −0 js/highlight/styles/tomorrow-night-eighties.css
  39. +42 −0 js/highlight/styles/tomorrow-night.css
  40. +39 −0 js/highlight/styles/tomorrow.css
  41. +85 −0 js/highlight/styles/vs.css
  42. +154 −0 js/highlight/styles/xcode.css
  43. +113 −0 js/highlight/styles/zenburn.css
View
@@ -21,52 +21,73 @@
</div>
</div>
<div class="row">
- <div class="span3 k-about">
- <a href="/"><img src="/img/logotype.png" alt="Kartograph" /></a>
- <p class="tagline">A simple and lightweight framework for creating beautiful, interactive vector maps.</p>
- </div>
- <div class="span9">
- <div class="hero-unit"{% if page.headbg %} style="background:url({{page.headbg}})" {% endif %}>
- <h1>{{ page.headline }}</h1>
- <p>{{ page.tagline }}</p>
+ <div class="span3 sidebar">
+ <div class="head">
+ <a href="/"><img src="/img/logo.png" alt="Kartograph" /></a>
+ <p class="tagline">A simple and lightweight framework for creating beautiful, interactive vector maps.</p>
</div>
- </div>
- </div>
- <div class="row">
- <div class="span3 k-menu">
- <ul class="nav nav-tabs nav-stacked">
- <li{% if page.url == "/index.html" %} class="active" {% endif %}><a href="/">Hello Kartograph</a></li>
- <li{% if page.url contains "/showcase/" %} class="active" {% endif %}><a href="/showcase/">Showcase</a></li>
- <li{% if page.url contains "/about/" %} class="active" {% endif %}><a href="/about/">How does it work?</a></li>
- <li{% if page.url contains "blog.kartograph.org" %} class="active" {% endif %}><a href="http://blog.kartograph.org">Blog</a></li>
- <li><a target="_blank" href="http://github.com/kartograph/">Fork on Github</a></li>
- <li><a target="_blank" href="http://twitter.com/#!/kartographjs/">Say Hi on Twitter</a></li>
- </ul>
- <div class="k-donate">
- <p>Kartograph is the work of a single <a href="http://gka.me">developer</a>, so contributions will help me get things running.</p>
+ {% if page.toc %}
+ <div class="toc">
+ <h3>{% if page.toctitle %}{{ page.toctitle }}{% else %}Table of Contents{% endif %}</h3>
- <div class="k-paypal">
+ <ul>
+ {% for l in page.toc %}
+ {% if l[1]['_'] %}
+ <li><a href="{{ l[0] }}">{{ l[1]['_'] }}</a>
+ <ul>
+ {% for s in l[1] %}
+ {% if s[0] != '_' %}
+ <li><a href="{{ s[0] }}">{{ s[1] }}</a></li>
+ {% endif %}
+ {% endfor %}
+ </ul>
+ </li>
+ {% else %}
+ <li><a href="{{ l[0] }}">{{ l[1] }}</a></li>
+ {% endif %}
+ {% endfor %}
+ </ul>
+ </div>
+ {% endif %}
- <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
- <input type="hidden" name="cmd" value="_s-xclick">
- <input type="hidden" name="hosted_button_id" value="FN9RZTVRXRD54">
- <input type="image" src="http://kartograph.org/img/donate.png" border="0" name="submit" alt="Donate using PayPal">
- <img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
- </form>
- </div>
+ <div class="k-donate">
+
+ <h3>Donate</h3>
+ <p>If you love Kartograph, consider donating an amount of your choice through <a href="https://www.gittip.com/gka/">Gittip</a> or <a href="https://flattr.com/profile/gka">Flattr</a>.</p>
<div class="k-donate-buttons">
- <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://kartograph.org"></a>
+ <iframe style="border: 0; margin: 0; padding: 0;"
+ src="https://www.gittip.com/gka/widget.html"
+ width="48pt" height="20pt"></iframe> <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://kartograph.org"></a>
<noscript><a href="http://flattr.com/thing/554581/Kartograph-rethinking-mapping" target="_blank">
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
</div>
+
</div>
+ <div class="feedback">
+ <h3>Feedback</h3>
+ <p>I really appreciate your feedback, so feel free to send me comments, questsions etc. <a href="mailto:feedback@kartograph.org">via email</a>.</p>
+ </div>
+
+
</div>
+
<div class="span9">
- {{ content }}
+ {% if page.headline %}
+ <div class="hero-unit"{% if page.headbg %} style="background:url({{page.headbg}})" {% endif %}>
+ <h1>{{ page.headline }}</h1>
+ <p>{{ page.tagline }}</p>
+ </div>
+ {% endif %}
+ <div class="content{% if page.class %} {{ page.class }}{% endif %}">
+ {{ content }}
+ </div>
+ <div class="footer">
+ &copy; Copyright 2012. Created by <a href="http://driven-by-data.net">Gregor Aisch</a>.
+ </div>
</div>
</div>
</div>
View
@@ -0,0 +1,51 @@
+---
+class: docs
+layout: default
+toc: true
+scripts: [[jquery, '/js/jquery.min.js'], [highlightjs, '/js/highlight/highlight.pack.js']]
+styles: ['/js/highlight/styles/github.css']
+---
+
+
+
+{{ content }}
+
+<script type="text/javascript">
+$script.ready('jquery', function() {
+
+ $(function() {
+ var toc = $('.toc');
+ var ul = $('<ul></ul>'),
+ parent = ul;
+
+ toc.append(ul);
+
+ $('.docs h2, .docs h3').each(function(i, el) {
+ var h = $(el),
+ t = h.html(),
+ id = t.toLowerCase().replace(/[\s\.]+/g, '-'),
+ li = $('<li><a href="#'+id+'">'+t+'</a></li>');
+
+ h.append('<a class="headerlink" id="'+id+'" href="#'+id+'">¶</a>');
+ if (el.nodeName.toLowerCase() == 'h2') {
+ // parent = $('<ul></ul>');
+ // li.append(parent);
+ ul.append(li);
+ } else {
+ // parent.append(li);
+ }
+ });
+
+ if (location.hash[0] == '#' && $(location.hash)) {
+ $(location.hash).parent()[0].scrollIntoView();
+ }
+
+ });
+ $script.ready('highlightjs', function() {
+ $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+ });
+});
+
+
+
+</script>
View
@@ -6,7 +6,7 @@
<div class="container">
<div class="row">
<div class="span4" style="margin-top:20px">
- <a href="/showcase/"><img src="/img/logotype.png" alt="Kartograph" /></a>
+ <a href="/#showcase"><img src="/img/logotype.png" alt="Kartograph" /></a>
</div>
<div class="span3 offset5" style="margin-top:30px">
<ul class="pager">
@@ -0,0 +1,5 @@
+This file is placed here by pip to indicate the source was put
+here by pip.
+
+Once this package is successfully installed this source code will be
+deleted (unless you remove this file).
View
177 css/k.css
@@ -1,24 +1,47 @@
-.k-about .tagline {
- font-style: italic;
+
+body {
+ font-family: Georgia, serif;
font-size: 14px;
- margin-left: 55px;
+ line-height: 1.6;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ background-color: white;
+ padding: 30px;
+}
+
+.sidebar {
+ text-align: center;
+}
+
+.sidebar .tagline {
+ font-style: italic;
+ font-size: 15px;
+ text-align: center;
color: #888;
- font-weight: 300;
+ padding: 0 15%;
+}
+
+.sidebar h3 {
+ font-weight: normal;
+ font-size: 24px;
+ line-height: 32px;
+ margin-top: 20px;
}
.nav-tabs.nav-stacked > li > a:hover {
border: none!important;
}
.k-menu ul.nav {
- margin-left: 0;
+ margin: 30px 0;
}
.k-menu ul.nav li {
+ text-align: center;
list-style: none;
font-size: 18px;
line-height: 20px;
- margin-bottom: 1em;
+ margin-bottom: 1ex;
}
.hero-unit h1 {
@@ -29,22 +52,129 @@
margin-left: 0.4em;
}
-.k-intro p, .k-intro li {
+.content i {
+ font-family: Baskerville, Garamond;
+ font-style: italic;
+ font-size: 1.1;
+}
+
+.content p, .content li {
+ font-family: Georgia, serif;
font-size: 15px;
- font-weight: 300;
- line-height: 21px;
- margin-bottom: 1em;
+ line-height: 22px;
+}
+
+pre {
+ background: none;
+ border: none;
+ margin: 20px 0;
+ padding: 0;
+}
+
+pre code {
+ padding: 10px!important;
+ background: #F6f6f6!important;
+}
+
+p > code {
+ color: #000;
+ padding:2px;
+ margin: 0 3px;
+ border: 1px solid #eee;
+}
+
+.content ul, .content ol {
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+
+.content li {
+ margin-bottom: 1ex;
+}
+
+.sidebar p {
+ color: #555;
+ padding: 0 30px;
+ font-family: Georgia, serif;
+ font-size: 12px;
+}
+
+.content h1, .content h2, .content h3,
+.sidebar h3, .sidebar .tagline
+{
+ font-family: Garamond, 'Garamond classico', Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+}
+
+.content.docs h2 {
+ border-bottom: 1px solid #ddd;
+ padding-bottom: 5px;
+}
+
+.content.docs h3 {
+ margin: 30px 0 20px;
+ font-size: 28px;
+}
+
+.toc ul {
+ text-align: center;
+ margin: 0;
+}
+
+.toc a {
+ color: #68a;
+ border-bottom: 1px dotted #68a;
+}
+
+.toc > ul > li > a {
+ border-bottom: 1px solid #68a;
+}
+
+.toc > ul > li {
+ list-style: none;
+ padding: 3px;
+}
+
+.toc li > ul {
+ margin-top: 3px;
+}
+.toc li > ul > li {
+ list-style: none;
+ padding: 2px;
+}
+
+.headerlink {
+ color: #ccc;
+ font-family: Georgia;
+ padding: 0 5px;
+ visibility: hidden;
+}
+
+.headerlink:hover {
+ text-decoration: none;
+ background: #f9f9f9;
+ color: #bbb;
+}
+
+h2:hover .headerlink,
+h3:hover .headerlink {
+ visibility: visible;
}
.nav-tabs.nav-stacked > li > a {
- border: 0;
+ border: 0;
}
-h1, h2 { font-weight: 300; }
-h3 { font-weight: normal; }
-h1 {
- margin: 0 0 0.3em;
+.content h1 {
+ margin: 0 0 0.5em;
+ font-size: 42px;
+ font-weight: normal;
+}
+
+.content h2 {
+ font-size: 30px;
+ margin: 1em 0 0.4em;
+ font-weight: normal;
}
.page-header h1 {
@@ -156,4 +286,21 @@ h1 {
.k-gui .dg .cr.number input[type="text"]:hover,
.k-gui .dg .cr.number input[type="text"]:focus {
color: #eee;
+}
+
+.footer {
+ text-align: right;
+ color: #888;
+ font-size: 13px;
+}
+
+.footer a {
+ color: #888;
+ border-bottom: 1px dotted #888;
+}
+
+.footer a:hover {
+ text-decoration: none;
+ border-bottom: 1px solid #555;
+ color: #555;
}
Oops, something went wrong.

0 comments on commit 8b4992d

Please sign in to comment.