Skip to content

Commit 0896949

Browse files
orderedlistorderedlist
committed
Basic responsive nodegit design in place
1 parent 290a431 commit 0896949

File tree

19 files changed

+799
-625
lines changed

19 files changed

+799
-625
lines changed

‎_config.yml‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,15 @@
11
# Site settings
22
title: NodeGit
33
description: Asynchronous native Node bindings to libgit2
4-
url: "http://nodegit.org" # the base hostname & protocol for your site
4+
url: "http://nodegit.org"
55
date_format: "ordinal"
6+
current_nodegit_version: 0.3.0
7+
other_nodegit_versions:
8+
- HEAD
9+
- 0.2.7
610

711
# Build settings
8-
markdown: kramdown
12+
markdown: redcarpet
913
highlighter: pygments
14+
permalink: pretty
15+
exclude: ["node_modules","generate","package.json","README.md"]

‎_includes/footer.html‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,7 @@
22

33
<div class="wrapper">
44

5-
<h2 class="footer-heading">{{ site.title }}</h2>
65

7-
<div class="footer-col-wrapper">
8-
<div class="footer-col footer-col-1">
9-
<ul class="contact-list">
10-
<li>{{ site.title }}</li>
11-
</ul>
12-
</div>
13-
14-
<div class="footer-col footer-col-2">
15-
16-
</div>
17-
18-
<div class="footer-col footer-col-3">
19-
<p class="text">{{ site.description }}</p>
20-
</div>
21-
</div>
226

237
</div>
248

‎_includes/head.html‎

Lines changed: 45 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,56 @@
11
<head>
22
<meta charset="utf-8">
33
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4-
<meta name="viewport" content="width=device-width initial-scale=1">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
55

66
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
77
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
88

99
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
1010
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
1111
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
13+
<script src="/js/sticky.js"></script>
14+
<script>
15+
var headlines = [];
16+
$(function() {
17+
$(".outline").stick_in_parent({offset_top:30});
18+
$('a[name]').each(function() {
19+
headlines.push({el: $(this), top:$(this).offset().top});
20+
});
21+
22+
var selectHeadline = function() {
23+
if (headlines.length) {
24+
var top = $(window).scrollTop();
25+
var headline = headlines[0].el;
26+
for(var i=0;i<headlines.length;i++) {
27+
if (headlines[i].top <= top + 30) {
28+
headline = headlines[i].el;
29+
}
30+
}
31+
32+
var el = $("a[href='#" + headline.attr('name') + "']");
33+
if (!el.hasClass('selected')) {
34+
$('a[href^=#].selected').removeClass('selected');
35+
el.addClass('selected');
36+
}
37+
}
38+
}
39+
40+
$(window).on('scroll', selectHeadline);
41+
selectHeadline();
42+
});
43+
44+
$(document).on('click', 'a[href^=#]', function(e) {
45+
var tag = $(e.currentTarget).attr('href').replace(/^#/, '');
46+
var el = $("a[name='" + tag + "']");
47+
$('html,body').animate({scrollTop: el.offset().top-30});
48+
return false;
49+
});
50+
51+
$(document).on('click', '.hamburger', function() {
52+
$('.hamburger, nav').toggleClass('open');
53+
})
54+
</script>
55+
1256
</head>

‎_includes/header.html‎

Lines changed: 43 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -2,26 +2,51 @@
22

33
<div class="wrapper">
44

5-
<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
6-
7-
<nav class="site-nav">
8-
<a href="#" class="menu-icon">
9-
<svg viewBox="0 0 18 15">
10-
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
11-
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
12-
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
13-
</svg>
14-
</a>
15-
16-
<div class="trigger">
17-
{% for page in site.pages %}
18-
{% if page.title %}
19-
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
20-
{% endif %}
21-
{% endfor %}
5+
<div class="site-info">
6+
<h1><a class="site-title" href="{{ site.baseurl }}/"><img src="/img/nodegit.svg" alt="{{ site.title }}" /></a></h1>
7+
<div class="hamburger"></div>
8+
<div class="version dropdown">
9+
{% if page.nodegit_version %}
10+
{{ page.nodegit_version }}
11+
{% else %}
12+
<span>Latest release:</span> {{ site.current_nodegit_version }}
13+
{% endif %}
2214
</div>
15+
<ul class="version-menu">
16+
<li><a href="{{ site.baseurl }}/"><span>Latest release:</span> {{ site.current_nodegit_version }}</a></li>
17+
{% for version in site.other_nodegit_versions %}
18+
<li><a href="{{ site.baseurl }}/{{version}}/">{{ version }}</a></li>
19+
{% endfor %}
20+
</ul>
21+
</div>
22+
23+
<nav>
24+
<ul>
25+
<li{% if page.menu_item == 'getting_started' %} class="active"{% endif %}><a href="{{ site.baseurl }}/{% if page.nodegit_version %}{{ page.nodegit_version }}/{% endif %}">Getting Started</a></li>
26+
<li><a href="{{ site.baseurl }}/{% if page.nodegit_version %}{{ page.nodegit_version }}/{% endif %}guides/">Guides</a></li>
27+
<li><a href="{{ site.baseurl }}/{% if page.nodegit_version %}{{ page.nodegit_version }}/{% endif %}api/">API Documentation</a></li>
28+
<li><a href="https://github.com/nodegit/nodegit/{% if page.nodegit_version %}tree/{{ page.nodegit_version }}/{% endif %}">Source</a></li>
29+
<li><a href="{{ site.baseurl }}/blog/">Blog</a></li>
30+
</ul>
2331
</nav>
2432

2533
</div>
26-
2734
</header>
35+
36+
<div class="banner">
37+
{% if page.url == '/' %}
38+
<div class="wrapper hero">
39+
<h2>{{ site.description}}</h2>
40+
<div class="buttons">
41+
<a href="{{ site.baseurl }}/guides/">Read the NodeGit Guides</a>
42+
<a href="https://github.com/nodegit/nodegit" class="secondary">Fork on GitHub</a>
43+
</div>
44+
<p>Latest release: {{ site.current_nodegit_version }} &mdash; <a href="{{ site.baseurl }}/changelog/">Changelog</a></p>
45+
</div>
46+
{% else %}
47+
<div class="wrapper">
48+
<h2>{{ page.title }}</h2>
49+
<p>{{ page.description }}</p>
50+
</div>
51+
{% endif %}
52+
</div>

‎_layouts/default.html‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,16 @@
99

1010
<div class="page-content">
1111
<div class="wrapper">
12-
{{ content }}
12+
<div class="outline">
13+
<ul>
14+
{% for section_hash in page.sections %}
15+
<li><a href="{{section_hash[1]}}">{{section_hash[0]}}</a></li>
16+
{% endfor %}
17+
</ul>
18+
</div>
19+
<div class="main">
20+
{{ content }}
21+
</div>
1322
</div>
1423
</div>
1524

‎_sass/_base.scss‎

Lines changed: 0 additions & 204 deletions
This file was deleted.

0 commit comments

Comments
 (0)