Merge pull request voodootikigod#54 from olizilla/master

Chris Williams · Chris Williams · commit b9d0821d3641 · 2013-10-02T07:48:34.000-07:00
Adds CSS version
diff --git a/js.html b/js.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="description" content="CSS simulacrum of the JS logo" />
+<meta charset="utf-8" />
+<title>logo.js</title>
+<style>
+/* A CSS simulacrum of the JS logo. 
+ * See: @voodtikigod's https://github.com/voodootikigod/logo.js
+ * by @olizilla
+ */
+.js{
+  /* You can multiply the width by 0.58 to get the font-size..
+     so for a 100px logo, font size is 100 * 0.58 = 58px */
+  width:200px;
+  height:200px;
+  font-size: 116px; 
+  /* font-size: calc( attr(width) * 0.58 )... If only one could. */
+
+  /* oh god no... can someone please get http://www.houseind.com/fonts/neutraface2 into the public domain. */
+  font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
+  letter-spacing: -1px;
+  line-height: 1.1em;
+  font-weight: 700;
+  
+  background-color: #f3df49;  
+  color: #2e2e2c;
+  /* Increase the font weight with a faux-outline...*/
+  text-shadow:1px 1px 0px #2e2e2c;
+  /* ...but too much and you trade-off the sharpness of the font. */
+  /*text-shadow:-1px 0 #2e2e2c, 0 1px #2e2e2c, 1px 0 #2e2e2c, 0 -1px #2e2e2c;*/
+
+  display: inline-block;
+  position: relative;
+}
+.js div {
+  position: absolute;
+  bottom:0;
+  right:0;
+  padding:0 5% 0 0;
+}
+</style>
+</head>
+<body>
+  <div class="js">
+    <div>JS</div>
+  </div>
+</body>
+</html>
