Fix row-col major slides & add info on vec types

Lesson_Materials/Lecture_16_Coalesced_Global_Memory/index.html

@@ -138,7 +138,7 @@
 						#### Row-major vs Column-major
 					</div>
 					<div class="container" data-markdown>
-						* Coalescing global memory access is particularly important when wording in multiple dimensions.
+						* Coalescing global memory access is particularly important when working in multiple dimensions.
 						* This is because when doing so you have to convert from a position in 2d space to a linear memory space.
 						* There are two ways to do this; generally referred to as row-major and column-major.
 					</div>
@@ -148,44 +148,22 @@
 					<div class="hbox" data-markdown>
 						#### Row-major vs Column-major
 					</div>
-					<div class="container" data-markdown>
-						![SYCL](./row_major_column_major_1.png "SYCL")
-					</div>
-				</section>
-				<!--Slide 12-->
-				<section>
-					<div class="hbox" data-markdown>
-						#### Row-major vs Column-major
-					</div>
-					<div class="container" data-markdown>
-						![SYCL](./row_major_column_major_2.png "SYCL")
-					</div>
 				</section>
-				<!--Slide 13-->
 				<section>
-					<div class="hbox" data-markdown>
-						#### Row-major vs Column-major
-					</div>
 					<div class="container" data-markdown>
-						![SYCL](./row_major_column_major_3.png "SYCL")
+						![SYCL](./row_col_1.png "SYCL")
 					</div>
 				</section>
-				<!--Slide 14-->
+				<!--Slide 12-->
 				<section>
-					<div class="hbox" data-markdown>
-						#### Row-major vs Column-major
-					</div>
 					<div class="container" data-markdown>
-						![SYCL](./row_major_column_major_4.png "SYCL")
+						![SYCL](./row_col_2.png "SYCL")
 					</div>
 				</section>
-				<!--Slide 15-->
+				<!--Slide 13-->
 				<section>
-					<div class="hbox" data-markdown>
-						#### Row-major vs Column-major
-					</div>
 					<div class="container" data-markdown>
-						![SYCL](./row_major_column_major_5.png "SYCL")
+						![SYCL](./row_col_3.png "SYCL")
 					</div>
 				</section>
 				<!--Slide 16-->
@@ -299,6 +277,68 @@
 					</div>
 				</section>
 				<!--Slide 28-->
+                                <section>
+					<div class="hbox" data-markdown>
+						#### Vec types
+					</div>
+					<div class="container">
+						<code class="code-100pc"><pre>
+auto f4 = sycl::float4{1.0f, 2.0f, 3.0f, 4.0f}; // {1.0f, 2.0f, 3.0f, 4.0f}
+						</code></pre>
+					</div>
+					<div class="container">
+						<code class="code-100pc"><pre>
+auto f2 = sycl::float2{2.0f, 3.0f}; // {2.0f, 3.0f}
+auto f4 = sycl::float4{1.0f, f2, 4.0f}; // {1.0f, 2.0f, 3.0f, 4.0f}
+						</code></pre>
+					</div>
+					<div class="container">
+						<code class="code-100pc"><pre>
+auto f4 = sycl::float4{0.0f};  // {0.0f, 0.0f, 0.0f, 0.0f}
+						</code></pre>
+					</div>
+					<div class="container" data-markdown>
+						* A `vec` can be constructed with any combination of scalar and vector values which add up to the correct number of elements.
+						* A `vec` can also be constructed from a single scalar in which case it will initialize every element to that value.
+					</div>
+				</section>
+				<!--Slide 11-->
+				<section>
+					<div class="hbox" data-markdown>
+						#### Vec operators
+					</div>
+					<div class="container">
+						<code class="code-100pc"><pre>
+auto f4a = sycl::float4{1.0f, 2.0f, 3.0f, 4.0f}; // {1.0f, 2.0f, 3.0f, 4.0f}
+
+auto f4b = sycl::float4{2.0f}; // {2.0f, 2.0f, 2.0f, 2.0f}
+
+auto f4r = f4a * f4b; // {2.0f, 4.0f, 6.0f, 8.0f}
+						</code></pre>
+					</div>
+					<div class="container" data-markdown>
+						* The `vec` class provides a number of operators such as `+`, `-`, `*`, `/` and many more, which perform the operation elemeent-wise.
+					</div>
+				</section>
+				<section>
+					<div class="hbox" data-markdown>
+						#### Vec sizes
+					</div>
+					<div class="container">
+						<code class="code-100pc"><pre>
+sycl::int2
+sycl::int3 (N.B sizeof(int3) == sizeof(int4))
+sycl::int4 
+sycl::int8 
+sycl::int16</code></pre>
+					</div>
+					<div class="container" data-markdown>
+						* Vectors can be made from all char, integer or floating point types.
+						* Using vector types:
+						  * Can make code more readable
+						  * Can give better memory access patterns.
+					</div>
+				</section>
 				<section>
 					<div class="hbox" data-markdown>
 						## Questions