index.html: Categorize hacks

browser-bugs · Feb 3, 2016 · b217055 · b217055
1 parent b65d7a1
commit b217055
Showing 1 changed file with 31 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -18,29 +18,47 @@ <h1>CSS Hacks Lab <small>a project of the <a href="http://browserbu.gs">Browser
 
       <h2>Hacks researched:</h2>
       <ul class="underline-links">
-        <li><a href="webkit-full-page-media/"><code>_::-webkit-full-page-media</code></a></li>
-        <li><a href="media-min-width-0-backslash-0/"><code>@media (min-width: 0\0)</code></a></li>
-        <li><a href="webkit-full-screen/"><code>_:-webkit-full-screen</code></a></li>
-        <li>The <code>property: value\9;</code> family of hacks
+        <li>Pseudo-element hacks
           <ul>
-            <li><a href="property-value-backslash-9/background-color/"><code>background-color: color\9;</code></a></li>
-            <li><a href="property-value-backslash-9/length/"><code>length-property: length\9;</code></a></li>
+            <li><a href="webkit-full-page-media/"><code>_::-webkit-full-page-media</code></a></li>
           </ul>
         </li>
-        <li>The <code>property: value&nbsp;\9;</code> <strong>(note the space)</strong> family of hacks</li>
+        <li>Pseudo-class hacks
           <ul>
-            <li><a href="property-value-space-backslash-9/length/"><code>length-property: length&nbsp;\9;</code></a></li>
+            <li><a href="webkit-full-screen/"><code>_:-webkit-full-screen</code></a></li>
           </ul>
-        <li>The <code>property: value\0;</code> family of hacks
+        </li>
+        <li>Media query hacks
           <ul>
-            <li><a href="property-value-backslash-0/background-color/"><code>background-color: color\0;</code></a></li>
-            <li><a href="property-value-backslash-0/length/"><code>length-property: length\0;</code></a></li>
+            <li><a href="media-min-width-0-backslash-0/"><code>@media (min-width: 0\0)</code></a></li>
           </ul>
         </li>
-        <li>The <code>property: value&nbsp;\0;</code> <strong>(note the space)</strong> family of hacks</li>
+        <li>Property value hacks
           <ul>
-            <li><a href="property-value-space-backslash-0/length/"><code>length-property: length&nbsp;\0;</code></a></li>
+            <li>The <code>property: value\9;</code> family of hacks
+              <ul>
+                <li><a href="property-value-backslash-9/background-color/"><code>background-color: color\9;</code></a></li>
+                <li><a href="property-value-backslash-9/length/"><code>length-property: length\9;</code></a></li>
+              </ul>
+            </li>
+            <li>The <code>property: value&nbsp;\9;</code> <strong>(note the space)</strong> family of hacks
+              <ul>
+                <li><a href="property-value-space-backslash-9/length/"><code>length-property: length&nbsp;\9;</code></a></li>
+              </ul>
+            </li>
+            <li>The <code>property: value\0;</code> family of hacks
+              <ul>
+                <li><a href="property-value-backslash-0/background-color/"><code>background-color: color\0;</code></a></li>
+                <li><a href="property-value-backslash-0/length/"><code>length-property: length\0;</code></a></li>
+              </ul>
+            </li>
+            <li>The <code>property: value&nbsp;\0;</code> <strong>(note the space)</strong> family of hacks
+              <ul>
+                <li><a href="property-value-space-backslash-0/length/"><code>length-property: length&nbsp;\0;</code></a></li>
+              </ul>
+            </li>
           </ul>
+        </li>
       </ul>
 
       <h2>About</h2>