From d38341c9bc79d2b4070834d919413943f4b51ea6 Mon Sep 17 00:00:00 2001
From: light7734 <light7734@tuta.io>
Date: Sun, 18 May 2025 21:30:29 +0330
Subject: [PATCH] wip

---
 src/routes/articles/Image.svelte              |   5 -
 src/routes/articles/Layout.svelte             |   5 +-
 src/routes/articles/Note.svelte               |  17 +-
 src/routes/articles/Tip.svelte                |   4 +-
 src/routes/articles/article.css               |   5 +
 .../articles/the-graphics-pipeline/+page.svx  | 143 +++++---
 .../images/primitive_topology_line_list.svg   | 126 +++++++
 .../images/primitive_topology_line_strip.svg  | 126 +++++++
 .../images/primitive_topology_point_list.svg  | 334 ++++++++++++++++++
 .../primitive_topology_triangle_fan.svg       | 171 +++++++++
 .../primitive_topology_triangle_list.png      | Bin 0 -> 6077 bytes
 .../primitive_topology_triangle_list.svg      | 190 ++++++++++
 .../primitive_topology_triangle_strip.svg     | 202 +++++++++++
 13 files changed, 1270 insertions(+), 58 deletions(-)
 create mode 100644 static/images/primitive_topology_line_list.svg
 create mode 100644 static/images/primitive_topology_line_strip.svg
 create mode 100644 static/images/primitive_topology_point_list.svg
 create mode 100644 static/images/primitive_topology_triangle_fan.svg
 create mode 100644 static/images/primitive_topology_triangle_list.png
 create mode 100644 static/images/primitive_topology_triangle_list.svg
 create mode 100644 static/images/primitive_topology_triangle_strip.svg

diff --git a/src/routes/articles/Image.svelte b/src/routes/articles/Image.svelte
index 44e522b..1686f04 100644
--- a/src/routes/articles/Image.svelte
+++ b/src/routes/articles/Image.svelte
@@ -12,13 +12,8 @@
 <style>
 	.container {
         width: fit-content;
-        margin-left: auto;
         margin-right: auto;
-		background-color: #1d2021;
 		padding: 1em;
-		border: 1px solid #928374;
-		border-radius: 2px;
-		display: flex; /* Arrange images horizontally */
 		/* Removed flex properties from here */
         gap: 1em;
 	}
diff --git a/src/routes/articles/Layout.svelte b/src/routes/articles/Layout.svelte
index 2dd35d2..2548be4 100644
--- a/src/routes/articles/Layout.svelte
+++ b/src/routes/articles/Layout.svelte
@@ -33,10 +33,11 @@
 		min-width: 80ch;
 		max-width: 80ch;
 		text-wrap-mode: wrap;
+		text-wrap-style: pretty;
 		text-align: justify;
 
-		border-left: 1px solid #928374;
-		border-right: 1px solid #928374;
+		border-left: 1px solid #92837420;
+		border-right: 1px solid #92837420;
 	}
 
 	.padding {
diff --git a/src/routes/articles/Note.svelte b/src/routes/articles/Note.svelte
index b53654d..07b6353 100644
--- a/src/routes/articles/Note.svelte
+++ b/src/routes/articles/Note.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Info, BookCopy, Eye, Network, Sigma } from '@lucide/svelte';
-	let { title, type = 'info' } = $props();
+	import { Info, BookCopy, Eye, Network, Sigma, Image } from '@lucide/svelte';
+	let { title = '', type = 'info' } = $props();
 </script>
 
 <div class="note">
@@ -8,6 +8,8 @@
 		<div class="icon">
 			{#if type == 'info'}
 				<Info />
+			{:else if type == 'image'}
+				<Image />
 			{:else if type == 'diagram'}
 				<Network />
 			{:else if type == 'math'}
@@ -23,6 +25,8 @@
 			<div class="horiz_line" style:background-color="#8ec07c"></div>
 		{:else if type == 'diagram'}
 			<div class="horiz_line" style:background-color="#d3869b"></div>
+		{:else if type == 'image'}
+			<div class="horiz_line" style:background-color="#d3869b"></div>
 		{:else if type == 'math'}
 			<div class="horiz_line" style:background-color="#fe8019"></div>
 		{:else if type == 'review'}
@@ -37,6 +41,8 @@
 			<div class="line" style:background-color="#8ec07c"></div>
 		{:else if type == 'diagram'}
 			<div class="line" style:background-color="#d3869b"></div>
+		{:else if type == 'image'}
+			<div class="line" style:background-color="#d3869b"></div>
 		{:else if type == 'math'}
 			<div class="line" style:background-color="#fe8019"></div>
 		{:else if type == 'review'}
@@ -46,7 +52,9 @@
 		{/if}
 
 		<div class="slot">
-			<p>{title}</p>
+			{#if title != ''}
+				<p class="title">{title}</p>
+			{/if}
 			<slot />
 		</div>
 	</div>
@@ -55,6 +63,9 @@
 <style>
 	@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
 
+    .title {
+    }
+
 	.note {
 		display: block;
 		margin: 1em 0 1em 0;
diff --git a/src/routes/articles/Tip.svelte b/src/routes/articles/Tip.svelte
index 33c68f3..3e44855 100644
--- a/src/routes/articles/Tip.svelte
+++ b/src/routes/articles/Tip.svelte
@@ -15,7 +15,7 @@
         font-weight: 600;
         font-style: italic;
         color: #fabd2f;
-        border-bottom: 1px solid #fe8019;
+        border-bottom: 1px dotted  #fe8019;
 	}
 
 	/* Tooltip text */
@@ -32,7 +32,7 @@
 		text-align: justify;
         padding: 1em;
 		border-radius: 6px;
-        border: 1px dotted #fe8019;
+        border: 1px solid #fe8019;
 
 		top: 100%;
 		left: 50%;
diff --git a/src/routes/articles/article.css b/src/routes/articles/article.css
index c543926..b4a531d 100644
--- a/src/routes/articles/article.css
+++ b/src/routes/articles/article.css
@@ -50,3 +50,8 @@ a:hover {
 	width: max-content;
 	margin-left: 0;
 }
+
+.katex-display {
+    margin-top: 0;
+
+}
diff --git a/src/routes/articles/the-graphics-pipeline/+page.svx b/src/routes/articles/the-graphics-pipeline/+page.svx
index 5902bb3..996b61b 100644
--- a/src/routes/articles/the-graphics-pipeline/+page.svx
+++ b/src/routes/articles/the-graphics-pipeline/+page.svx
@@ -64,14 +64,18 @@ stage and have a recap afterwards!
 
 Ever been jump-scared by this sight in an <Tip text="FPS">First Person (Shooter) perspective</Tip>? Why are (the inside of) things rendered like that?
 
+<Note title="Boo!", type="image">
+
 <Image 
     paths={["/images/boo.png"]} 
 /> 
 
+</Note>
+
 
 In order to display a (murder) scene, 
 we need to have a way of **representing** the **surface** of its composing objects (like corpses) in computer memory.
-We only care about the **surface** since we won't be seeing the insides anyway---Not with that attitude.
+We only care about the **surface** since we won't be seeing the insides anyway---Not that we want to.
 At this stage, we only care about the **shape** or the **geometry** of the **surface**.
 Texturing, lighting, and all the sweet gory details come at a much later stage once all the **geometry** has been processed.
 
@@ -94,19 +98,27 @@ hundreds of thousands of objects (like a lot of corpses) in under a small fracti
 We can achieve this approximation using a collection of **triangles**, **lines**, and **dots** (primitives),
 which themselves are composed of a series of **vertices** (points in space).
 
+<Note title="A sphere made out of triangles", type="image">
+
 <Image 
     paths={["/images/polygon_sphere.webp"]} 
 /> 
 
+</Note>
+
 A **vertex** is simply a point in space.
 Once we get enough of these **points**, we can connect them to form **primitives** such as **triangles**, **lines**, and **dots**.
 And once we connect enough of these **primitives** together, they form a **model** or a **mesh** (that we need for our corpse).
 With some interesting models put together, we can compose a **scene** (like a murder scene :D).
 
+<Note title="Stanford bunny model in increasing level of detail (LoD)", type="image">
+
 <Image 
     paths={["/images/bunny.jpg"]} 
 /> 
 
+</Note>
+
 But let's not get ahead of ourselves. The primary type of **primitive** that we care about during **polygonal modeling**
 is a **triangle**. But why not squares or polygons with a variable number of edges?
 
@@ -116,10 +128,14 @@ In <Tip text="Euclidean geometry"> Developed by **Euclid** around 300 BCE, is ba
 any polygon composed of more than 3 points may break this rule, but why does polygons residing in one plane so important 
 to us?
 
+<Note title="Planar vs Non-Planar polygons" type="image">
+
 <Image 
     paths={["/images/planar.jpg", "/images/non_planar_1.jpg", "/images/non_planar_2.png"]} 
 /> 
 
+</Note>
+
 When a polygon exists only in one plane, we can safely imply that **only one face** of it can be visible
 at any one time; this enables us to utilize a huge optimization technique called **back-face culling**.
 Which means we avoid wasting a ton of **precious processing time** on the polygons that 
@@ -136,7 +152,7 @@ Also, it is a common practice in computer science to break down hard problems in
 This will be a lot more convincing when we cover the **rasterization** stage :)
 
 
-<Note title="Bonus point: evolution", type="info">
+<Note title="Bonus point, evolution", type="info">
 
 present-day **hardware** and **algorithms** have become **extremely efficient** at processing 
 triangles by doing operations such as sorting, rasterizing, etc, after eons of evolving around them.
@@ -152,98 +168,133 @@ of the primitives to be generated from our set of vertices by
 configuring the **primitive topology** of the **input assembler**.
 We'll get into the **input assembler** bit in a second, but let's clarify the topology with some examples.
 
-**Point list**:
+When the topology is **point list**, each **consecutive vertex** (v) defines a **single point** primitive (p)
+and the number of primitives (n_p) is equals to the number of vertices (n_v).
 
-When the topology is point list, each **consecutive vertex** defines a **single point** primitive, according to the equation:
-<Note title="equation", type="math">
+<Note title="", type="image">
+
+<Image 
+    paths={["/images/primitive_topology_point_list.svg"]} 
+/> 
+
+</Note>
+
+<Note type="math">
 
 ```math
-p_i = \{ v_{i} \}
+\begin{aligned}
+&p_i = \{ v_{i} \} \\ &n_p = n_v
+\end{aligned}
 ```
 
 </Note>
 
-**Line list**:
+When the topology is **line list**, each **consecutive pair of vertices** defines a **single line**
 
-When the primitive topology is line list, each **consecutive pair of vertices** defines a **single line**, according to the equation:
+<Note title="", type="image">
 
-<Note title="equation", type="math">
-
-```math
-p_i = \{ v_{2i},\ v_{2i+1} \}
-```
+<Image 
+    paths={["/images/primitive_topology_line_list.svg"]} 
+/> 
 
 </Note>
 
-The number of primitives generated is equal to ⌊vertex_count / 2⌋.
+<Note  type="math">
 
-**Line Strip**:
+```math
+\begin{aligned}
+&p_i = \{ v_{2i},\ v_{2i+1} \} \\ &n_p = ⌊ n_v / 2 ⌋
+\end{aligned}
+```
+
+</Note>
 
 When the primitive topology is line strip, **one line** is defined by each **vertex and the following vertex**, according to the equation:
 
-<Note title="equation", type="math">
+<Note title="", type="image">
 
-```math
-    p_i = \{ v_i, v_{i+1} \}
-```
+<Image 
+    paths={["/images/primitive_topology_line_strip.svg"]} 
+/> 
 
 </Note>
 
-The number of primitives generated is equal to max(0, vertex_count - 1).
 
-**Triangle list**:
+<Note  type="math">
+
+```math
+\begin{aligned}
+    &p_i = \{ v_i, v_{i+1} \} \\ &n_p = \text{max}(0, n_v - 1)
+\end{aligned}
+```
+
+</Note>
 
 When the primitive topology is triangle list, each **consecutive set of three vertices** defines a **single triangle**, according to the equation:
-<Note title="equation", type="math">
 
-```math
-    p_i = \{ v_{3i}, v_{3i+1}, v_{3i+2} \}
-```
+<Note title="", type="image">
+
+<Image 
+    paths={["/images/primitive_topology_triangle_list.svg"]} 
+/> 
 
 </Note>
 
+<Note  type="math">
 
-The number of primitives generated is equal to ⌊vertex_count / 3⌋.
+```math
+\begin{aligned}
+    &p_i = \{ v_{3i}, v_{3i+1}, v_{3i+2} \} \\ &n_p = ⌊n_v / 3⌋
+\end{aligned}
+```
 
-**Triangle strip**:
+</Note>
 
 When the primitive topology is triangle strip, **one triangle** is defined by each **vertex and the two vertices that follow it**, according to the equation:
 
-<Note title="equation", type="math">
+<Note title="", type="image">
+
+<Image 
+    paths={["/images/primitive_topology_triangle_strip.svg"]} 
+/> 
+
+</Note>
+
+<Note  type="math">
 
 ```math
-    p_i = \{ v_i,\ v_{i + (1 + i \bmod 2)},\ v_{i + (2 - i \bmod 2)} \}
+\begin{aligned}
+    &p_i = \{ v_i,\ v_{i + (1 + i \bmod 2)},\ v_{i + (2 - i \bmod 2)} \} \\ &n_p = \text{max}(0,  n_v- 2)
+\end{aligned}
 ```
 
 </Note>
 
 
-The number of primitives generated is equal to max(0, vertex_count - 2).
-
-**Triangle fan**:
-
 When the primitive topology is trinagle fan, triangleas are defined **around a shared common vertex**, according to the equation:
 
-<Note title="equation", type="math">
+<Note title="", type="image">
+
+<Image 
+    paths={["/images/primitive_topology_triangle_fan.svg"]} 
+/> 
+
+</Note>
+
+<Note type="math">
 
 ```math
-    p_i = \{ v_{i+1}, v_{i+2}, v_0 \}
+\begin{aligned}
+    &p_i = \{ v_{i+1}, v_{i+2}, v_0 \} \\ &n_p = \text{max}(0, n_v - 2)
+\end{aligned}
 ```
 
 </Note>
 
-
-The number of primitives generated is equal to max(0, vertex_count - 2).
-
-There's also some topologies suffixed with the word **adjacency**, and a special type of primitive called **patch** primitive.
-But for the sake of simplicity we won't get into them.
-
-So what's next?
-
 ## Indices
-Great, we got our vertices, we figured out how to connect them, but there's one last thing we need
-to understand before we can **assemble** our input using the **input assembler**. The **indices**.
-
+Indices are an array of integers that reference vertices in a vertex buffer.
+They define the order in which vertices are used to form primitives (triangles, strips, etc.),
+allowing vertex reuse and reducing memory usage. Instead of duplicating vertex data, indices let you build complex geometry efficiently.
 
 ## **Input Assembler**
 Every section before this explained terminologies needed to grasp this,
diff --git a/static/images/primitive_topology_line_list.svg b/static/images/primitive_topology_line_list.svg
new file mode 100644
index 0000000..d9d6bd9
--- /dev/null
+++ b/static/images/primitive_topology_line_list.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="89.898438"
+   height="107.35807"
+   viewBox="0 0 89.898439 107.35807"
+   version="1.1"
+   id="svg8653"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8647">
+    <marker
+       style="overflow:visible"
+       id="DartArrow"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path6" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata8650">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="5.0234375"
+     y="12.867185"
+     id="text5070-2-2-9-9"><tspan
+       id="tspan5068-0-3-36-9"
+       x="5.0234375"
+       y="12.867185"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">0</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="5.0234375"
+     y="92.86718"
+     id="text5070-2-2-9-9-7"><tspan
+       id="tspan5068-0-3-36-9-6"
+       x="5.0234375"
+       y="92.86718"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">2</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="85.023438"
+     y="12.867185"
+     id="text5070-2-2-9-9-6"><tspan
+       id="tspan5068-0-3-36-9-4"
+       x="85.023438"
+       y="12.867185"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">1</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="85.023438"
+     y="92.86718"
+     id="text5070-2-2-9-9-77"><tspan
+       id="tspan5068-0-3-36-9-5"
+       x="85.023438"
+       y="92.86718"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">3</tspan></text>
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-2"
+     cx="85.023438"
+     cy="22.86717"
+     r="3.4908931" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-2-4"
+     cx="85.023438"
+     cy="102.86718"
+     r="3.4908931" />
+  <path
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 5.023437,22.86718 H 85.023434"
+     id="path2033" />
+  <path
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 5.023437,102.86718 H 85.023434"
+     id="path2033-5" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-0-3"
+     cx="5.0234375"
+     cy="102.86718"
+     r="3.4908931" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-0-3-8"
+     cx="5.0234375"
+     cy="22.867186"
+     r="3.4908931" />
+  <path
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)"
+     d="m 20.023434,17.86718 c 16.66767,0 33.33433,0 50,0"
+     id="path5581" />
+  <path
+     id="path5885"
+     d="m 20.023434,97.86718 c 16.66767,0 33.33433,0 50,0"
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+</svg>
diff --git a/static/images/primitive_topology_line_strip.svg b/static/images/primitive_topology_line_strip.svg
new file mode 100644
index 0000000..e486015
--- /dev/null
+++ b/static/images/primitive_topology_line_strip.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="249.89841"
+   height="27.365885"
+   viewBox="0 0 249.89841 27.365885"
+   version="1.1"
+   id="svg8653"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8647">
+    <marker
+       style="overflow:visible"
+       id="DartArrow"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path6" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata8650">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="5.0234332"
+     y="12.875005"
+     id="text5070-2-2-9-9-8"><tspan
+       id="tspan5068-0-3-36-9-9"
+       x="5.0234332"
+       y="12.875005"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">0</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="165.02344"
+     y="12.875005"
+     id="text5070-2-2-9-9-7-7"><tspan
+       id="tspan5068-0-3-36-9-6-6"
+       x="165.02344"
+       y="12.875005"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">2</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="85.02343"
+     y="12.875005"
+     id="text5070-2-2-9-9-6-2"><tspan
+       id="tspan5068-0-3-36-9-4-8"
+       x="85.02343"
+       y="12.875005"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">1</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="245.02341"
+     y="12.875005"
+     id="text5070-2-2-9-9-77-5"><tspan
+       id="tspan5068-0-3-36-9-5-1"
+       x="245.02341"
+       y="12.875005"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">3</tspan></text>
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-5-0-7"
+     cx="245.02341"
+     cy="22.874998"
+     r="3.4908931" />
+  <path
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 5.02343,22.875 240,-5e-6"
+     id="path2085" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-0-3"
+     cx="5.0234332"
+     cy="22.874998"
+     r="3.4908931" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-0-3-9"
+     cx="85.02343"
+     cy="22.874998"
+     r="3.4908931" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-0-3-1"
+     cx="165.02344"
+     cy="22.874998"
+     r="3.4908931" />
+  <path
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)"
+     d="m 20.02343,17.874995 c 16.66767,0 33.33433,0 50,0"
+     id="path16307" />
+  <path
+     id="path16954"
+     d="m 100.02343,17.874995 c 16.66767,0 33.33433,0 50,0"
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+  <path
+     style="fill:#f9f9f9;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)"
+     d="m 180.02343,17.874995 c 16.66767,0 33.33433,0 50,0"
+     id="path17316" />
+</svg>
diff --git a/static/images/primitive_topology_point_list.svg b/static/images/primitive_topology_point_list.svg
new file mode 100644
index 0000000..448436e
--- /dev/null
+++ b/static/images/primitive_topology_point_list.svg
@@ -0,0 +1,334 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="200.14062"
+   height="147.16275"
+   viewBox="0 0 200.14063 147.16275"
+   version="1.1"
+   id="svg8653"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8647">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter2"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix2" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix14" />
+      <feColorMatrix
+         id="feColorMatrix15"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter3"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix3" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix16" />
+      <feColorMatrix
+         id="feColorMatrix17"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter4"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix4" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix18" />
+      <feColorMatrix
+         id="feColorMatrix19"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter5"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix5" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix20" />
+      <feColorMatrix
+         id="feColorMatrix21"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter6"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix6" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix22" />
+      <feColorMatrix
+         id="feColorMatrix23"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter7"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix7" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix24" />
+      <feColorMatrix
+         id="feColorMatrix25"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter8"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix8" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix26" />
+      <feColorMatrix
+         id="feColorMatrix27"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter9"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix9" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix28" />
+      <feColorMatrix
+         id="feColorMatrix29"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter10"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix10" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix30" />
+      <feColorMatrix
+         id="feColorMatrix31"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter11"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feColorMatrix
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="fbSourceGraphic"
+         id="feColorMatrix11" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix32" />
+      <feColorMatrix
+         id="feColorMatrix33"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+         result="color2"
+         in="fbSourceGraphic" />
+    </filter>
+  </defs>
+  <metadata
+     id="metadata8650">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     transform="translate(52.301544,180.70697)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427;filter:url(#filter11)"
+       x="12.534395"
+       y="-108.03511"
+       id="text5070-2-2-9-9"><tspan
+         id="tspan5068-0-3-36-9"
+         x="12.534395"
+         y="-108.03511"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">0</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427;filter:url(#filter10)"
+       x="142.53439"
+       y="-118.03511"
+       id="text5070-2-2-9-9-1"><tspan
+         id="tspan5068-0-3-36-9-3"
+         x="142.53439"
+         y="-118.03511"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">4</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427;filter:url(#filter9)"
+       x="-47.465607"
+       y="-148.03511"
+       id="text5070-2-2-9-9-7"><tspan
+         id="tspan5068-0-3-36-9-6"
+         x="-47.465607"
+         y="-148.03511"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">2</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427;filter:url(#filter8)"
+       x="52.534393"
+       y="-168.0351"
+       id="text5070-2-2-9-9-6"><tspan
+         id="tspan5068-0-3-36-9-4"
+         x="52.534393"
+         y="-168.0351"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">1</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427;filter:url(#filter7)"
+       x="92.534393"
+       y="-48.03511"
+       id="text5070-2-2-9-9-77"><tspan
+         id="tspan5068-0-3-36-9-5"
+         x="92.534393"
+         y="-48.03511"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">3</tspan></text>
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6)"
+       id="path4517-0-8-5-8"
+       cx="142.53439"
+       cy="-108.03511"
+       r="3.4908931" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter5)"
+       id="path4517-0-8-5-91"
+       cx="52.534393"
+       cy="-158.03511"
+       r="3.4908931" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter4)"
+       id="path4517-0-8-5-2"
+       cx="92.534393"
+       cy="-38.03511"
+       r="3.4908931" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3)"
+       id="path4517-0-8-5-25"
+       cx="-47.465607"
+       cy="-138.03511"
+       r="3.4908931" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter2)"
+       id="path4517-0-8-5-5"
+       cx="12.534393"
+       cy="-98.03511"
+       r="3.4908931" />
+  </g>
+</svg>
diff --git a/static/images/primitive_topology_triangle_fan.svg b/static/images/primitive_topology_triangle_fan.svg
new file mode 100644
index 0000000..c9ced8b
--- /dev/null
+++ b/static/images/primitive_topology_triangle_fan.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="169.79558"
+   height="104.11718"
+   viewBox="0 0 169.79558 104.11718"
+   version="1.1"
+   id="svg8653"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8647">
+    <marker
+       style="overflow:visible"
+       id="DartArrow"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path6" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata8650">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     transform="translate(-248.0435,180.9101)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="332.53439"
+       y="-78.035103"
+       id="text5070-2-2-9-9-75"><tspan
+         id="tspan5068-0-3-36-9-68"
+         x="332.53439"
+         y="-78.035103"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">0</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="412.53439"
+       y="-78.035103"
+       id="text5070-2-2-9-9-1-4"><tspan
+         id="tspan5068-0-3-36-9-3-6"
+         x="412.53439"
+         y="-78.035103"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">4</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="292.53439"
+       y="-168.0351"
+       id="text5070-2-2-9-9-7-4"><tspan
+         id="tspan5068-0-3-36-9-6-3"
+         x="292.53439"
+         y="-168.0351"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">2</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="252.53439"
+       y="-78.035103"
+       id="text5070-2-2-9-9-6-2"><tspan
+         id="tspan5068-0-3-36-9-4-4"
+         x="252.53439"
+         y="-78.035103"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">1</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="372.53439"
+       y="-168.0351"
+       id="text5070-2-2-9-9-77-2"><tspan
+         id="tspan5068-0-3-36-9-5-2"
+         x="372.53439"
+         y="-168.0351"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke-width:1.16427">3</tspan></text>
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-8-0"
+       cx="412.53439"
+       cy="-98.035095"
+       r="3.4908931" />
+    <path
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 252.53439,-98.0351 40,-59.99999 h 80 l 40,59.99999 z m 40,-59.99999 40,59.99999 40,-59.99999"
+       id="path875-4" />
+    <path
+       id="path1868-1"
+       d="m 267.53439,-113.0351 20,-30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+    <path
+       id="path1870-2"
+       d="m 297.53439,-143.0351 20,30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+    <path
+       id="path1872-1"
+       d="m 317.53439,-103.0351 h -50"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+    <path
+       id="path1868-6-6"
+       d="m 347.19583,-112.35392 20,-30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+    <path
+       id="path1870-4-3"
+       d="m 377.19583,-142.35392 20,30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+    <path
+       id="path1872-0-9"
+       d="m 397.19583,-102.35392 h -50"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#DartArrow)" />
+    <path
+       id="path1868-08-3"
+       d="m 307.53439,-143.03509 20,30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#DartArrow)" />
+    <path
+       id="path1870-9-9"
+       d="m 337.53439,-113.03509 20,-30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#DartArrow)" />
+    <path
+       id="path1872-2-3"
+       d="m 357.53439,-153.03509 h -50"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#DartArrow)" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-91-0-3"
+       cx="292.53439"
+       cy="-158.03511"
+       r="3.4908931" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-2-9"
+       cx="252.53439"
+       cy="-98.03511"
+       r="3.4908931" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-2-9-7"
+       cx="332.53439"
+       cy="-98.03511"
+       r="3.4908931" />
+    <circle
+       style="fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-2-9-6"
+       cx="372.53439"
+       cy="158.03511"
+       r="3.4908931"
+       transform="scale(1,-1)" />
+  </g>
+</svg>
diff --git a/static/images/primitive_topology_triangle_list.png b/static/images/primitive_topology_triangle_list.png
new file mode 100644
index 0000000000000000000000000000000000000000..b449ab90cef7ea5839b782e8540e17d5aa6ea760
GIT binary patch
literal 6077
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

literal 0
HcmV?d00001

diff --git a/static/images/primitive_topology_triangle_list.svg b/static/images/primitive_topology_triangle_list.svg
new file mode 100644
index 0000000..2acd56b
--- /dev/null
+++ b/static/images/primitive_topology_triangle_list.svg
@@ -0,0 +1,190 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="210.32816"
+   height="104.11718"
+   viewBox="0 0 210.32816 104.11718"
+   version="1.1"
+   id="svg8653"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8647">
+    <marker
+       style="overflow:visible"
+       id="marker3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path3" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path1" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata8650">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <path
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 125.02343,22.875 40,59.999997 40,-59.999997 z"
+     id="path11344" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="85.02346"
+     y="102.875"
+     id="text5070-2-2-9-9-75-8"><tspan
+       id="tspan5068-0-3-36-9-68-4"
+       x="85.02346"
+       y="102.875"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">2</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="45.023403"
+     y="12.87502"
+     id="text5070-2-2-9-9-7-4-5"><tspan
+       id="tspan5068-0-3-36-9-6-3-1"
+       x="45.023403"
+       y="12.87502"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">1</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="5.0234332"
+     y="102.875"
+     id="text5070-2-2-9-9-6-2-2"><tspan
+       id="tspan5068-0-3-36-9-4-4-0"
+       x="5.0234332"
+       y="102.875"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">0</tspan></text>
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-9-3"
+     cx="45.023403"
+     cy="22.875021"
+     r="3.4908931" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-25-0-0"
+     cx="85.02346"
+     cy="82.875"
+     r="3.4908931" />
+  <path
+     id="path1868-1-8"
+     d="m 20.02343,67.87502 20,-30"
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker3)" />
+  <path
+     id="path1870-2-7"
+     d="m 50.02343,37.87502 20,30"
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker3)" />
+  <path
+     id="path1872-1-0"
+     d="m 70.02343,77.87502 h -50"
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker3)" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="125.02346"
+     y="12.875005"
+     id="text5070-2-2-9-9-75-8-3"><tspan
+       id="tspan5068-0-3-36-9-68-4-4"
+       x="125.02346"
+       y="12.875005"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">3</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="165.02347"
+     y="102.875"
+     id="text5070-2-2-9-9-1-4-2"><tspan
+       id="tspan5068-0-3-36-9-3-6-1"
+       x="165.02347"
+       y="102.875"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">5</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427"
+     x="205.02347"
+     y="12.875005"
+     id="text5070-2-2-9-9-77-2-4"><tspan
+       id="tspan5068-0-3-36-9-5-2-0"
+       x="205.02347"
+       y="12.875005"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#f9f9f9;fill-opacity:1;stroke:none;stroke-width:1.16427">4</tspan></text>
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-8-0-3"
+     cx="165.02347"
+     cy="82.875"
+     r="3.4908931" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-25-0-0-6"
+     cx="205.02347"
+     cy="22.875006"
+     r="3.4908931" />
+  <path
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 5.02343,82.875005 40,-59.999995 40,59.999995 z"
+     id="path11342" />
+  <path
+     id="path1868-08-3"
+     d="m 140.02344,37.875 20,30"
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker1)" />
+  <path
+     id="path1870-9-9"
+     d="m 170.02344,67.875 20,-30"
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker1)" />
+  <path
+     id="path1872-2-3"
+     d="m 190.02344,27.875 h -50"
+     style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker1)" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-0-97"
+     cx="5.0234332"
+     cy="82.875"
+     r="3.4908931" />
+  <circle
+     style="fill:#f9f9f9;fill-opacity:1;stroke:#f9f9f9;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path4517-0-8-5-91-0-3"
+     cx="125.02346"
+     cy="22.875006"
+     r="3.4908931" />
+</svg>
diff --git a/static/images/primitive_topology_triangle_strip.svg b/static/images/primitive_topology_triangle_strip.svg
new file mode 100644
index 0000000..d6a8e1f
--- /dev/null
+++ b/static/images/primitive_topology_triangle_strip.svg
@@ -0,0 +1,202 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="170.32812"
+   height="104.11719"
+   viewBox="0 0 170.32813 104.11719"
+   version="1.1"
+   id="svg8653"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8647">
+    <marker
+       style="overflow:visible"
+       id="marker2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path2" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="marker1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DartArrow"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       preserveAspectRatio="xMidYMid">
+      <path
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 Z"
+         transform="scale(-0.5)"
+         id="path6" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata8650">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     transform="translate(-7.5109558,180.91011)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="12.534393"
+       y="-78.03511"
+       id="text5070-2-2-9-9"><tspan
+         id="tspan5068-0-3-36-9"
+         x="12.534393"
+         y="-78.03511"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke-width:1.16427">0</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="172.53439"
+       y="-78.035103"
+       id="text5070-2-2-9-9-1"><tspan
+         id="tspan5068-0-3-36-9-3"
+         x="172.53439"
+         y="-78.035103"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke-width:1.16427">4</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="92.534393"
+       y="-78.035103"
+       id="text5070-2-2-9-9-7"><tspan
+         id="tspan5068-0-3-36-9-6"
+         x="92.534393"
+         y="-78.035103"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke-width:1.16427">2</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="52.534393"
+       y="-168.0351"
+       id="text5070-2-2-9-9-6"><tspan
+         id="tspan5068-0-3-36-9-4"
+         x="52.534393"
+         y="-168.0351"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke-width:1.16427">1</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16427"
+       x="132.53439"
+       y="-168.03511"
+       id="text5070-2-2-9-9-77"><tspan
+         id="tspan5068-0-3-36-9-5"
+         x="132.53439"
+         y="-168.03511"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke-width:1.16427">3</tspan></text>
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-8"
+       cx="172.53439"
+       cy="-98.035103"
+       r="3.4908931" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-2"
+       cx="132.53439"
+       cy="-158.03511"
+       r="3.4908931" />
+    <path
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 12.534393,-98.035106 40,-59.999994 h 79.999997 l 40,59.999994 z m 40,-59.999994 39.999997,59.999994 40,-59.999994"
+       id="path875" />
+    <path
+       id="path1868"
+       d="m 27.534393,-113.0351 20,-30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2)" />
+    <path
+       id="path1870"
+       d="m 57.534393,-143.0351 19.999997,30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2)" />
+    <path
+       id="path1872"
+       d="M 77.53439,-103.0351 H 27.534393"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2)" />
+    <path
+       id="path1868-6"
+       d="m 107.19584,-112.35393 20,-30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2)" />
+    <path
+       id="path1870-4"
+       d="m 137.19584,-142.35393 19.99999,30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2)" />
+    <path
+       id="path1872-0"
+       d="M 157.19583,-102.35393 H 107.19584"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker2)" />
+    <path
+       id="path1868-08-3-3"
+       d="m 67.53439,-143.0351 20,30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker1)" />
+    <path
+       id="path1870-9-9-3"
+       d="m 97.53439,-113.0351 20,-30"
+       style="fill:none;stroke:#f9f9f9;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#marker1)" />
+    <path
+       id="path1872-2-3-1"
+       d="M 111.73438,-153.0351 H 67.53439"
+       style="fill:none;stroke:#f9f9f9;stroke-width:0.940213px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-start:url(#DartArrow)" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-91-0-97"
+       cx="12.872943"
+       cy="-98.716286"
+       r="3.4908931" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-91-0-97-3"
+       cx="92.534393"
+       cy="-98.035103"
+       r="3.4908931" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4517-0-8-5-91-0-3"
+       cx="52.534393"
+       cy="-158.0351"
+       r="3.4908931" />
+  </g>
+</svg>