Skip to content

Commit

Permalink
turn that masthead on it's side
Browse files Browse the repository at this point in the history
  • Loading branch information
mdo committed Feb 7, 2013
1 parent b96d7c6 commit f08496f
Show file tree
Hide file tree
Showing 12 changed files with 360 additions and 207 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# and Hyde
# Hyde

Jekyll is a powerful static site generator--**and Hyde** is a simple little theme for it.

Expand Down
35 changes: 19 additions & 16 deletions _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,26 +28,29 @@
<body>

<header class="masthead">
<h1>And Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>
<div class="masthead-inner">
<h1>Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>

<div class="colophon">
<ul class="colophon-links">
<li>
<a href="#">Download</a>
</li>
<li>
<a href="#">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</div>

</div>
</header>

<div class="container">
<div class="content container">
{{ content }}
</div>

<footer class="colophon">
<ul class="colophon-links">
<li>
<a href="">Download</a>
</li>
<li>
<a href="">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</footer>

</body>
</html>
2 changes: 1 addition & 1 deletion _posts/2012-02-06-hello-world.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,6 @@ layout: post
title: Hello, world!
---

Welcome to And Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.
Welcome to Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.

Thanks!
12 changes: 12 additions & 0 deletions _posts/2012-02-06-whats-jekyll.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
---
layout: post
title: What's Jekyll?
---

[Jekyll]() is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From [the project's readme]():

> Jekyll is a simple, blog aware, static site generator. It takes a template directory [...] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub.
It's an immensely useful tool and one we encourage you to use here with Hyde.

Find out more by [visiting the project on GitHub]().
42 changes: 25 additions & 17 deletions _site/2012/02/06/hello-world/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,15 +28,31 @@
<body>

<header class="masthead">
<h1>And Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>
<div class="masthead-inner">
<h1>Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>

<div class="colophon">
<ul class="colophon-links">
<li>
<a href="#">Download</a>
</li>
<li>
<a href="#">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</div>

</div>
</header>

<div class="container">
<div class="content container">
<div class="post">
<h1>Hello, world!</h1>
<span class="post-date">06 Feb 2012</span>
<p>Welcome to And Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.</p>
<p>Welcome to Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.</p>

<p>Thanks!</p>

Expand All @@ -46,23 +62,15 @@ <h1>Hello, world!</h1>
<h2>Related Posts</h2>
<ul class="posts">

<h3><a href="/2012/02/06/whats-jekyll/">
What's Jekyll?
<small>06 Feb 2012</small>
</a></h3>

</ul>
</div>

</div>

<footer class="colophon">
<ul class="colophon-links">
<li>
<a href="">Download</a>
</li>
<li>
<a href="">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</footer>

</body>
</html>
80 changes: 80 additions & 0 deletions _site/2012/02/06/whats-jekyll/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!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">
<meta name="viewport" content="width=device-width; initial-scale=1.0, maximum-scale=1">
<link href="/public/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="http://gmpg.org/xfn/11" rel="profile">

<title>
What's Jekyll? &middot;
And Hyde, a Jekyll theme
</title>

<!-- CSS -->
<link rel="stylesheet" href="/public/css/and-hyde.css" type="text/css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700|Abril+Fatface" type="text/css">


<!-- Twitter Cards -->
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@mdo">
<meta name="twitter:title" content="What's Jekyll?">
<meta name="twitter:description" content="">
<meta name="twitter:url" content="http://markdotto.com/2012/02/06/whats-jekyll/">


</head>
<body>

<header class="masthead">
<div class="masthead-inner">
<h1>Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>

<div class="colophon">
<ul class="colophon-links">
<li>
<a href="#">Download</a>
</li>
<li>
<a href="#">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</div>

</div>
</header>

<div class="content container">
<div class="post">
<h1>What's Jekyll?</h1>
<span class="post-date">06 Feb 2012</span>
<p><a href="">Jekyll</a> is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From <a href="">the project's readme</a>:</p>

<blockquote><p>Jekyll is a simple, blog aware, static site generator. It takes a template directory [...] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub.</p></blockquote>

<p>It's an immensely useful tool and one we encourage you to use here with Hyde.</p>

<p>Find out more by <a href="">visiting the project on GitHub</a>.</p>

</div>

<div class="related">
<h2>Related Posts</h2>
<ul class="posts">

<h3><a href="/2012/02/06/hello-world/">
Hello, world!
<small>06 Feb 2012</small>
</a></h3>

</ul>
</div>

</div>

</body>
</html>
2 changes: 1 addition & 1 deletion _site/README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# and Hyde
# Hyde

Jekyll is a powerful static site generator--**and Hyde** is a simple little theme for it.

Expand Down
35 changes: 19 additions & 16 deletions _site/about/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,11 +28,27 @@
<body>

<header class="masthead">
<h1>And Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>
<div class="masthead-inner">
<h1>Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>

<div class="colophon">
<ul class="colophon-links">
<li>
<a href="#">Download</a>
</li>
<li>
<a href="#">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</div>

</div>
</header>

<div class="container">
<div class="content container">
<div class="page">

<h1 class="page-title">About</h1>
Expand All @@ -59,18 +75,5 @@ <h2>About the site</h2>

</div>

<footer class="colophon">
<ul class="colophon-links">
<li>
<a href="">Download</a>
</li>
<li>
<a href="">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</footer>

</body>
</html>
19 changes: 17 additions & 2 deletions _site/atom.xml
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,35 @@
<title>Mark Otto</title>
<link href="http://www.markdotto.com/atom.xml" rel="self"/>
<link href="http://www.markdotto.com/"/>
<updated>2013-02-07T00:09:23-08:00</updated>
<updated>2013-02-07T01:52:29-08:00</updated>
<id>http://www.markdotto.com/</id>
<author>
<name>Mark Otto</name>
<email>[email protected]</email>
</author>


<entry>
<title>What's Jekyll?</title>
<link href="http://www.markdotto.com/2012/02/06/whats-jekyll/"/>
<updated>2012-02-06T00:00:00-08:00</updated>
<id>http://www.markdotto.com/2012/02/06/whats-jekyll</id>
<content type="html">&lt;p&gt;&lt;a href=&quot;&quot;&gt;Jekyll&lt;/a&gt; is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From &lt;a href=&quot;&quot;&gt;the project's readme&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Jekyll is a simple, blog aware, static site generator. It takes a template directory [...] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub.&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;It's an immensely useful tool and one we encourage you to use here with Hyde.&lt;/p&gt;

&lt;p&gt;Find out more by &lt;a href=&quot;&quot;&gt;visiting the project on GitHub&lt;/a&gt;.&lt;/p&gt;
</content>
</entry>

<entry>
<title>Hello, world!</title>
<link href="http://www.markdotto.com/2012/02/06/hello-world/"/>
<updated>2012-02-06T00:00:00-08:00</updated>
<id>http://www.markdotto.com/2012/02/06/hello-world</id>
<content type="html">&lt;p&gt;Welcome to And Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.&lt;/p&gt;
<content type="html">&lt;p&gt;Welcome to Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.&lt;/p&gt;

&lt;p&gt;Thanks!&lt;/p&gt;
</content>
Expand Down
56 changes: 39 additions & 17 deletions _site/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,48 @@
<body>

<header class="masthead">
<h1>And Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>
<div class="masthead-inner">
<h1>Hyde</h1>
<p>An elegant open-source and mobile-first theme for <a href="http://jekyllrb.com" target="_blank">Jekyll</a>. Made by <a href="http://markdotto.com" target="_blank">@mdo</a>.</p>

<div class="colophon">
<ul class="colophon-links">
<li>
<a href="#">Download</a>
</li>
<li>
<a href="#">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</div>

</div>
</header>

<div class="container">
<div class="content container">
<div class="posts">

<div class="post">
<h1>
<a href="/2012/02/06/whats-jekyll/">
What's Jekyll?
</a>
</h1>

<span class="post-date">06 Feb 2012</span>

<p><a href="">Jekyll</a> is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From <a href="">the project's readme</a>:</p>

<blockquote><p>Jekyll is a simple, blog aware, static site generator. It takes a template directory [...] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your project’s page or blog right here from GitHub.</p></blockquote>

<p>It's an immensely useful tool and one we encourage you to use here with Hyde.</p>

<p>Find out more by <a href="">visiting the project on GitHub</a>.</p>

</div>

<div class="post">
<h1>
<a href="/2012/02/06/hello-world/">
Expand All @@ -37,7 +72,7 @@ <h1>

<span class="post-date">06 Feb 2012</span>

<p>Welcome to And Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.</p>
<p>Welcome to Hyde, the perfect companion to Jekyll, the popular static site generator. Learn more about Jekyll and Hyde by visiting the GitHub project.</p>

<p>Thanks!</p>

Expand All @@ -56,18 +91,5 @@ <h1>
</div>
</div>

<footer class="colophon">
<ul class="colophon-links">
<li>
<a href="">Download</a>
</li>
<li>
<a href="">GitHub project</a>
</li>
<li>Currently v1.0</li>
</ul>
<p>&copy; 2013. All rights reserved.</p>
</footer>

</body>
</html>
Loading

0 comments on commit f08496f

Please sign in to comment.