From f495f678e5e0c7676c11274aa2c6e10e4f018a5c Mon Sep 17 00:00:00 2001
From: rubenwardy <rubenwardy@gmail.com>
Date: Sun, 27 Aug 2017 19:13:56 +0100
Subject: [PATCH] Limit width of page to aid readability

---
 _includes/footer.html         |  1 +
 _includes/header.html         | 35 ++++++++++++++++++-----------------
 en/chapters/formspecs.md      |  8 +++++---
 en/chapters/node_drawtypes.md |  6 ++++--
 static/style.scss             |  9 ++++++++-
 5 files changed, 36 insertions(+), 23 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index bf587f3..45fe0dc 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,3 +1,4 @@
+			</div>
 		</div>
 		<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
 		<script src="{{ page.root }}static/script.js"></script>
diff --git a/_includes/header.html b/_includes/header.html
index 00e2bba..d7b78e9 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -20,22 +20,23 @@
 			{% assign links = site.data.links_en %}
 		{% endif %}
 
-		<ul id="navbar">
-			{% for link in links %}
-				{% if link.hr %}
-					{% assign hr = true %}
-				{% else %}
-					<li><a href="{{ page.root }}{{ language }}/{{ link.link }}"
-						class="{% if page.title == link.title %}selected{% endif %}{% if hr %} hr {% endif %}">
-						{% if link.num %} {{ link.num }} - {% endif %}
-						{{ link.title }}</a></li>
-					{% assign hr = false %}
-				{% endif %}
-			{% endfor %}
+		<div id="container">
+			<ul id="navbar">
+				{% for link in links %}
+					{% if link.hr %}
+						{% assign hr = true %}
+					{% else %}
+						<li><a href="{{ page.root }}{{ language }}/{{ link.link }}"
+							class="{% if page.title == link.title %}selected{% endif %}{% if hr %} hr {% endif %}">
+							{% if link.num %} {{ link.num }} - {% endif %}
+							{{ link.title }}</a></li>
+						{% assign hr = false %}
+					{% endif %}
+				{% endfor %}
 
-			<li><a href="{{ page.root }}lua_api.html">Lua Modding API Reference</a></li>
-			<li><a href="https://github.com/rubenwardy/minetest_modding_book/archive/examples.zip">Download Examples</a></li>
-		</ul>
+				<li><a href="{{ page.root }}lua_api.html" class="hr">Lua Modding API Reference</a></li>
+				<li><a href="https://github.com/rubenwardy/minetest_modding_book/archive/examples.zip">Download Examples</a></li>
+			</ul>
 
-		<div id="page">
-			<h1>{{ page.title }}</h1>
+			<div id="page">
+				<h1>{{ page.title }}</h1>
diff --git a/en/chapters/formspecs.md b/en/chapters/formspecs.md
index 3041852..fc37e8e 100644
--- a/en/chapters/formspecs.md
+++ b/en/chapters/formspecs.md
@@ -229,8 +229,9 @@ minetest.register_on_player_receive_fields(function(player, formname, fields)
     local context = land_formspec_context[player:get_player_name()]
 
     if context then
-        minetest.chat_send_player(player:get_player_name(), "Id " .. context.id .. " is now called " ..
-                fields.plot .. " and owned by " .. fields.owner)
+        minetest.chat_send_player(player:get_player_name(), "Id " ..
+                context.id .. " is now called " .. fields.plot ..
+                " and owned by " .. fields.owner)
 
         -- Delete context if it is no longer going to be used
         land_formspec_context[player:get_player_name()] = nil
@@ -238,7 +239,8 @@ minetest.register_on_player_receive_fields(function(player, formname, fields)
         return true
     else
         -- Fail gracefully if the context does not exist.
-        minetest.chat_send_player(player:get_player_name(), "Something went wrong, try again.")
+        minetest.chat_send_player(player:get_player_name(),
+                "Something went wrong, try again.")
     end
 end)
 {% endhighlight %}
diff --git a/en/chapters/node_drawtypes.md b/en/chapters/node_drawtypes.md
index 5c5b9bf..a1dec66 100644
--- a/en/chapters/node_drawtypes.md
+++ b/en/chapters/node_drawtypes.md
@@ -116,7 +116,8 @@ using the flowing liquid drawtype.
 For each liquid node you should also have a flowing liquid node.
 
 {% highlight lua %}
--- Some properties have been removed as they are beyond the scope of this chapter.
+-- Some properties have been removed as they are beyond
+--  the scope of this chapter.
 minetest.register_node("default:water_source", {
     drawtype = "liquid",
     paramtype = "light",
@@ -140,7 +141,8 @@ minetest.register_node("default:water_source", {
         -- New-style water source material (mostly unused)
         {
             name      = "default_water_source_animated.png",
-            animation = {type = "vertical_frames", aspect_w = 16, aspect_h = 16, length = 2.0},
+            animation = {type = "vertical_frames", aspect_w = 16,
+                aspect_h = 16, length = 2.0},
             backface_culling = false,
         }
     },
diff --git a/static/style.scss b/static/style.scss
index 5bb3af7..25d0fe8 100644
--- a/static/style.scss
+++ b/static/style.scss
@@ -39,6 +39,13 @@ figure {
 	padding: 0 0 0 6px;
 }
 
+#container {
+	width: 100%;
+	max-width: 1100px;
+	margin: auto;
+	position: relative;
+}
+
 #page {
 	background: white;
 	margin: 0;
@@ -50,7 +57,7 @@ figure {
 }
 
 #navbar {
-	position: fixed;
+	position: absolute;
 	left: 0;
 	width: 250px;
 	top: 0;