Use more compact header layout for talks

Author: dontcallmedom

Diff for: _layouts/talk.html

@@ -23,8 +23,8 @@
         <a href="https://www.w3.org/"><img alt="W3C" src=
         "https://www.w3.org/Icons/w3c_home"></a>
       </div>
-      <div id="top">
-        <h1 class=small>
+      <div id="top" class=small>
+        <h1>
           W3C Workshop on Web and Machine Learning
         </h1>
       </div>

Diff for: images/workshop-short-banner.png

@@ -51,6 +51,16 @@ header #translations {
   position: relative;
 }
 
+#top.small {
+    background-color: black;
+  background-image: url("images/workshop-short-banner.png");
+  background-repeat: no-repeat;
+  background-size: contain;
+  min-height: 100px;
+  position: relative;
+}
+
+
 #top h1,
 #top h2 {
     margin-left:450px;
@@ -59,6 +69,12 @@ header #translations {
   text-shadow: 4px 4px 20px black;
 }
 
+#top.small h1 {
+    text-shadow: none;
+    margin-left: 100px;
+}
+
+
 #top h1 a:link, #top h1 a:visited { color: white;}
 
 #top a.credit { position: absolute; bottom:0; right:0;}