Merge pull request #64 from googlefonts/issue-45-get-rid-of-gear-panel

Get rid of 'gear' panel + add application settings infos

_how-tos/create-new-glyph.md

@@ -9,7 +9,7 @@ order     : 202
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/draw/designing-with-variable-components.md

@@ -9,7 +9,7 @@ order     : 302
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/draw/draw-with-3-axes.md

@@ -9,7 +9,7 @@ order     : 301
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/installation/building-fontra-from-source.md

@@ -9,7 +9,7 @@ order     : 110
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/installation/installing-fontra-pak-mac.md

@@ -9,7 +9,7 @@ order     : 102
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/installation/installing-fontra-pak-windows.md

@@ -9,7 +9,7 @@ order     : 103
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/installation/installing-fontra-pak.md

@@ -9,7 +9,7 @@ order     : 101
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/opening-ufo-designspace.md

@@ -9,7 +9,7 @@ order     : 201
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_how-tos/reporting.md

@@ -9,7 +9,7 @@ order     : 901
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb small">
     <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
-    <li class="breadcrumb-item"><a href="../../how-tos">How-Tos</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/how-tos">How-Tos</a></li>
     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
   </ol>
 </nav>

_introduction/introduction.md

@@ -20,6 +20,6 @@ Fontra is different from most other editors because it works in the browser. Usi
 Quickstart
 ----------
 
-- [Installing Fontra Pak on your computer]({{ site.url }}/how-tos/installing-fontra-pak/)
+- [Installing Fontra Pak on your computer]({{ site.url }}/how-tos/installation/installing-fontra-pak/)
 - [Opening a UFO or designspace file]({{ site.url }}/how-tos/opening-ufo-designspace)
 - [Workspace overview]({{ site.url }}/reference/workspace/)

_reference/canvas.md

@@ -47,48 +47,6 @@ Use the *sources* section of the [designspace panel] to switch to another source
 Use the shortcut keys ⌘ ↑ to go to the previous source, and ⌘ ↓ to go to the next source.
 
 
-Display options
----------------
-
-##### Light / dark color schemes
-
-Use the [options panel] to switch between *light*, *dark* or *auto* (follow OS) color modes.
-
-##### Full screen mode
-
-Use the [navigation tools] to activate and deactivate full screen mode.
-
-##### Show other sources
-
-Use the *sources* section of the [designspace panel] to display other sources in the background.
-
-##### Show reference font
-
-Use the [reference font panel] to display any glyph from a binary font in the background.
-
-##### Show coordinates
-
-Use the [options panel] to display coordinates of selected points.
-
-
-Glyph selection
----------------
-
-...
-
-
-Glyph editing
--------------
-
-...
-
-
-Designspace visualization
--------------------------
-
-...
-
-
 {% comment %}
 
 Glyph selection
@@ -115,7 +73,7 @@ Use the [pointer tool] to select and move contours, segments points, handles, co
 
 Use the [pen tool] to draw new contours and add points to existing contours.
 
-Fontra supports cubic and quadratic outlines. Quadratic outlines can be activated in the [options panel].
+Fontra supports cubic and quadratic outlines.
 
 You can use the standard keyboard shortcuts ⌘ Z to undo the last actions, and ⇧ ⌘ Z to redo them.
 
@@ -169,7 +127,6 @@ When working with designspace, you can jump quickly from one source to another u
 [preview text panel]: #
 [glyph info panel]: # 
 [designspace panel]: #
-[options panel]: # 
 [navigation tools]: #
 [pointer tool]: #
 [pen tool]: #
@@ -185,5 +142,4 @@ When working with designspace, you can jump quickly from one source to another u
 [preview text panel]: ../panels/preview-text
 [find glyph panel]: ../panels/find-glyph
 [designspace panel]: ../panels/designspace
-[options panel]: ../panels/options
 [reference font panel]: ../panels/reference-font

_reference/canvas/glyph-editor/anchors.md

@@ -24,8 +24,8 @@ order     : 211
 {: .alert-heading}
 - Add/edit anchors works with **multi-source-editing**
 - **Select all anchors** by entering multiple times the short cut `⌘` + `a` for Mac (or `Ctrl` + `a` for Windows)
-- **Show/hide anchor names** via panel [Options](/reference/panels/options)
-- **Show coordinates** via panel [Options](/reference/panels/options)
+- **Show/hide anchor names** via [Glyph editor appearance](/reference/menu/view/glyph-editor-appearance)
+- **Show coordinates** via [Glyph editor appearance](/reference/menu/view/glyph-editor-appearance)
 {: .mb-0 }
 </div>
 
@@ -54,19 +54,14 @@ order     : 211
 
 
 #### Show/hide anchor names
-1. go to panel [Options](/reference/panels/options)
+1. go to [Glyph editor appearance](/reference/menu/view/glyph-editor-appearance)
 2. click checkbox **Anchor names**
 
-![]({{ site.url }}/images/canvas-glyph-editor-anchor-names.png){: .img-fluid }
-
-
 #### Show/hide anchor coordinates
-1. go to panel [Options](/reference/panels/options)
+1. go to [Glyph editor appearance](/reference/menu/view/glyph-editor-appearance)
 2. click checkbox **Coordinates**
 3. select anchor(s)
 
-![]({{ site.url }}/images/canvas-glyph-editor-anchor-coordinates.png){: .img-fluid }
-
 Actions
 -------
 

_reference/menu.md

@@ -16,38 +16,31 @@ order     : 600
 
 <table class='table table-hover'>
 <tr>
-<th width='5%'>#</th>
 <th width='13%'>item</th>
 <th width='82%'>description</th>
 </tr>
 <tr>
-<td>1</td>
-<td><a href=''>File</a></td>
-<td> Will include items like: New..., Open...</td>
+<td><a href='../menu/fontra'>Fontra</a></td>
+<td>Application Settings</td>
 </tr>
 <tr>
-<td>2</td>
-<td><a href=''>Edit</a></td>
+<td>File</td>
+<td>Will include items like: New..., Open...</td>
+</tr>
+<tr>
+<td>Edit</td>
 <td>Undo, redo, etc.</td>
 </tr>
 <tr>
-<td>3</td>
-<td><a href=''>View</a></td>
-<td>Zoom in and out, etc.</td>
+<td><a href='../menu/view'>View</a></td>
+<td>Includes: Zoom, Selection, Glyph editor apperance</td>
 </tr>
 <tr>
-<td>4</td>
 <td><a href='../menu/font'>Font</a></td>
 <td>Includes: Font info, Axes, Sources, Status definitions</td>
 </tr>
 <tr>
-<td>5</td>
-<td><a href=''>Extensions</a></td>
-<td>For example, Plugin Manager</td>
-</tr>
-<tr>
-<td>6</td>
-<td><a href=''>Help</a></td>
+<td>Help</td>
 <td>For example, link to documentation, github, ...</td>
 </tr>
 </table>

_reference/menu/font.md

@@ -23,17 +23,17 @@ order     : 640
 </tr>
 <tr>
 <td>1</td>
-<td><a href=''>Font Info</a></td>
+<td>Font Info</td>
 <td>Settings about various names, vendor information, UPM, ...</td>
 </tr>
 <tr>
 <td>2</td>
-<td><a href=''>Axes</a></td>
+<td>Axes</td>
 <td>Axes Setting like min max default values, value mappings, ...</td>
 </tr>
 <tr>
 <td>3</td>
-<td><a href=''>Sources</a></td>
+<td>Sources</td>
 <td>Font source settings like name, location, vertical metrics, ...</td>
 </tr>
 <tr>

_reference/menu/fontra.md

@@ -0,0 +1,51 @@
+---
+title     : Fontra
+layout    : default
+permalink : /reference/menu/fontra
+draft     : true
+order     : 601
+---
+
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb small">
+    <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference">Reference</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu">Menu</a></li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+  </ol>
+</nav>
+
+<table class='table table-hover'>
+<tr>
+<th width='20%'>item</th>
+<th width='75%'>description</th>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/fontra/shortcuts'>Shortcuts</a></td>
+<td>This page allows you to give various actions custom shortcuts</td>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/fontra/theme-settings'>Theme settings</a></td>
+<td>Light, dark or auto.</td>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/fontra/display-language'>Display Language</a></td>
+<td>Choose your preferred langauge</td>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/fontra/clipboard'>Clipboard</a></td>
+<td>The clipboard format is either 'glif', 'svg' or 'json'.</td>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/fontra/editor-behavior'>Editor Behavior</a></td>
+<td>Editor behavior settings</td>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/fontra/plugin-manager'>Plugin Manager</a></td>
+<td>Limited support, currently.</td>
+</tr>
+<tr>
+<td><a href='{{ site.url }}/reference/menu/fontra/server-info'>Server info</a></td>
+<td>Basic information like: Fontra version or Python version.</td>
+</tr>
+</table>

_reference/menu/fontra/clipboard.md

@@ -0,0 +1,33 @@
+---
+title     : Clipboard
+layout    : default
+permalink : /reference/menu/fontra/clipboard
+draft     : true
+order     : 605
+---
+
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb small">
+    <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference">Reference</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu">Menu</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu/fontra">Fontra</a></li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+  </ol>
+</nav>
+
+<div class="alert alert-primary mt-3" role="alert" markdown='1'>
+#### Pro tips: 
+{: .alert-heading}
+- for example use 'glif' to copy/past from/to RoboFont
+{: .mb-0 }
+</div>
+
+Possible clipboard formats:
+: ^
+  - [GLIF (Glyph Interchange Format)](http://unifiedfontobject.org/versions/ufo3/glyphs/glif/)
+  - [SVG (Scaleable Vector Graphics)](http://developer.mozilla.org/en-US/docs/Web/SVG)
+  - [JSON (JavaScript Object Notation)](http://www.json.org/)
+
+
+![]({{ site.url }}/images/application-settings-clipboard.png){: .img-fluid }

_reference/menu/fontra/display-language.md

@@ -0,0 +1,26 @@
+---
+title     : Display Language
+layout    : default
+permalink : /reference/menu/fontra/display-language
+draft     : true
+order     : 604
+---
+
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb small">
+    <li class="breadcrumb-item"><a href="{{ site.url }}">Index</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference">Reference</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu">Menu</a></li>
+    <li class="breadcrumb-item"><a href="{{ site.url }}/reference/menu/fontra">Fontra</a></li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+  </ol>
+</nav>
+
+<div class="alert alert-primary mt-3" role="alert" markdown='1'>
+#### Pro tips: 
+{: .alert-heading}
+- Your language is missing? Feel free to contribute [github fontra](http://github.com/googlefonts/fontra)
+{: .mb-0 }
+</div>
+
+![]({{ site.url }}/images/application-settings-display-language.png){: .img-fluid }