user guide: change page navigation to a table

This commit is contained in:
Josh Holtrop 2019-06-14 17:24:31 -04:00
parent baebe744b3
commit 59ab8e46c4
2 changed files with 19 additions and 15 deletions

View File

@ -28,17 +28,17 @@
a { a {
text-decoration: none; text-decoration: none;
} }
#page_nav { .separator {
margin-top: 2em; height: 2em;
} }
#page_nav_prev { .page_nav {
float: left; width: 100%;
table-layout: fixed;
} }
#page_nav_toc { .page_nav_toc {
text-align: center; text-align: center;
} }
#page_nav_next { .page_nav_next {
float: right;
text-align: right; text-align: right;
} }
.code { .code {

View File

@ -102,8 +102,8 @@ class Generator
if multi_page if multi_page
@pages.each_with_index do |page, page_index| @pages.each_with_index do |page, page_index|
subpage_title = " - #{page.title}" subpage_title = " - #{page.title}"
content = page.contents page_nav_bar = render_page_nav_bar(page_index)
content += render_page_links(page_index) content = page_nav_bar + separator + page.contents + separator + page_nav_bar
html_result = erb.result(binding.clone) html_result = erb.result(binding.clone)
File.open(File.join(output_file, "#{page.name}.html"), "w") do |fh| File.open(File.join(output_file, "#{page.name}.html"), "w") do |fh|
fh.write(html_result) fh.write(html_result)
@ -121,7 +121,11 @@ class Generator
end end
end end
def render_page_links(page_index) def separator
%[<div class="separator"></div>]
end
def render_page_nav_bar(page_index)
page_nav_prev = page_nav_prev =
if page_index > 1 if page_index > 1
%[<a href="#{@pages[page_index - 1].name}.html">&laquo; Prev<br/>#{@pages[page_index - 1].title}</a>] %[<a href="#{@pages[page_index - 1].name}.html">&laquo; Prev<br/>#{@pages[page_index - 1].title}</a>]
@ -140,11 +144,11 @@ class Generator
else else
"" ""
end end
%[<div id="page_nav">] + \ %[<table class="page_nav"><tr>] + \
%[<div id="page_nav_prev">#{page_nav_prev}</div>] + \ %[<td class="page_nav_prev">#{page_nav_prev}</td>] + \
%[<div id="page_nav_next">#{page_nav_next}</div>] + \ %[<td class="page_nav_toc">#{page_nav_toc}</td>] + \
%[<div id="page_nav_toc">#{page_nav_toc}</div>] + \ %[<td class="page_nav_next">#{page_nav_next}</td>] + \
%[</div>] %[</tr></table>]
end end
def render_toc def render_toc