Skip to content

Commit

Permalink
Update styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@maban
maban committed Dec 17, 2013
1 parent 3609e0f commit 17b1384
Show file tree
Hide file tree
Showing 18 changed files with 675 additions and 529 deletions.
16 changes: 15 additions & 1 deletion _includes/foot.html
View file
@@ -1,2 +1,16 @@
</body>
<footer class="global-footer">
<p>Created as part of a Github Pages and Jekyll tutorial on <a href="http://24ways.org/">24 Ways</a>.</p>
<small>All recipes and images licenced under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution/Share-Alike License</a>.</small>
<small>Background image from <a href="http://subtlepatterns.com/">Subtle Patterns</a>. Mountains of Christmas font from <a href="http://www.fontsquirrel.com/fonts/mountains-of-christmas">Font Squirrel</a>.</small>

</footer>

</div>

<span class="snowman"></span>

<span class="snow-layer"></span>

</body>

</html>
12 changes: 10 additions & 2 deletions _includes/head.html
View file
@@ -1,8 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en-gb">

<head>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow"><!-- Since this is a demo site, I don't want search engines to index it. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css" >
</head>
<body>

<body>

<span class="snow-icicles"></span>

<div class="container">
6 changes: 1 addition & 5 deletions _layouts/home.html
View file
@@ -1,8 +1,6 @@
{% include head.html %}

<div class="container">

<h1>{{ page.title }}</h1>
<h1 class="title-site">{{ page.title }}</h1>

{{ content }}

Expand All @@ -23,7 +21,5 @@ <h2>{{ p.title }}</h2>
{% endfor %}
</ul>
</nav>

</div>

{% include foot.html %}
30 changes: 18 additions & 12 deletions _layouts/recipe.html
View file
@@ -1,21 +1,27 @@
{% include head.html %}



<main role="main">

<h1>{{ page.title }}</h1>

<div class="img-wrapper">
<img src="{{ page.image }}" />
</div>

{{ content }}

<main role="main">

<h1>{{ page.title }}</h1>

<div class="img-wrapper">
<img src="{{ page.image }}" />
</div>

{{ content }}

<p class="attribution">Recipe by <a href="{{ page.recipe-attribution-link }}">{{ page.recipe-attribution }}</a>. Photo by <a href="{{ page.image-attribution-link }}">{{ page.image-attribution }}</a>.</p>

<p>Recipe by <a href="{{ page.recipe-attribution-link }}">{{ page.recipe-attribution }}</a>.</p>
</main>

<p>Photo by <a href="{{ page.image-attribution-link }}">{{ page.image-attribution }}</a>.</p>
{% include nav.html %}



</main>

{% include nav.html %}

{% include foot.html %}
132 changes: 114 additions & 18 deletions _site/gingerbread.html
View file
@@ -1,21 +1,33 @@
<!DOCTYPE html>
<html>
<html lang="en-gb">

<head>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow"><!-- Since this is a demo site, I don't want search engines to index it. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gingerbread</title>
<link rel="stylesheet" href="/christmas-recipes/css/main.css" >
</head>

<body>

<span class="snow-icicles"></span>

<div class="container">



<main>

<h1>Gingerbread</h1>

<div class="img-wrapper">
<img src="http://farm4.staticflickr.com/3121/3117777526_6399dc0e08_q.jpg" />
</div>

<p>Makes about 15 small cookies.</p>

<main role="main">

<h1>Gingerbread</h1>

<div class="img-wrapper">
<img src="http://farm4.staticflickr.com/3121/3117777526_6399dc0e08_q.jpg" />
</div>

<p>Makes about 15 small cookies.</p>

<h2>Ingredients</h2>

Expand Down Expand Up @@ -43,26 +55,110 @@ <h2>Method</h2>
<li>Transfer the cookies to a tray and bake in the oven for 15 minutes. Lightly dust the cookies with icing sugar.</li>
</ol>


<p class="attribution">Recipe by <a href="http://www.opensourcefood.com/people/HungryJenny/recipes/soft-christmas-gingerbread-cookies">HungryJenny</a>. Photo by <a href="http://www.flickr.com/photos/dsoltesz/3117777526/">Deborah Lee Soltesz</a>.</p>

<p>Recipe by <a href="http://www.opensourcefood.com/people/HungryJenny/recipes/soft-christmas-gingerbread-cookies">HungryJenny</a>.</p>
</main>

<p>Photo by <a href="http://www.flickr.com/photos/dsoltesz/3117777526/">Deborah Lee Soltesz</a>.</p>

</main>

<nav class="nav-primary" role="navigation" >
<nav class="nav-primary">
<ul>

<li>
<a href="/christmas-recipes/">
Home
</a>
</li>


<li>
<a class="active" href="/christmas-recipes/gingerbread.html">Gingerbread</a>
<a href="/christmas-recipes/brandy-butter.html">
<div class="img-wrapper">
<img src="http://farm3.staticflickr.com/2157/2133911076_1bc7193739_q.jpg" />
</div>
Brandy Butter
</a>
</li>



<li>
<a href="/christmas-recipes/index.html">Home</a>
<a href="/christmas-recipes/christmas-pudding.html">
<div class="img-wrapper">
<img src="http://farm9.staticflickr.com/8354/8369364904_8254eda512_q.jpg" />
</div>
Christmas Pudding
</a>
</li>



<li>
<a class="active" href="/christmas-recipes/gingerbread.html">
<div class="img-wrapper">
<img src="http://farm4.staticflickr.com/3121/3117777526_6399dc0e08_q.jpg" />
</div>
Gingerbread
</a>
</li>






<li>
<a href="/christmas-recipes/mince-pies.html">
<div class="img-wrapper">
<img src="http://farm1.staticflickr.com/155/346461113_8852803073_q.jpg" />
</div>
Mince Pies
</a>
</li>



<li>
<a href="/christmas-recipes/mincemeat.html">
<div class="img-wrapper">
<img src="http://farm6.staticflickr.com/5503/11036090333_bc048afa11_q.jpg" />
</div>
Mincemeat
</a>
</li>



<li>
<a href="/christmas-recipes/shortcrust-pastry.html">
<div class="img-wrapper">
<img src="http://farm5.staticflickr.com/4060/4441228033_c5db8a4b8c_q.jpg" />
</div>
Shortcrust pastry
</a>
</li>


</ul>

</nav>





<footer class="global-footer">
<p>Created as part of a Github Pages and Jekyll tutorial on <a href="http://24ways.org/">24 Ways</a>.</p>
<small>All recipes and images licenced under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution/Share-Alike License</a>.</small>
<small>Background image from <a href="http://subtlepatterns.com/">Subtle Patterns</a>. Mountains of Christmas font from <a href="http://www.fontsquirrel.com/fonts/mountains-of-christmas">Font Squirrel</a>.</small>

</footer>

</div>

<span class="snowman"></span>

<span class="snow-layer"></span>

</body>

</body>
</html>
118 changes: 100 additions & 18 deletions _site/index.html
View file
@@ -1,30 +1,112 @@
<!DOCTYPE html>
<html>
<html lang="en-gb">

<head>
<meta charset="utf-8">
<title>Home</title>
<meta name="robots" content="noindex, nofollow"><!-- Since this is a demo site, I don't want search engines to index it. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Christmas Recipes</title>
<link rel="stylesheet" href="/christmas-recipes/css/main.css" >
</head>

<body>

<h1>Home</h1>
<span class="snow-icicles"></span>

<div class="container">

<h1 class="title-site">Christmas Recipes</h1>


<p>Is this thing on?</p>

<nav class="grid">
<ul>


<li>
<a href="/christmas-recipes/brandy-butter.html">
<div class="img-wrapper">
<img src="http://farm3.staticflickr.com/2157/2133911076_1bc7193739_q.jpg" />
</div>
<h2>Brandy Butter</h2>
</a>
</li>



<li>
<a href="/christmas-recipes/christmas-pudding.html">
<div class="img-wrapper">
<img src="http://farm9.staticflickr.com/8354/8369364904_8254eda512_q.jpg" />
</div>
<h2>Christmas Pudding</h2>
</a>
</li>



<li>
<a href="/christmas-recipes/gingerbread.html">
<div class="img-wrapper">
<img src="http://farm4.staticflickr.com/3121/3117777526_6399dc0e08_q.jpg" />
</div>
<h2>Gingerbread</h2>
</a>
</li>






<li>
<a href="/christmas-recipes/mince-pies.html">
<div class="img-wrapper">
<img src="http://farm1.staticflickr.com/155/346461113_8852803073_q.jpg" />
</div>
<h2>Mince Pies</h2>
</a>
</li>



<li>
<a href="/christmas-recipes/mincemeat.html">
<div class="img-wrapper">
<img src="http://farm6.staticflickr.com/5503/11036090333_bc048afa11_q.jpg" />
</div>
<h2>Mincemeat</h2>
</a>
</li>



<li>
<a href="/christmas-recipes/shortcrust-pastry.html">
<div class="img-wrapper">
<img src="http://farm5.staticflickr.com/4060/4441228033_c5db8a4b8c_q.jpg" />
</div>
<h2>Shortcrust pastry</h2>
</a>
</li>


</ul>
</nav>

<footer class="global-footer">
<p>Created as part of a Github Pages and Jekyll tutorial on <a href="http://24ways.org/">24 Ways</a>.</p>
<small>All recipes and images licenced under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution/Share-Alike License</a>.</small>
<small>Background image from <a href="http://subtlepatterns.com/">Subtle Patterns</a>. Mountains of Christmas font from <a href="http://www.fontsquirrel.com/fonts/mountains-of-christmas">Font Squirrel</a>.</small>

</footer>

</div>

<span class="snowman"></span>

<span class="snow-layer"></span>

<nav class="nav-primary" role="navigation" >
<ul>

<li>
<a href="/christmas-recipes/gingerbread.html">Gingerbread</a>
</li>

<li>
<a class="active" href="/christmas-recipes/index.html">Home</a>
</li>

</ul>
</nav>
</body>

</body>
</html>

0 comments on commit 17b1384

Please sign in to comment.