diff --git a/public/css/main.css b/public/css/main.css
deleted file mode 100644
index b71ccce..0000000
--- a/public/css/main.css
+++ /dev/null
@@ -1,12 +0,0 @@
-html, body {
-    margin: 0px;
-    height: 100%;
-}
-
-#willpower {
-    background-image: url('/images/willpower.gif');
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    height: 100%;
-}
diff --git a/public/main.css b/public/main.css
new file mode 100644
index 0000000..57e82f3
--- /dev/null
+++ b/public/main.css
@@ -0,0 +1,25 @@
+html, body {
+    margin: 0px;
+    height: 100%;
+}
+
+#video {
+    background-image: url('/willpower.gif');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 100%;
+}
+
+.modal.background {
+    z-index: 10;
+    background-image: url('/tip.jpg');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 100%;
+}
+
+.modal.content {
+    
+}
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..365a0c6
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Disallow: main.css
+Disallow: tip.jpg
+Disallow: willpower.gif
diff --git a/public/images/tip.jpg b/public/tip.jpg
similarity index 100%
rename from public/images/tip.jpg
rename to public/tip.jpg
diff --git a/public/video/willpower.swf b/public/video/willpower.swf
deleted file mode 100644
index 9e5b150..0000000
Binary files a/public/video/willpower.swf and /dev/null differ
diff --git a/public/images/willpower.gif b/public/willpower.gif
similarity index 100%
rename from public/images/willpower.gif
rename to public/willpower.gif
diff --git a/views/index.erb b/views/index.erb
index 8f91270..ec24c46 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -1 +1,5 @@
-<div id="willpower"></div>
+<div class="modal background"></div>
+<div id="video"></div>
+<audio id="soundtrack" preload="auto" loop>
+  <source src="/willpower.mp3" type="audio/mpeg">
+</audio>
diff --git a/views/layout.erb b/views/layout.erb
index 459a657..c0a78b3 100644
--- a/views/layout.erb
+++ b/views/layout.erb
@@ -8,16 +8,14 @@
         content="One man's journey to summon his own calm from within.">
   <meta property="og:url" content="https://www.mywillpower.org">
   <meta property="og:site_name" content="My Willpower">
-  <meta property="og:image"
-        content="http://www.mywillpower.org/images/tip.jpg">
+  <meta property="og:image" content="http://www.mywillpower.org/tip.jpg">
   <meta property="og:image:alt"
         content="A man standing on the summit of a mountain with his arms
                  outstretched above his head.">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="My Willpower">
   <meta name="twitter:description" content="One man's journey.">
-  <meta name="twitter:image"
-        content="http://www.mywillpower.org/images/tip.jpg">
+  <meta name="twitter:image" content="http://www.mywillpower.org/tip.jpg">
   <meta name="twitter:image:alt"
         content="A man standing on the summit of a mountain with his arms
                  outstretched above his head.">
@@ -25,7 +23,7 @@
   <meta name="description"
         content="One man's journey to summon his own calm from within.">
   <title>My Willpower</title>
-  <link rel="stylesheet" type="text/css" href="/css/main.css">
+  <link rel="stylesheet" type="text/css" href="/main.css">
 </head>
 <body>
 <%= yield %>
