Explorar el Código

Add logo and links to alternatives.

Martin Kleppe hace 12 años
padre
commit
35aa4a896d
Se han modificado 1 ficheros con 46 adiciones y 23 borrados
  1. 46 23
      index.html

+ 46 - 23
index.html

@@ -3,33 +3,53 @@
   <title>JSFuck - Write any JavaScript with 6 Characters: []()!+</title>
   <title>JSFuck - Write any JavaScript with 6 Characters: []()!+</title>
   <meta name="description" content="JSFuck is an esoteric and educational programming style based on the atomic parts of JavaScript. It uses only six different characters execute code.">
   <meta name="description" content="JSFuck is an esoteric and educational programming style based on the atomic parts of JavaScript. It uses only six different characters execute code.">
   <meta property="og:image" content="http://www.jsfuck.com/preview.png" />
   <meta property="og:image" content="http://www.jsfuck.com/preview.png" />
+  <meta name="viewport" content="width=device-width" />
   <style>
   <style>
     
     
     body {
     body {
       padding: 20px;
       padding: 20px;
-      max-width: 800px;
     }
     }
     
     
     body, * {
     body, * {
       font-family: monospace;
       font-family: monospace;
       font-size: 14px;
       font-size: 14px;
+      line-height: 1.4em;
     }
     }
     
     
     h1 {
     h1 {
       font-size: 2em;
       font-size: 2em;
     }
     }
     
     
+    h2 {
+      width: 90px;
+      text-align: right;
+      padding: 50px 5px 5px;
+      background: #F0DB4E;
+      color: #323230;
+      font-weight: bold;
+      font-size: 20px;
+      line-height: 1em;
+    }
+    
     h3 {
     h3 {
       font-weight: bold;
       font-weight: bold;
     }
     }
+        
+    p, li, textarea {
+      width: 100%;
+      max-width: 600px;
+    }
     
     
     textarea {
     textarea {
       display: block;
       display: block;
-      width: 100%;
       height: 200px;
       height: 200px;
       margin: 1em 0;
       margin: 1em 0;
     }
     }
     
     
+    ul.pre li{
+      white-space: pre;
+    }
+    
     .checkbox {
     .checkbox {
       display: inline-block;
       display: inline-block;
     }
     }
@@ -37,7 +57,9 @@
   </style>
   </style>
 </head>
 </head>
 <body>
 <body>
-  <h1>JSFuck []()!+</h1>
+  <h1>JSFuck</h1>
+  
+  <h2>()+<br>[]!</h2>
   
   
   <p>JSFuck is an esoteric and educational programming style based on the
   <p>JSFuck is an esoteric and educational programming style based on the
   atomic parts of JavaScript. It uses only six different characters to
   atomic parts of JavaScript. It uses only six different characters to
@@ -58,31 +80,32 @@
   
   
   <h3>Links</h3>
   <h3>Links</h3>
   
   
-  <p>
-    * View source on <a href="http://github.com/aemkei/jsfuck">GitHub</a> <br>
-    * Follow <a href="http://twitter.com/aemkei">@aemkei</a> (Martin Kleppe) <br>
-    * Original discussion at <a href="http://sla.ckers.org/forum/read.php?24,32930">Sla.ckers.org</a>
-  </p>
+  <ul>
+    <li>View source on <a href="http://github.com/aemkei/jsfuck">GitHub</a></li>
+    <li>Follow <a href="http://twitter.com/aemkei">@aemkei</a> (Martin Kleppe)</li>
+    <li>Original discussion at <a href="http://sla.ckers.org/forum/read.php?24,32930">Sla.ckers.org</a></li>
+    <li>Alternatives: <a href="http://patriciopalladino.com/files/hieroglyphy/">Hieroglyphy</a> (8 chars), <a href="http://utf-8.jp/public/jsfuck.html">utf-8.jp</a> (broken)</li>
+  </ul>
   
   
   <h3>Basics</h3>
   <h3>Basics</h3>
   
   
-  <pre>
-* 'false'       =>  ![]
-* 'true'        =>  !![]
-* 'undefined'   =>  [][[]]
-* 'NaN'         =>  +[![]]
+  <ul class="pre">
+    <li>'false'       =>  ![]</li>
+    <li>'true'        =>  !![]</li>
+    <li>'undefined'   =>  [][[]]</li>
+    <li>'NaN'         =>  +[![]]</li>
+    
+    <li>'Array'       =>  []</li>
+    <li>'Number'      =>  +[]</li>
+    <li>'String'      =>  []+[]</li>
+    <li>'Boolean'     =>  ![]</li>
+    <li>'Function'    =>  []["sort"]</li>
 
 
-* 'Array'       =>  []
-* 'Number'      =>  +[]
-* 'String'      =>  []+[]
-* 'Boolean'     =>  ![]
-* 'Function'    =>  []["sort"]
- 
-* eval          =>  []["sort"]["constructor"]( CODE )()
-* window        =>  []["sort"]["constructor"]("return this")()
-  </pre>
+    <li>eval          =>  []["sort"]["constructor"]( CODE )()</li>
+    <li>window        =>  []["sort"]["constructor"]("return this")()</li>
+  </ul>
 
 
-  <p>See the full list <a href="https://github.com/aemkei/jsfuck/blob/master/jsfuck.js">here.</a></p>
+  <p>See the full list <a href="https://github.com/aemkei/jsfuck/blob/master/jsfuck.js">here</a>.</p>
 
 
   <script src="jsfuck.js"></script>
   <script src="jsfuck.js"></script>
   <script>
   <script>