Add email contact link, obfuscated and javascripted

jamiew · Sep 17, 2011 · c86b4f7 · c86b4f7
1 parent c3f9b22
commit c86b4f7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -51,7 +51,15 @@
   </div>
 
   <div id="vhx_logo">
-    <a href="http://vhx.tv" target="_blank"><img src="images/vhx_logo.png" alt="VHX.TV" title="VHX.TV" /></a>
+    <div id="contact">
+      <script type="text/javascript" charset="utf-8">
+        document.write('<a href="mailto:&#106;&#097;&#109;&#105;&#101;&#064;&#118;&#104;&#120;&#046;&#116;&#118;?&#115;&#117;&#098;&#106;&#101;&#099;&#116;=&#115;&#104;&#111;&#119;&#109;&#101;&#110;&#111;&#110;&#115;&#116;&#111;&#112;&#046;&#099;&#111;&#109;"><img src="http://vhx.tv/images/mail_icon_fff.gif" alt="Email me" title="Email me" /></a>')
+      </script>
+
+    </div>
+    <div id="logo">
+      <a href="http://vhx.tv" target="_blank"><img src="images/vhx_logo.png" alt="VHX.TV" title="VHX.TV" /></a>
+    </div>
   </div>
 
 

diff --git a/stylesheets/application.css b/stylesheets/application.css
@@ -87,4 +87,11 @@ input:focus, button:focus { outline: none; }
 #socialmedia div { float: left; margin-left: 10px; }
 
 #vhx_logo { position: absolute; z-index: 100; bottom: 0px; right: 5px; display: none; }
+#vhx_logo div { float: left; }
+#vhx_logo #logo { opacity: 0.7; }
+#vhx_logo #logo:hover { opacity: 1; }
+#vhx_logo #contact { opacity: 0.4; margin-top: 36px; margin-right: 2px; }
+#vhx_logo #contact:hover { opacity: 1; }
 
+a { color: #fff; }
+#connect_widget_interactive_area a { color: #fff; }