o Moving everything under slides.

12 files changed, 147 insertions, 0 deletions

diff --git a/slides/images/IP-Header_eng.pdf b/slides/images/IP-Header_eng.pdf
new file mode 100644
index 0000000..251c3a5
--- /dev/null
+++ b/slides/images/IP-Header_eng.pdf
diff --git a/slides/images/IP-Header_eng.tex b/slides/images/IP-Header_eng.tex
new file mode 100644
index 0000000..8de7312
--- /dev/null
+++ b/slides/images/IP-Header_eng.tex
@@ -0,0 +1,47 @@
+\iffalse
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
+\fi
+
+\begin{tikzpicture}[scale=0.30]
+	\sffamily
+	\foreach \x in {0,7,8,15,16,31} % {0,...,32}
+		\node at (\x+0.5,20.5) {\scriptsize \x};
+%	\foreach \x in {0,...,31}
+%		\node at (\x+0.5,13.5) {\scriptsize \x};
+	\foreach \x in {0,8,16,32} % {0,...,32}
+		\draw[thick] (\x,20) -- (\x,21);
+	\foreach \x in {0,...,32}
+		\draw[thick] (\x,14) -- (\x,20);
+%	\foreach \x in {0,...,32}
+%		\draw[thick] (\x,13) -- (\x,14);
+	\node[thick] (bit1) at (-0.6,20.5) {\scriptsize bit};
+%	\node[thick] (bit2) at (-0.6,13.5) {\scriptsize bit};
+		
+\iffalse
+	\draw [<->, thick] (-0.6, 19.9) -- (-0.6,15.1);
+	\draw [thick] (-1, 20) -- (-0.1,20);
+	\draw [thick] (-1, 15) -- (-0.1,15);
+	\node[fill=white] at (-1.1,17.5) {\tiny 20 bytes};
+\fi
+	\foreach \y/\v in {0,4,8,12,16,20}
+		\node at (-0.6,{19.5-(\v / 4)}) {\scriptsize \v};
+
+	\filldraw[thick,draw=black, fill=white] (0,20) rectangle (4,19); \node (mode) at (2,19.5) {\scriptsize version};
+	\filldraw[thick,draw=black, fill=white] (4,20) rectangle (8,19); \node (mode) at (6,19.5) {\scriptsize len};
+%	\draw[thick, draw=black, fill=white] (8,20) rectangle (16,19); \node (stratum) at (11.5,19.5) {\scriptsize type of service (TOS)};
+	\draw[thick, draw=black, fill=white] (8,20) rectangle (16,19); \node (stratum) at (11.5,19.5) {\scriptsize TOS};
+	\draw[thick, draw=black, fill=white] (16,20) rectangle (32,19); \node (li) at (24,19.5) {\scriptsize full length of packet};
+	\filldraw[thick,draw=black, fill=white] (0,19) rectangle (16,18); \node (mode) at (8,18.5) {\scriptsize identification};
+%	\draw[thick, draw=black] (16,19) rectangle (19,18); \filldraw[white] (16.5,18.43) rectangle (19,18.88); \node [](li) at (17.5,18.67) {\tiny IP flags}; \node at (16.5,18.25) {\tiny x};\node at (17.5,18.25) {\tiny D};\node at (18.5,18.25) {\tiny M};
+	\draw[thick, draw=black] (16,19) rectangle (19,18); \filldraw[white] (16.5,18.43) rectangle (19,18.88); \node at (16.5,18.5) {\scriptsize X};\node at (17.5,18.5) {\scriptsize D};\node at (18.5,18.5) {\scriptsize M};
+	\draw[thick, draw=black, fill=white] (19,19) rectangle (32,18); \node (li) at (24,18.5) {\scriptsize fragment Offset};
+	\filldraw[thick,draw=black, fill=white] (0,18) rectangle (8,17); \node (mode) at (4,17.5) {\scriptsize time to live (TTL)};
+	\draw[thick, draw=black, fill=white] (8,18) rectangle (16,17); \node (stratum) at (11.5,17.5) {\scriptsize protocol};
+	\draw[thick, draw=black, fill=white] (16,18) rectangle (32,17); \node (li) at (24,17.5) {\scriptsize header checksum};
+	\filldraw[thick,draw=black, fill=white] (0,17) rectangle (32,16); \node (mode) at (16,16.5) {\scriptsize source IP address};
+	\filldraw[thick,draw=black, fill=white] (0,16) rectangle (32,15); \node (mode) at (16,15.5) {\scriptsize destination IP address};
+	\draw[thick,draw=black, fill=white] (0,15) rectangle (31.5,14);
+	\draw[fill=white, draw=white] (31.4,14.96) rectangle (31.6,14.05);
+	\draw[thick]  (31.5,14.97)  decorate [decoration=saw] { -- (31.5,14.02)};
+	\node (mode) at (16,14.5) {\scriptsize IP options (variable length)};
+\end{tikzpicture}
diff --git a/slides/images/esp+arduino-sdks.pgf b/slides/images/esp+arduino-sdks.pgf
new file mode 100644
index 0000000..c351492
--- /dev/null
+++ b/slides/images/esp+arduino-sdks.pgf
@@ -0,0 +1,36 @@
+\begin{tikzpicture}
+
+\node (rect_hw) [rectangle, draw, anchor=south west,
+	minimum width=6 cm, minimum height=1 cm,
+	label={[anchor=south]center:ESP8266 Hardware}] at (0, 0) {};
+
+\draw[thick] (-0.5, 1.25) -- (6.5, 1.25) ;
+
+\node  [rectangle, draw, anchor=south west,
+	minimum width=4 cm, minimum height=1 cm,
+	label={[anchor=south]center:ESP SDK}] at (0, 1.5) {};
+
+\node [rectangle, draw, anchor=south west,
+	minimum width=2 cm, minimum height=1 cm,
+	label={[align=center, text width=1cm]center:GCC  libc}] at (4, 1.5) {};
+
+\node [rectangle, draw, anchor=south west,
+	minimum width=6 cm, minimum height=1 cm,
+	label={[anchor=south]center:ESP interface}] at (0, 2.5) {};
+
+\node [rectangle, draw, anchor=south west,
+	minimum width=2 cm, minimum height=1 cm,
+	label={[align=center, text width= 2cm]center:Generic Arduino}] at (0, 3.5) {};
+
+\node [rectangle, draw, anchor=south west,
+	minimum width=2 cm, minimum height=1 cm,
+	label={[align=center, text width= 2cm]center:Ethernet}] at (2, 3.5) {};
+
+\node [rectangle, draw, anchor=south west,
+	minimum width=2 cm, minimum height=1 cm,
+	label={[align=center, text width= 2cm]center:ESP APIs}] at (4, 3.5) {};
+
+\draw [decorate, decoration={brace,amplitude=5pt, raise=-4pt}] (-0.5,2.5) -- (-0.5,4.5) node [black,midway,rotate=90, above] {Arduino};
+
+
+\end{tikzpicture}
diff --git a/slides/images/esp32-block-diagram.pdf b/slides/images/esp32-block-diagram.pdf
new file mode 100644
index 0000000..27cc1f9
--- /dev/null
+++ b/slides/images/esp32-block-diagram.pdf
diff --git a/slides/images/esp32_datasheet_en.pdf b/slides/images/esp32_datasheet_en.pdf
new file mode 100644
index 0000000..4b18b52
--- /dev/null
+++ b/slides/images/esp32_datasheet_en.pdf
diff --git a/slides/images/esp8266ex-block-diagram.pdf b/slides/images/esp8266ex-block-diagram.pdf
new file mode 100644
index 0000000..19726c7
--- /dev/null
+++ b/slides/images/esp8266ex-block-diagram.pdf
diff --git a/slides/images/esp8266ex_datasheet_en.pdf b/slides/images/esp8266ex_datasheet_en.pdf
new file mode 100644
index 0000000..ff463f1
--- /dev/null
+++ b/slides/images/esp8266ex_datasheet_en.pdf
diff --git a/slides/images/ip-header.pdf b/slides/images/ip-header.pdf
new file mode 100644
index 0000000..2ad03c7
--- /dev/null
+++ b/slides/images/ip-header.pdf
diff --git a/slides/images/ip-header.svg b/slides/images/ip-header.svg
new file mode 100644
index 0000000..83c1600
--- /dev/null
+++ b/slides/images/ip-header.svg
@@ -0,0 +1,2 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="684px" height="281px" version="1.1" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36&quot; version=&quot;8.5.10&quot; editor=&quot;www.draw.io&quot;&gt;&lt;diagram&gt;7VvbbuIwEP2aPFbKHXgsULaV9lKJavfZTUyw6sSsY0rZr187ccjFoaUScUJFpbbJ+H7meDweO4Yzi9++UbBZ/yAhxIZthm+GMzdse2x5/K8Q7HOBa41zQURRmIusUrBE/6AUmlK6RSFMaxkZIZihTV0YkCSBAavJAKVkV8+2Irje6gZEUBEsA4BV6R8UsrUclj0q5fcQReuiZcuf5CnPIHiJKNkmsj3DdlbZT54cg6IuOdB0DUKyq4icO8OZUUJY/hS/zSAW0Baw5eUWR1IP/aYwYacUsPMCrwBv5dAf7r/LrrF9AUc2ICiKmIYz3a0Rg8sNCETqjuufy9YsxvzN4o8rkrAFiBEWuv8NaQgSwMWyIUgZfDvaWesAAWcWJDFkdM+zyAK2KVHbN953FR1J0bqiHlfKgGRFdKi5RIY/SHDagXIUoPjQUkSSoYJl2f2B5Spg3c1+DhUo9wRWuR0B5SlAzZezx6EideDLO0gdaHduqHwFKsP2MW9gGqLXGlz+360wn1M+UHYDMIoSw7nlOTBcsTKVP0Xyf1ZLugFJIRPLVy7lvaomVMRZq4W0oS/Rcl0pKaPkBc4IJpRLEpJAoSmEcUMkuzsPuEogl0+FwhBfmG5lQozCUDTTyoI6TzqcMg3bYo1VIrTxwD4DD0YaeeD2TQOaYzdMFkxGdWvg6SPBWCMJxn2TYNi2oLko6LQFE400GF1p8C4N/P5oUOwaKzx4IgzgTL9JxJsfqEPluh87VE5XDpVlaZw9Yv90nT7HmeD1aEUtNQjQoWvtX4nwGZOglQhqkKM7IjjWlQjvEWHUJxHUAE6HS0Pvu6xhE8E3eySCGqB6CHm/0YrDxC4p+unq9KzUWNUCgygdKliKG9oClt8VVmo8Z0FBFIuu2yZZrVLIhoqb14wct+DWHXBqDOQegpDbMdsM1jB4SbfxUIFTCNdi0rqbnWrU4AnF0BBHjGLhQq9wqLgpVq0FN6srwhVtV3B7pISRgOCh4qUcWGjFS91fL8mWBoJpIAwpTAe7IDR5dpiL1QWhqzMxW92OzmHKUCIdjosDz9cJns4tnHl13D9DBJ2Oe8sR/BfmwUUdk1kaWaBu377wOdlFsWCikQVar07YVxqcTgPH0UgDnTcn+g/zD5oGowYNRqddOTsLDdS4wa+N8KwvxqF2W05Ju3Oodd4xEAM1b/iv07sVHbZr3Zg/botP1dX8KSx2hRBTpIYoVQ3wPSv6B56zDAKdDUEJyzriTQ1vLrDfMpLmd+GtEywZI5ucPwFKoifxMr9xu129Ghualp2t0xXsajRlumdqpO6MuGfzdgiwN9jeto/sjO1qMEaBHCbhrfjmojQipy4LMFQ+w/gQk8qgvZZBFzIKMWAilFutvg0J2cKjYEUJefM6ht/AMs0iebJQCadSz9Fb+EVFDNAIMqWiTC+HUbepir+Wn4nk2ctPcZy7/w==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g transform="translate(0.5,0.5)"><rect x="123" y="40" width="80" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(152.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="21" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 22px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">IHL</div></div></foreignObject><text x="11" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">IHL</text></switch></g><rect x="43" y="40" width="80" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(60.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="44" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 45px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Version</div></div></foreignObject><text x="22" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Version</text></switch></g><rect x="323" y="40" width="40" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(330.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="25" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 26px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">ECN</div></div></foreignObject><text x="13" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">ECN</text></switch></g><rect x="203" y="40" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(246.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="33" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 34px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">DSCP</div></div></foreignObject><text x="17" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">DSCP</text></switch></g><g transform="translate(345.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="15" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 16px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>15</span></div></div></div></foreignObject><text x="8" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(29.5,93.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; word-wrap: normal; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>4</span></div></div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(208.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>8</span></div></div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(188.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>7</span></div></div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><rect x="363" y="40" width="320" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(487.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="71" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Total length</div></div></foreignObject><text x="36" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Total length</text></switch></g><g transform="translate(505.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="15" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 16px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>23</span></div></div></div></foreignObject><text x="8" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(365.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="15" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 16px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>16</span></div></div></div></foreignObject><text x="8" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(665.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="15" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 16px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>31</span></div></div></div></foreignObject><text x="8" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(525.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="15" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 16px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>24</span></div></div></div></foreignObject><text x="8" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><rect x="43" y="80" width="320" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(163.5,93.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="79" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 80px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Identification</div></div></foreignObject><text x="40" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Identification</text></switch></g><rect x="363" y="80" width="60" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(377.5,93.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="31" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 32px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Flags</div></div></foreignObject><text x="16" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Flags</text></switch></g><rect x="423" y="80" width="260" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(504.5,93.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="96" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 97px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Fragment offset</div></div></foreignObject><text x="48" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Fragment offset</text></switch></g><rect x="363" y="120" width="320" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(469.5,133.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="107" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 108px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Header checksum</div></div></foreignObject><text x="54" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Header checksum</text></switch></g><rect x="43" y="120" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(87.5,133.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="71" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Time to live</div></div></foreignObject><text x="36" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Time to live</text></switch></g><rect x="203" y="120" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(258.5,133.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="48" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 49px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Protocol</div></div></foreignObject><text x="24" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Protocol</text></switch></g><rect x="43" y="160" width="640" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(316.5,173.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="93" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 94px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Source address</div></div></foreignObject><text x="47" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Source address</text></switch></g><rect x="43" y="200" width="640" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(302.5,213.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="120" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 121px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Destination address</div></div></foreignObject><text x="60" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Destination address</text></switch></g><g transform="translate(48.5,23.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>0</span></div></div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(29.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; word-wrap: normal; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>0</span></div></div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(29.5,133.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="8" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 9px; white-space: nowrap; word-wrap: normal; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>8</span></div></div></div></foreignObject><text x="4" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(21.5,173.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="16" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 17px; white-space: nowrap; word-wrap: normal; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>12</span></div></div></div></foreignObject><text x="8" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(21.5,213.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="16" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 17px; white-space: nowrap; word-wrap: normal; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>16</span></div></div></div></foreignObject><text x="8" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><rect x="43" y="240" width="640" height="40" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(339.5,253.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Options</div></div></foreignObject><text x="23" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Options</text></switch></g><g transform="translate(0.5,246.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="38" height="26" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 38px; white-space: normal; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>20 - 32</span></div></div></div></foreignObject><text x="19" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">[Not supported by viewer]</text></switch></g><g transform="translate(23.5,2.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="17" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: right;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Bit</div></div></foreignObject><text x="9" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Bit</text></switch></g><g transform="translate(1.5,22.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="27" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Verdana; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Byte</div></div></foreignObject><text x="14" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Verdana">Byte</text></switch></g><path d="M 3 0 L 43 40" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/></g></svg>
\ No newline at end of file
diff --git a/slides/images/ip-header.xml b/slides/images/ip-header.xml
new file mode 100644
index 0000000..4ac4521
--- /dev/null
+++ b/slides/images/ip-header.xml
@@ -0,0 +1 @@
+<mxfile userAgent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36" version="8.5.10" editor="www.draw.io" type="device"><diagram id="a3f57cc8-2321-3e81-8ff5-796f424172f4" name="Page-1">7VvbbqMwEP0aHisBJiR5bJJ2u9JeKqXafXbBIVYNzhqnafbr1wYTLiZtKhVDuqnUFsbGlzPH45kxWGAev3xhcLP+TkNELNcOXyywsFx34ozEXynY5wLPG+eCiOEwFzmlYIn/IiW0lXSLQ5TWKnJKCcebujCgSYICXpNBxuiuXm1FSb3XDYyQJlgGkOjS3zjkazUtd1zK7xCO1kXPjj/NSx5h8BQxuk1Uf5YLVtlPXhzDoi010XQNQ7qriMCNBeaMUp5fxS9zRCS0BWz5c7dHSg/jZijhpzzg5g88Q7JVU/96900Nje8LOLIJIfmIbYHZbo05Wm5gIEt3Qv9CtuYxEXeOuFzRhN/CGBOp+1+IhTCBQqw6Qoyjl6ODdQ4QCGYhGiPO9qKKesC1FWr7xv2uoiMlWlfU4ykZVKyIDi2XyIgLBU47UEADSkwtxTQZKliO2x9YngbWzfzHUIHyTmCV1xFQIw2oxXJ+P1SkDnx5BakD7T4aKl+DynJ9IjqYhfi5Bpf/ZyvN50xMlF9BgqPEAteiBkErXpaKq0j9z1pJNzApZHL7yqViVNWCijjrtZA29CV7risl5Yw+oTkllAlJQhMkNYUJaYjUcBeBUAkS8plUGBYb07UqiHEYym5aWVDnSYdLpmFbnIlOhDYeuB/Ag7FBHnh904Dl2A2TBdNx3RqMzJHAcQyyYNI3C4ZtDJq7gklj4Oj+a3c8GF948CoP/B55oLvnD5RDkuk3iUT3A3WpPO9tlwp05VI5uvvZ3eqREdRl+RxnwqhPM2rUufYvRHiPSTBKBJPeNXAuRHiNCOM+iTAxuTX0HmcNmwi+3R8RijaqGeJQjBuvBEz8nPKfnkHPytXj01sCo3SoYGluaAtYfldY6THcLYNRLIfu2nS1ShEfKm6jZu64BbfugNODnjsEQ2HHXDtYo+Ap3cZDBU4jXItJ62516ucTDzhGljxklBsXfkZDxU2zai24OZ0RTo8X7xnlNKBkqHhpRxZG8dLDqiXdskAyDYYhQ+lgN4Qmzw5rsbohdHUq1pLjX6CU40Q5HGcHnm8SPJOeu31x3N9DBKOO+/R/4sFZHZQ55lgA9PDtEx+UnRULpgZZYPK41HEvNDidBgAYpIEeaX/mNP+gaTBu0GB82ktnH0IDPW/wcyM967NxqL2WU9LOHGqgZws6TIWLAdtX4hf0bkWH7Vo31o/X4lN1tn70NMgM6ylKXQMiZsV/4WNWQaKzoTjh2UBGM2u0kNhvOU3zt+GdEywZp5ucPwFOogd5s7jyut29GgFNS2QLuoJdz6bM9lzP1H0g7tm6HQLsDba3xZGdsb0tn9CAHCXhtfzqojQip24LKNQ+xHgTk8qkRy2TLmQMEchlKrfafBsSqod7yYoS8ubrGH4DyzTL5KmHSji1do6+h180xCGLENcayvRymHWbqsRt+aFIXr38GAfc/AM=</diagram></mxfile>
\ No newline at end of file
diff --git a/slides/images/pp-template b/slides/images/pp-template
new file mode 100755
index 0000000..8021025
--- /dev/null
+++ b/slides/images/pp-template
@@ -0,0 +1,28 @@
+#!/bin/bash
+echo '\documentclass[preview]{standalone}
+\usepackage{blindtext}
+\usepackage[utf8]{inputenc}
+\usepackage{tikz}
+\usetikzlibrary{
+  angles,
+  arrows,
+  backgrounds,
+  calc,
+  chains,
+  decorations,
+  decorations.pathmorphing,
+  decorations.pathreplacing,
+  decorations.text,
+  fit,
+  positioning,
+  quotes,
+  shapes.arrows,
+  shapes.geometric,
+  shapes.symbols,
+}
+
+\usepackage{fontspec}
+\setsansfont{Verdana}
+\begin{document}'
+cat -
+echo '\end{document}'
diff --git a/slides/images/qtikz-template.pgs b/slides/images/qtikz-template.pgs
new file mode 100644
index 0000000..b05f8ef
--- /dev/null
+++ b/slides/images/qtikz-template.pgs
@@ -0,0 +1,33 @@
+\documentclass[preview]{standalone}
+\usepackage{blindtext}
+\usepackage[utf8]{inputenc}
+
+\usepackage{fontspec}
+\setsansfont{Verdana}
+
+\usepackage{tikz}
+
+\usetikzlibrary{
+  angles,
+  arrows,
+  backgrounds,
+  calc,
+  chains,
+  decorations,
+  decorations.pathmorphing,
+  decorations.pathreplacing,
+  decorations.text,
+  fit,
+  positioning,
+  quotes,
+  shapes.arrows,
+  shapes.geometric,
+  shapes.symbols,
+}
+
+\begin{document}
+
+<>
+
+\end{document}
+