style google i/o page

WebGLSamples · Nov 13, 2014 · 48f256f · 48f256f
1 parent d06ef7b
commit 48f256f
Showing 1 changed file with 45 additions and 1 deletion.
diff --git a/google-io/2011/index.html b/google-io/2011/index.html
@@ -1,13 +1,56 @@
 <html>
 <head>
-<title>WebGL Samples</title>
+<title>WebGL Samples from Google I/O 2011</title>
 <style>
+body {
+    background-color: #68a;
+    font-family: Helvetica, Arial, sans-serif;
+}
 img {
   border: 0px;
 }
+h1,
+.desc {
+    background-color: #fff;
+    border-radius: 20px;
+    padding: 20px;
+    margin: 20px;
+    box-shadow: 10px 10px 5px #000000;
+}
+iframe,
+#samples>div {
+  display: inline-block;
+  background-color: #fff;
+  border-radius: 20px;
+  padding: 20px;
+  margin: 20px;
+  box-shadow: 10px 10px 5px #000000;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover
+{
+  text-decoration: none;
+  color: black;
+}
+hr {
+  display: none;
+}
 </style>
 </head>
 <body>
+<h1>Google I/O 2011: WebGL Techniques and Performance</h1>
+<div class="desc">
+These samples were part of a presenation made at Google I/O 2011
+</div>
+
+<iframe width="640" height="360" src="//www.youtube.com/embed/rfQ8rKGTVlg?rel=0" frameborder="0" allowfullscreen></iframe>
+
+<hr/>
+
+<div id="samples">
 
 <div><a target="_blank" href="100-objects.html">
 <img src="100-objects.png" /></a><br/>
@@ -74,6 +117,7 @@
 <a target="_blank" href="../../persistence/persistence.html">persistence</a></div>
 
 
+</div>
 
 </body>
 </html>