Replace explicit width and height with stretch class

Rather than messing around with height and weight attributes on <img>
elements, just use the "stretch" CSS class to fill the available
slide canvas.

Author: fghaas

itnot/index.html

@@ -40,30 +40,30 @@
 				</section>
 <!––  Slide1 ––>
 				<section>
-			        <img src="pics/slide1.png" width=70% height=70%></th>
+			        <img src="pics/slide1.png" class="stretch"></th>
 				    <aside class="notes">
 <p>So! Hello everyone, my name is Elena "I won't pronounce" Lindqvist and I am here to tell you about using smartNICs with OpenStack.</p>
 <p>I work at Ericsson as a systems manager. That's *systems* manager, so ... </p>
 				    </aside>
 				</section>
 <!––  Slide2 ––>				
 				<section>
-			        <img src="pics/slide2_meeting.jpg" width=70% height=70%></th>
+			        <img src="pics/slide2_meeting.jpg" class="stretch"></th>
 				    <aside class="notes">
 ... not this ... 
 
 				    </aside>
 				</section>
 <!––  Slide3 ––>	
 				<section>
-			        <img src="pics/slide3_HDS.jpg" width=70% height=70%></th>
+			        <img src="pics/slide3_HDS.jpg" class="stretch"></th>
 					<aside class="notes">
 but this ...
 					</aside>
 				</section>
 <!––  Slide4 ––>	
 				<section>
-			        <img src="pics/slide3_datacenter.jpg" width=70% height=70%></th>
+			        <img src="pics/slide3_datacenter.jpg" class="stretch"></th>
 					<aside class="notes">
 or this ...
 					</aside>