[project page] Tweaks based on mailing list feedback

doc/docs.css

@@ -10,22 +10,6 @@ section, article { display: block; padding: 0; }
 
 body {
   background: #f8f8f8;
-}
-
-article {
-  max-width: 700px;
-  margin: 0 auto;
-  border-left: 2px solid #E30808;
-  border-right: 1px solid #ddd;
-  padding: 30px 50px 100px 50px;
-  background: white;
-  z-index: 2;
-  position: relative;
-  min-height: 100%;
-  box-sizing: border-box;
-}
-
-body {
   font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   line-height: 1.5;
 }
@@ -50,6 +34,20 @@ a, a:visited, a:link, .quasilink {
   cursor: pointer;
 }
 
+article {
+  max-width: 700px;
+  margin: 0 auto;
+  border-left: 2px solid #E30808;
+  border-right: 1px solid #ddd;
+  padding: 30px 50px 100px 50px;
+  background: white;
+  z-index: 2;
+  position: relative;
+  min-height: 100%;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
 #nav {
   position: fixed;
   top: 30px;
@@ -59,6 +57,16 @@ a, a:visited, a:link, .quasilink {
   z-index: 1;
 }
 
+@media screen and (max-width: 1000px) {
+  article {
+    margin: 0 0 0 160px;
+  }
+  #nav {
+    left: 0; right: none;
+    width: 160px;
+  }
+}
+
 #nav ul {
   display: block;
   margin: 0; padding: 0;

index.html

@@ -65,8 +65,9 @@
     <option value="demo/complete.html">Autocompletion</option>
     <option value="demo/folding.html">Code folding</option>
     <option value="demo/theme.html">Themes</option>
+    <option value="mode/htmlmixed/index.html">Mixed language modes</option>
     <option value="demo/bidi.html">Bi-directional text</option>
-    <option value="demo/variableheight.html">Mixed font sizes</option>
+    <option value="demo/variableheight.html">Variable font sizes</option>
     <option value="demo/vim.html">Vim bindings</option>
     <option value="demo/emacs.html">Emacs bindings</option>
   </select></form>
@@ -112,6 +113,7 @@
   <h2>Features</h2>
   <ul>
     <li>Support for <a href="mode/index.html">over 60 languages</a> out of the box
+    <li>A powerful, <a href="mode/htmlmixed/index.html">composable</a> language mode <a href="doc/manual.html#modeapi">system</a>
     <li><a href="doc/manual.html#addon_show-hint">Autocompletion</a> (<a href="demo/xmlcomplete.html">XML</a>)
     <li><a href="doc/manual.html#addon_foldcode">Code folding</a>
     <li><a href="doc/manual.html#option_extraKeys">Configurable</a> keybindings