forked from kube-bind/kube-bind.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (81 loc) · 2.46 KB
/
index.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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<head>
<title>kubectl bind</title>
</head>
<style>
.responsive-google-slides {
position: relative;
padding-bottom: 56.25%; /* 16:9 Ratio */
height: 0;
overflow: hidden;
}
.responsive-google-slides #gslides {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
body {
background: #000;
color: #ddd;
}
a:link { color: lightskyblue; }
a:visited { color: #ccc; }
a:hover { color: #ffffff; }
a:active { color: #ff4040; text-decoration:none; font-weight:normal; }
#triangle-topright {
width: 0;
height: 0;
border-top: 150px solid #9020d1bb;
border-left: 150px solid transparent;
position: absolute;
}
#triangle-bottomright {
width: 0;
height: 0;
border-bottom: 150px solid #00000080;
border-left: 150px solid transparent;
}
#triangle-topright, #overlay-topright, #triangle-bottomright, #overlay-bottomright {
position: absolute;
color: white;
right: 0;
}
#triangle-bottomright, #overlay-bottomright {
bottom: 0;
}
#overlay-topright {
margin-top: 32px;
transform: rotate(45deg);
text-align: center;
color: white;
font-weight: bold;
a:link { color: white; };
a:visited { color: white; }
}
#overlay-bottomright {
margin-bottom: 50px;
margin-right: -10px;
text-align: center;
color: white;
font-weight: bold;
a:link { color: white; };
a:visited { color: white; }
}
.twitter-follow-button {
transform: rotate(-45deg);
}
</style>
<body>
<div class="responsive-google-slides">
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR2pnXIRht6t5GTsONlnrrqFY5qcU29H2zwN-cUeNIkTrEcJW0-v48QZyTL2C0hd8puXIMZOYSXnaCc/embed?start=true&loop=true&delayms=2000&rm=minimal" id="gslides"></iframe>
<div id="triangle-topright"></div>
<div id="overlay-topright"><a href="https://www.youtube.com/watch?v=dg0g15Qv5Fo&t=1s">ContainerDays<br/>Recording</a></div>
<!--
<div id="triangle-bottomright"></div>
<div id="overlay-bottomright"><a href="https://twitter.com/the_sttts?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @the_sttts</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
-->
</div>
</body>