Skip to content

Commit 2e84eaa

Browse files
mdomdo
committed
Merge branch 'master' into gh-pages
2 parents 5840688 + 24dd32c commit 2e84eaa

File tree

10 files changed

+533
-135
lines changed

10 files changed

+533
-135
lines changed

‎404.html

+57
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
3+
<head>
4+
<meta http-equiv="content-type" content="text/html; charset=utf-8">
5+
<meta name="viewport" content="width=device-width; initial-scale=1.0, maximum-scale=1">
6+
<link href="http://gmpg.org/xfn/11" rel="profile">
7+
8+
<title>
9+
Hyde, a Jekyll theme
10+
</title>
11+
12+
<!-- CSS -->
13+
<link rel="stylesheet" href="/public/css/hyde.css">
14+
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700|Abril+Fatface">
15+
16+
<!-- Icons -->
17+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/public/touch-icon-144-precomposed.png">
18+
<link rel="shortcut icon" href="/public/favicon.png">
19+
20+
<!-- RSS -->
21+
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
22+
</head>
23+
<body>
24+
25+
<header class="masthead">
26+
<div class="masthead-inner">
27+
<h1>Hyde</h1>
28+
<p class="lead">An elegant open source and mobile first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="https://twitter.com/mdo" target="_blank">@mdo</a>.</p>
29+
30+
<div class="colophon">
31+
<ul class="colophon-links">
32+
<li>
33+
<a href="https://github.com/mdo/hyde/archive/v1.0.0.zip">Download</a>
34+
</li>
35+
<li>
36+
<a href="https://github.com/mdo/hyde">GitHub project</a>
37+
</li>
38+
<li>Currently v1.1</li>
39+
</ul>
40+
<p>&copy; 2013. All rights reserved.</p>
41+
</div>
42+
43+
</div>
44+
</header>
45+
46+
<div class="content container">
47+
<div class="fourohfour">
48+
<h1>404: Page not found</h1>
49+
<p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="/">Visit the home page</a> to see if you can find it manually. Thanks!</p>
50+
<hr>
51+
<h3>Heads up!</h3>
52+
<p>This is a basic 404 page for use with GitHub Pages. It's source code is not generated by Jekyll.</p>
53+
<div>
54+
</div>
55+
56+
</body>
57+
</html>

‎README.md

+80-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,87 @@
11
# [Hyde](http://andhyde.com)
22

3-
An elegant open source, mobile-first theme for [Jekyll](https://github.com/mojombo/jekyll). It includes lightweight styles and placeholder content to get you up and running with a simple blog in no time.
3+
An elegant open source, mobile first theme for [Jekyll](https://github.com/mojombo/jekyll). It includes lightweight styles and placeholder content to get you up and running with a simple blog in no time.
44

55
![Hyde screenshot](https://f.cloud.github.com/assets/98681/1330948/de10196c-353f-11e3-86d0-8e967dd95722.png)
66

7+
8+
## Usage
9+
10+
### 1. Install Jekyll
11+
12+
Hyde is built for use with Jekyll, so naturally you'll need to install that. On Macs, it's rather straightforward:
13+
14+
```bash
15+
$ gem install jekyll
16+
```
17+
18+
**Windows users:** Windows users have a bit more work to do, but luckily [@juthilo](https://github.com/juthilo) has your back with his [Run Jekyll on Windows](https://github.com/juthilo/run-jekyll-on-windows) guide.
19+
20+
You may also need to install Pygments, the Python syntax highlighter for code snippets that places nicely with Jekyll. Read more about this [in the Jekyll docs](http://jekyllrb.com/docs/templates/#code_snippet_highlighting).
21+
22+
### 2a. Quick start
23+
24+
To help anyone with any level of familiarity with Jekyll quickly get started, Hyde includes everything you need for a basic Jekyll site. To that end, just download Hyde and start up Jekyll.
25+
26+
### 2b. Roll your own Jekyll site
27+
28+
Folks wishing to use Jekyll's templates and styles can do so with a little bit of manual labor. Download Hyde and then copy what you need (likely `_layouts/`, `*.html` files, `atom.xml` for RSS, and `public/` for CSS, JS, etc.).
29+
30+
### 3. Running locally
31+
32+
To see your Jekyll site with Hyde applied, start a Jekyll server. In Terminal, from `/hyde` (or whatever your Jekyll site's root directory is named):
33+
34+
```bash
35+
$ jekyll serve
36+
```
37+
38+
Open <http://localhost:4000> in your browser, and voilà. You're done.
39+
40+
41+
## Options
42+
43+
Hyde includes a few options, typically applied via classes on the `<body>` element.
44+
45+
### Themes
46+
47+
As of v1.1, Hyde ships with optional themes based on the [base16 color scheme](https://github.com/chriskempson/base16). In Hyde, a theme simply changes the sidebar's background color and the color of links within blog posts. Here's the red theme in action:
48+
49+
![Hyde in red](https://f.cloud.github.com/assets/98681/1817043/e59dc31a-6f68-11e3-9d90-2508314934df.png)
50+
51+
There are eight themes available at this time.
52+
53+
![Hyde theme classes](https://f.cloud.github.com/assets/98681/1817044/e5b0ec06-6f68-11e3-83d7-acd1942797a1.png)
54+
55+
To use a theme, add anyone of the available theme classes to the `<body>` element like so:
56+
57+
```html
58+
<body class="theme-base-08">
59+
...
60+
</body>
61+
```
62+
63+
To create your own theme, look to the Themes section of [Hyde's CSS](/mdo/hyde/blob/master/public/css/hyde.css). Copy any existing theme (they're only a few lines of CSS), rename it, and change the provided colors.
64+
65+
### Reverse layout
66+
67+
Hyde's page orientation can be reversed with a single class.
68+
69+
```html
70+
<body class="layout-reverse">
71+
...
72+
</body>
73+
```
74+
75+
76+
## Author
77+
78+
**Mark Otto**
79+
<https://github.com/mdo>
80+
<https://twitter.com/mdo>
81+
82+
83+
## License
84+
785
Open sourced under the [MIT license](LICENSE.md).
886

9-
<3
87+
<3

‎_config.yml

+9-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
1+
title: Hyde
2+
tagline: 'Hyde, a Jekyll theme'
3+
description: 'An elegant open source and mobile first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="https://twitter.com/mdo" target="_blank">@mdo</a>.'
4+
url: http://andhyde.com
5+
version: 1.1.0
6+
author:
7+
name: ''
8+
email: ''
19
markdown: rdiscount
210
permalink: pretty
311
pygments: true
4-
paginate: 5
12+
paginate: 5

‎_includes/head.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<head>
2+
<meta http-equiv="content-type" content="text/html; charset=utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
4+
<link href="http://gmpg.org/xfn/11" rel="profile">
5+
6+
<title>
7+
{% if page.title %}{{ page.title }} &middot; {% endif %}
8+
{{ site.tagline }}
9+
</title>
10+
11+
<!-- CSS -->
12+
<link rel="stylesheet" href="/public/css/hyde.css">
13+
<link rel="stylesheet" href="/public/css/syntax.css">
14+
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700|Abril+Fatface">
15+
16+
<!-- Icons -->
17+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/public/touch-icon-144-precomposed.png">
18+
<link rel="shortcut icon" href="/public/favicon.png">
19+
20+
<!-- RSS -->
21+
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
22+
</head>

‎_layouts/default.html

+7-27
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,27 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
3-
<head>
4-
<meta http-equiv="content-type" content="text/html; charset=utf-8">
5-
<meta name="viewport" content="width=device-width; initial-scale=1.0, maximum-scale=1">
6-
<link href="/public/favicon.ico" rel="shortcut icon" type="image/x-icon">
7-
<link href="http://gmpg.org/xfn/11" rel="profile">
83

9-
<title>
10-
{% if page.title %}{{ page.title }} &middot; {% endif %}
11-
Hyde, a Jekyll theme
12-
</title>
4+
{% include head.html %}
135

14-
<!-- CSS -->
15-
<link rel="stylesheet" href="/public/css/hyde.css">
16-
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700|Abril+Fatface">
17-
18-
<!-- Icons -->
19-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/public/touch-icon-144-precomposed.png">
20-
<link rel="shortcut icon" href="/public/favicon.png">
21-
22-
<!-- RSS -->
23-
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
24-
</head>
256
<body>
267

278
<header class="masthead">
289
<div class="masthead-inner">
29-
<h1>Hyde</h1>
30-
<p class="lead">An elegant open source and mobile first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="https://twitter.com/mdo" target="_blank">@mdo</a>.</p>
10+
<h1>{{ site.title }}</h1>
11+
<p class="lead">{{ site.description }}</p>
3112

3213
<div class="colophon">
3314
<ul class="colophon-links">
3415
<li>
35-
<a href="https://github.com/mdo/hyde/archive/v1.0.0.zip">Download</a>
16+
<a href="https://github.com/mdo/hyde/archive/v{{ site.version }}.zip">Download</a>
3617
</li>
3718
<li>
3819
<a href="https://github.com/mdo/hyde">GitHub project</a>
3920
</li>
40-
<li>Currently v1.0</li>
21+
<li>Currently v{{ site.version }}</li>
4122
</ul>
42-
<p>&copy; 2013. All rights reserved.</p>
23+
<p>&copy; 2013. {{ site.author.name }} All rights reserved.</p>
4324
</div>
44-
4525
</div>
4626
</header>
4727

@@ -75,4 +55,4 @@ <h1>Hyde</h1>
7555
</script>
7656

7757
</body>
78-
</html>
58+
</html>

‎_layouts/post.html

+9-5
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,16 @@ <h1>{{ page.title }}</h1>
1010

1111
<div class="related">
1212
<h2>Related Posts</h2>
13-
<ul class="posts">
13+
<ul class="related-posts">
1414
{% for post in site.related_posts limit:3 %}
15-
<h3><a href="{{ post.url }}">
16-
{{ post.title }}
17-
<small>{{ post.date | date_to_string }}</small>
18-
</a></h3>
15+
<li>
16+
<h3>
17+
<a href="{{ post.url }}">
18+
{{ post.title }}
19+
<small>{{ post.date | date_to_string }}</small>
20+
</a>
21+
</h3>
22+
</li>
1923
{% endfor %}
2024
</ul>
2125
</div>

‎_posts/2012-02-07-example-content.md

+10-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,16 @@ Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis moll
2121

2222
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
2323

24-
Example code block
24+
{% highlight js %}
25+
// Example can be run directly in your JavaScript console
26+
27+
// Create a function that takes two arguments and returns the sum of those arguments
28+
var adder = new Function("a", "b", "return a + b");
29+
30+
// Call the function
31+
adder(2, 6);
32+
// > 8
33+
{% endhighlight %}
2534

2635
Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.
2736

‎atom.xml

+9-9
Original file line numberDiff line numberDiff line change
@@ -5,24 +5,24 @@ layout: nil
55
<?xml version="1.0" encoding="utf-8"?>
66
<feed xmlns="http://www.w3.org/2005/Atom">
77

8-
<title>Mark Otto</title>
9-
<link href="http://www.markdotto.com/atom.xml" rel="self"/>
10-
<link href="http://www.markdotto.com/"/>
8+
<title>{{ site.title }}</title>
9+
<link href="{{ site.url }}/atom.xml" rel="self"/>
10+
<link href="{{ site.url }}/"/>
1111
<updated>{{ site.time | date_to_xmlschema }}</updated>
12-
<id>http://www.markdotto.com/</id>
12+
<id>{{ site.url }}</id>
1313
<author>
14-
<name>Mark Otto</name>
15-
<email>[email protected]</email>
14+
<name>{{ site.author.name }}</name>
15+
<email>{{ site.author.email }}</email>
1616
</author>
1717

1818
{% for post in site.posts %}
1919
<entry>
2020
<title>{{ post.title }}</title>
21-
<link href="http://www.markdotto.com{{ post.url }}"/>
21+
<link href="{{ site.url }}{{ post.url }}"/>
2222
<updated>{{ post.date | date_to_xmlschema }}</updated>
23-
<id>http://www.markdotto.com{{ post.id }}</id>
23+
<id>{{ site.url }}{{ post.id }}</id>
2424
<content type="html">{{ post.content | xml_escape }}</content>
2525
</entry>
2626
{% endfor %}
2727

28-
</feed>
28+
</feed>

0 commit comments

Comments
 (0)