docs: add tutorials/options.md

docs/themes/navy/source/css/_partial/icomoon.css

@@ -31,9 +31,6 @@ i {
 .icon-network:before {
   content: "\e902";
 }
-.icon-javascript:before {
-  content: "\e901";
-}
 .icon-opencollective:before {
   content: "\e903";
 }
@@ -43,9 +40,6 @@ i {
 .icon-search:before {
   content: "\f002";
 }
-.icon-cog:before {
-  content: "\f013";
-}
 .icon-gear:before {
   content: "\f013";
 }
@@ -70,3 +64,9 @@ i {
 .icon-shield:before {
   content: "\f132";
 }
+.icon-rocket:before {
+  content: "\e9a5";
+}
+.icon-typescript:before {
+  content: "\e900";
+}

docs/themes/navy/source/css/_partial/page.styl

@@ -50,7 +50,7 @@ note-warn = hsl(0, 100%, 50%)
   overflow-y: auto
 
 #article-toc-top
-  margin-top: 10px
+  margin-top: 13px
   font-size: 0.9em
   text-decoration: none
   color: color-default
@@ -134,6 +134,14 @@ note-warn = hsl(0, 100%, 50%)
       &:after
         content: " (" attr(href) ")"
         font-size: 80%
+    &[target="_blank"]
+      position: relative
+      &::after
+        content: '\00f08e'
+        font-family: 'icomoon'
+        padding-left: 3px;
+        vertical-align: super;
+        zoom: .7
   strong
     font-weight: bold
   em
@@ -180,10 +188,12 @@ note-warn = hsl(0, 100%, 50%)
     &.warn
       border-left-color: note-warn
   .note-title
-    margin: 1em 0
+    margin: 1em 0 0.5em
     display: block
     font-size: 1.3em
     font-weight: bold
+    + *
+      margin-top: 0
   table
     max-width: 100%
     border: 1px solid color-border