Fix order

builder.go

@@ -180,10 +180,10 @@ func (b *Builder) navigation(doc *DocBuilder) (r HTMLComponent) {
 	for i := len(items) - 1; i >= 0; i-- {
 		subItems := items[i].ChildNodes
 		subContent := Ul().Class("text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max")
-		for subi := len(subItems) - 1; subi >= 0; subi-- {
+		for _, si := range subItems {
 			subContent.AppendChildren(
 				Li(
-					A().Href(subItems[subi].GetPageURL()).Text(subItems[subi].Title).
+					A().Href(si.GetPageURL()).Text(si.Title).
 						Class("text-gray-50"),
 				).Class("my-4"),
 			)

docs/github-pages-integration.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>

docs/hello-world-with-children.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>
@@ -56,11 +56,11 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children/how-to-say-good-bye.html' class='text-gray-50'>How to say good bye</a>
+<a href='hello-world-with-children/how-to-say-hello.html' class='text-gray-50'>How to say hello</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world-with-children/how-to-say-hello.html' class='text-gray-50'>How to say hello</a>
+<a href='hello-world-with-children/how-to-say-good-bye.html' class='text-gray-50'>How to say good bye</a>
 </li>
 </ul>
 </li>

docs/hello-world-with-children/how-to-say-good-bye.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>
@@ -56,11 +56,11 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children/how-to-say-good-bye.html' class='text-gray-50'>How to say good bye</a>
+<a href='hello-world-with-children/how-to-say-hello.html' class='text-gray-50'>How to say hello</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world-with-children/how-to-say-hello.html' class='text-gray-50'>How to say hello</a>
+<a href='hello-world-with-children/how-to-say-good-bye.html' class='text-gray-50'>How to say good bye</a>
 </li>
 </ul>
 </li>

docs/hello-world-with-children/how-to-say-hello.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>
@@ -56,11 +56,11 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children/how-to-say-good-bye.html' class='text-gray-50'>How to say good bye</a>
+<a href='hello-world-with-children/how-to-say-hello.html' class='text-gray-50'>How to say hello</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world-with-children/how-to-say-hello.html' class='text-gray-50'>How to say hello</a>
+<a href='hello-world-with-children/how-to-say-good-bye.html' class='text-gray-50'>How to say good bye</a>
 </li>
 </ul>
 </li>

docs/hello-world.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>

docs/index.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>

docs/the-difference-with-github-flavored-markdown.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>

docs/the-difference-with-github-flavored-markdown/how-to-say-hello-with-code-block.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>

docs/use-with-htmlgo.html

@@ -24,23 +24,23 @@
 
 <ul class='text-white absolute left-0 top-6 z-10 bg-gray-700 pl-8 pr-6 py-4 m-0 pb-0 nav-subitem hidden w-max'>
 <li class='my-4'>
-<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
+<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
 </li>
 
 <li class='my-4'>
-<a href='hello-world.html' class='text-gray-50'>Hello World</a>
+<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
 </li>
 
 <li class='my-4'>
 <a href='the-difference-with-github-flavored-markdown.html' class='text-gray-50'>The difference with Github Flavored Markdown</a>
 </li>
 
 <li class='my-4'>
-<a href='use-with-htmlgo.html' class='text-gray-50'>Use with htmlgo</a>
+<a href='hello-world.html' class='text-gray-50'>Hello World</a>
 </li>
 
 <li class='my-4'>
-<a href='github-pages-integration.html' class='text-gray-50'>Github Pages Integration</a>
+<a href='hello-world-with-children.html' class='text-gray-50'>Hello World with children</a>
 </li>
 </ul>
 </li>