-
Notifications
You must be signed in to change notification settings - Fork 298
/
intro.html
39 lines (37 loc) · 1.64 KB
/
intro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!--#include virtual="/includes/_header.htm" -->
<body class="page-intro ">
<!--#include virtual="/includes/_top.htm" -->
<script type="text/javascript">
function loadVideo () {
var videoPlaceholder = document.getElementById("video_placeholder");
var iframe = document.createElement('iframe');
iframe.width="480";
iframe.height="270";
iframe.src="https://www.youtube.com/embed/vHbvbwSEYGo?modestbranding=1";
iframe.frameborder="0";
iframe.allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture";
iframe.setAttribute('allowFullScreen', '');
iframe.setAttribute('class','youtube-embed page-header-video-embed');
videoPlaceholder.parentNode.replaceChild(iframe, videoPlaceholder);
document.getElementById("notification").style.display = 'none';
}
</script>
<div class="content">
<!--#include virtual="/includes/_nav.htm" -->
<div class="right">
<div class="page-header">
<h1 class="page-header-title">Introduction</h1>
<p class="page-header-text">Everything you need to know about Kafka in 10 minutes
<span id="notification"> <br/>(clicking the image will load a video from YouTube)</span>
</p>
<div class="page-header-video">
<img id="video_placeholder" width="480" height="270" src="images/what_is_kafka.png" onclick="loadVideo()" style="cursor:pointer"/>
</div>
</div>
<!-- should always link the latest release's documentation -->
<!--#include virtual="/39/introduction.html" -->
<!--#include virtual="includes/_footer.htm" -->
<script>
// Show selected style on nav item
$(function() { $('.b-nav__intro').addClass('selected'); });
</script>