nngn: add tools screenshots

bbguimaraes.com/nngn/index.html

@@ -38,6 +38,16 @@ more about it in the <a href="/blog/tags/nngn.html">blog</a> section.
                 </li>
                 <li><a href="docs/">documentation</a></li>
             </ul>
+            <ul>
+                <li><a href="#demos">demos</a></li>
+                <li>
+                    <a href="#screenshots">screenshots</a>
+                    <ul>
+                        <li><a href="#screenshots-engine">engine</a></li>
+                        <li><a href="#screenshots-tools">tools</a></li>
+                    </ul>
+                </li>
+            </ul>
             <h2 id="demos">
                 <a href="#demos">demos</a>
             </h2>
@@ -58,6 +68,9 @@ on <a href="https://youtube.com/watch?v=T9HBn05Tm4s">Youtube</a>.
             <h2 id="screenshots">
                 <a href="#screenshots">screenshots</a>
             </h2>
+            <h3 id="screenshots-engine">
+                <a href="#screenshots-engine">engine</a>
+            </h3>
             <div class="screenshots">
                 <img
                     src="/files/nngn/screenshots/map.png"
@@ -93,9 +106,32 @@ on <a href="https://youtube.com/watch?v=T9HBn05Tm4s">Youtube</a>.
                     src="/files/nngn/screenshots/cathedral.png"
                     alt="more dynamic lighting" title="more dynamic lighting">
                 <img
-                    src="/files/nngn/screenshots/ascii.png"
+                    src="/files/nngn/screenshots/ascii_both.png"
                     alt="ascii graphics" title="ascii graphics">
             </div>
+            <h3 id="screenshots-tools">
+                <a href="#screenshots-tools">tools</a>
+            </h3>
+            <div class="screenshots">
+                <img
+                    src="/files/nngn/screenshots/timeline_prof.png"
+                    alt="timeline profiling" title="timeline profiling">
+                <img
+                    src="/files/nngn/screenshots/plot_fps.png"
+                    alt="plot fps" title="plot fps">
+                <img
+                    src="/files/nngn/screenshots/plot_graphics.png"
+                    alt="plot graphics" title="plot graphics">
+                <img
+                    src="/files/nngn/screenshots/plot_collision.png"
+                    alt="plot collision" title="plot collision">
+                <img
+                    src="/files/nngn/screenshots/plot_lua.png"
+                    alt="plot lua" title="plot lua">
+                <img
+                    src="/files/nngn/screenshots/inspect_textures.png"
+                    alt="inspect textures" title="inspect textures">
+            </div>
         </main>
     </body>
 </html>