Added first slide (maybe temporary, should be just fine for a dry run), fixed background styling - opacity should affect only iframes

dumbNickname · dumbNickname · commit 814f205530a3 · 2016-10-07T00:08:14.000+02:00
diff --git a/index.html b/index.html
@@ -15,13 +15,12 @@
 <body>
     <div class="reveal">
         <div class="slides">
-            <section>
-                <h3>Revolution in Web</h3>
-                <p>
-                    First slide placeholder. Needs to be adjusted.
-                </p>
+
+            <section data-background-image="/src/img/techtalk_rewolucja_web_grafika_do_wydarzenia_v2.png" data-background-size="90%">
+
             </section>
 
+
             <section data-background-color="var(--secondary-color)">
                 <h1 style="font-size: 3em; margin-bottom: -0.25em;" class="fallbackColor" >Just</h1>
                 <h1 style="font-size: 4.5em; margin-bottom: -0.25em;" class="primaryColor" >like</h1>
@@ -729,7 +728,7 @@ <h3>What can I tell the browser?</h3>
             </section>
 
             <section>
-                <h3>Native vs browser launch style</h3>
+                <h3>Native vs. browser launch style</h3>
                 <img class="plain" style="max-height: 12em;" src="/src/img/manifest-display-options.png">
                 <p>
                     <a href="https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/" class="credits" target="_blank">Image from Google Web Fundamentals</a>
diff --git a/src/css/common.css b/src/css/common.css
@@ -96,7 +96,8 @@ html body {
     border-radius: 5px;
     color: var(--bg-color);
 }
-.reveal .slide-background.present {
+
+.reveal .slide-background.present iframe {
     opacity: 0.4;
 }
 
diff --git a/src/img/techtalk_rewolucja_web_grafika_do_wydarzenia_v2.png b/src/img/techtalk_rewolucja_web_grafika_do_wydarzenia_v2.png

Original file line number	Diff line number	Diff line change
`@@ -96,7 +96,8 @@ html body {`
`96`	`96`	`border-radius: 5px;`
`97`	`97`	`color: var(--bg-color);`
`98`	`98`	`}`
`99`		`-.reveal .slide-background.present {`
	`99`	`+`
	`100`	`+.reveal .slide-background.present iframe {`
`100`	`101`	`opacity: 0.4;`
`101`	`102`	`}`
`102`	`103`