Fixed broken links

I absolutely loath whoever decided to create a "detailed-reference" directory. Absolutely moronic.

docs/basics/data/data-binding/data-binding-syntax.md

@@ -194,7 +194,7 @@ be `(r: 100, g: 80, b: 255)`.
 
 :::tip
 An alternative is to use an `InlineCollection` of `Run` elements each with their own single parameter 
-binding. This allows visual customization of each segment. See the example [here](/docs/reference/controls/detailed-reference/textblock#run)
+binding. This allows visual customization of each segment. See the example [here](/docs/reference/controls/textblock#run)
 :::
 
 ### Built-in Conversions

docs/basics/user-interface/controls/builtin-controls.md

@@ -6,7 +6,7 @@ Here are some of the more commonly-used Avalonia controls, organized by category
 
 | Control                                                                        |Description|
 |:-------------------------------------------------------------------------------|:----|
-| [Border](../../../reference/controls/detailed-reference/border.md)             |Decorates a single child with a border and background.|
+| [Border](../../../reference/controls/border.md)             |Decorates a single child with a border and background.|
 | [Canvas](../../../reference/controls/canvas.md)                                |Displays child controls at specified positions.|
 | [Dock Panel](../../../reference/controls/dockpanel.md)                         |Arranges child controls along specified edges (top, bottom, left, right) with one filling any remaining space.|
 | [Expander](../../../reference/controls/expander.md)                            |Has a header area (always visible) and a collapsible content section (single child).|
@@ -17,9 +17,9 @@ Here are some of the more commonly-used Avalonia controls, organized by category
 | [Scroll Viewer](../../../reference/controls/scrollviewer.md)                   |Adds scroll bars and scrolling behavior if the (single) child is larger than the space available.|
 | [Split View](../../../reference/controls/splitview.md)                         |Adds a collapsible pane to the edge of its (single child) content zone.|
 | [Stack Panel](../../../reference/controls/stackpanel.md)                       |Allows multiple child controls, arranged in sequence, horizontally or vertically.|
-| [Tab Control](../../../reference/controls/detailed-reference/tabcontrol.md)    |The tab control allows you to sub-divide a view into tab items.|
-| [Uniform Grid](../../../reference/controls/detailed-reference/uniform-grid.md) |Allows multiple child controls, arranged in a grid with cells of uniform column and row size.|
-| [Wrap Panel](../../../reference/controls/detailed-reference/wrappanel.md)      |Arranges child controls in sequence from left to right, while they fit in the width. Starts a new line when there is no space left.|
+| [Tab Control](../../../reference/controls/tabcontrol.md)    |The tab control allows you to sub-divide a view into tab items.|
+| [Uniform Grid](../../../reference/controls/uniform-grid.md) |Allows multiple child controls, arranged in a grid with cells of uniform column and row size.|
+| [Wrap Panel](../../../reference/controls/wrappanel.md)      |Arranges child controls in sequence from left to right, while they fit in the width. Starts a new line when there is no space left.|
 
 ## Buttons
 
@@ -50,9 +50,9 @@ These controls display repeating data, in either a tabular or list format:
 |Control|Description|
 |:----|:----|
 |[AutoCompleteBox](../../../reference/controls/autocompletebox.md)|A control that shows a text box for user input and a drop-down that contains possible matches based on what has been typed.|
-|[TextBlock](../../../reference/controls/detailed-reference/textblock.md)|A control that displays a block of text. Read-only.|
-|[TextBox](../../../reference/controls/detailed-reference/textbox.md)|Used to display or edit text without formatting restrictions.|
-|[SelectableTextBlock](../../../reference/controls/detailed-reference/selectable-textblock.md)|Used to display or edit text without formatting restrictions. Allows selecting and copying.|
+|[TextBlock](../../../reference/controls/textblock.md)|A control that displays a block of text. Read-only.|
+|[TextBox](../../../reference/controls/textbox.md)|Used to display or edit text without formatting restrictions.|
+|[SelectableTextBlock](../../../reference/controls/selectable-textblock.md)|Used to display or edit text without formatting restrictions. Allows selecting and copying.|
 |[MaskedTextBox](../../../reference/controls/maskedtextbox.md)|Used to display text in the format contained in a mask; or used to edit text using the format mask to prevent invalid user input.|
 
 ## Value selection
@@ -61,23 +61,23 @@ These controls display repeating data, in either a tabular or list format:
 |:----|:----|:----|
 |[CheckBox](../../../reference/controls/checkbox.md)|Boolean|True value presented as a check mark. Click interaction toggles the value. Has an option to display an 'unknown' value.|
 |[Slider](../../../reference/controls/slider.md)|Double|Relative value compared to a maximum and minimum value presented as the position along the length of the slider track of the slider button. Drag interaction on the slider button can alter the value between the maximum and minimum values. Keyboard and click interactions can also nudge the value.|
-|[Calendar](../../../reference/controls/detailed-reference/calendar)|DateTime|The calendar is a control for users to select dates or date ranges.|
-|[CalendarDatePicker](../../../reference/controls/detailed-reference/calendar/calendar-date-picker.md)|DateTime|An extension of the calendar control that includes a text box and button.|
+|[Calendar](../../../reference/controls/calendar)|DateTime|The calendar is a control for users to select dates or date ranges.|
+|[CalendarDatePicker](../../../reference/controls/calendar/calendar-date-picker.md)|DateTime|An extension of the calendar control that includes a text box and button.|
 |[ColorPicker](../../../reference/controls/colorpicker)|Color / HsvColor|The color picker supports user-selection and editing of colors using a spectrum, palette and component sliders. It also supports an optional alpha component, RGB or HSV color models and hexadecimal color values.|
 |[DatePicker](../../../reference/controls/datepicker.md)|DateTime|The date picker has three 'spinner' controls to allow the user to pick a date value.|
-|[TimePicker](../../../reference/controls/detailed-reference/timepicker.md)|TimeSpan|The time picker has three 'spinner' controls to allow the user to pick a time from hours, minutes and seconds.|
+|[TimePicker](../../../reference/controls/timepicker.md)|TimeSpan|The time picker has three 'spinner' controls to allow the user to pick a time from hours, minutes and seconds.|
 
 ## Displaying images
 
 |Control|Description|
 |:----|:----|
 |[Image](../../../reference/controls/image.md)|Displays a bitmap or vector image.|
-|[PathIcon](../../../reference/controls/detailed-reference/path-icon.md)|Draws a vector image using the current `Foreground`.|
+|[PathIcon](../../../reference/controls/path-icon.md)|Draws a vector image using the current `Foreground`.|
 
 ## Menus and Popups
 
 |Control|Description|
 |:----|:----|
 |[Menu](../../../reference/controls/menu.md)|Displays an application menu.|
 |[Flyouts](../../../reference/controls/flyouts.md)|Attaches a popup or a context menu to a control.|
-|[ToolTip](../../../reference/controls/detailed-reference/tooltip.md)|Displays a tool tip when a control is hovered.|
+|[ToolTip](../../../reference/controls/tooltip.md)|Displays a tool tip when a control is hovered.|

docs/basics/user-interface/controls/index.md

@@ -20,8 +20,8 @@ These are just a few examples of the many controls available in Avalonia UI. Eac
 To get started with using controls in Avalonia UI, you can refer to the documentation for each control type. The documentation provides detailed explanations, examples, and code snippets to help you understand and utilize the controls effectively.
 
 - [Button Control Documentation](../../../reference/controls/buttons/button)
-- [TextBox Control Documentation](../../../reference/controls/detailed-reference/textbox)
-- [Label Control Documentation](../../../reference/controls/detailed-reference/label)
+- [TextBox Control Documentation](../../../reference/controls/textbox)
+- [Label Control Documentation](../../../reference/controls/label)
 - [Checkbox Control Documentation](../../../reference/controls/checkbox)
 - [Slider Control Documentation](../../../reference/controls/slider)
 - [ListBox Control Documentation](../../../reference/controls/listbox)

docs/concepts/custom-itemspanel.md

@@ -9,7 +9,7 @@ import ItemsControlCanvasScreenshot from '/img/concepts/itemscontrol-with-canvas
 All `ItemsControl`s have an item container panel which is used to layout their items. It is possible to override the type of panel used by the control to achieve custom/alternative layouts of items in a control. This document provides some examples showcasing how and why you would do this.
 
 - [`ItemsControl`](./../reference/controls/itemscontrol)
-- [`TreeView`](./../reference/controls/detailed-reference/treeview-1)
+- [`TreeView`](./../reference/controls/treeview-1)
 - [`Carousel`](./../reference/controls/carousel)
 - [`Menu`](./../reference/controls/menu)
 - [`ComboBox`](./../reference/controls/combobox)

docs/reference/controls/border.md

@@ -2,8 +2,8 @@
 description: REFERENCE - Built-in Controls
 ---
 
-import BorderPodLookScreenshot from '/img/reference/controls/detailed-reference/border/border-pod-look.png';
-import BorderDropShadowScreenshot from '/img/reference/controls/detailed-reference/border/border-drop-shadow.png'; 
+import BorderPodLookScreenshot from '/img/reference/controls/border/border-pod-look.png';
+import BorderDropShadowScreenshot from '/img/reference/controls/border/border-drop-shadow.png'; 
 
 # Border
 

docs/reference/controls/image-controls.md

@@ -12,6 +12,6 @@ If you plan to bind an image source, you will need to use an image converter. To
 
 |                                                      |                                                  |   |
 | ---------------------------------------------------- | ------------------------------------------------ | - |
-| [DrawingImage](detailed-reference/drawing-image.md) | Displays a vector image.                         |   |
+| [DrawingImage](./drawing-image.md) | Displays a vector image.                         |   |
 | [Image](image.md)                                    | Displays a bitmap image.                         |   |
-| [PathIcon](detailed-reference/path-icon.md)         | Draws an icon from stream geometry instructions. |   |
+| [PathIcon](./path-icon.md)         | Draws an icon from stream geometry instructions. |   |

docs/reference/controls/image.md

@@ -18,7 +18,7 @@ Images can be used to compose the content of another control. For example, you c
 The image displayed can be resized and scaled.  The default settings for scaling (uniform stretch in both directions) will result in the image being fitted to the size (width and/or height) given.
 
 :::info
-The scaling settings for an image are the same as for the view box, see the reference [here](detailed-reference/viewbox.md).
+The scaling settings for an image are the same as for the view box, see the reference [here](./viewbox.md).
 :::
 
 ## Example

docs/reference/controls/layout-controls.md

@@ -10,4 +10,4 @@ Layout controls allow you to use **UI Composition** to arrange your UI in a vari
 To review the concepts behind **UI Composition**, see [here](../../concepts/ui-composition).
 :::
 
-<table><thead><tr><th width="168">Control</th><th>Description</th></tr></thead><tbody><tr><td><a href="detailed-reference/border">Border</a></td><td>Decorates a single child with a border and background.</td></tr><tr><td><a href="canvas">Canvas</a></td><td>Displays child controls at specified positions.</td></tr><tr><td><a href="dockpanel">DockPanel</a></td><td>Arranges child controls along specified edges (top, bottom, left, right) with one filling any remaining space.</td></tr><tr><td><a href="expander">Expander</a></td><td>Has a header area (always visible) and a collapsible content section (single child).</td></tr><tr><td><a href="grid">Grid</a></td><td>Arranges child controls in the cells of a grid, positioned by row and column. The cells can span rows and columns. </td></tr><tr><td><a href="gridsplitter">GridSplitter</a></td><td>Can be added to a grid to allow the user to resize rows or columns at runtime.</td></tr><tr><td><a href="panel">Panel</a></td><td>Allows multiple child controls, displayed in sequence. Layout calculated by child size and alignments (horizontal and vertical), relative to the panel itself. </td></tr><tr><td><a href="relativepanel">RelativePanel</a></td><td>Allows multiple child controls. The position and alignment of the child controls can be specified in relation to the panel itself, or in relation to other child controls.  The size of child controls can be specified, or calculated from relations and alignments.</td></tr><tr><td><a href="scrollbar">ScrollBar</a></td><td></td></tr><tr><td><a href="scrollviewer">ScrollViewer</a></td><td>Adds scroll bars and scrolling behaviour if the (single) child is larger than the space available.</td></tr><tr><td><a href="splitview">SplitView</a></td><td>Adds a collapsible pane to the edge of its (single child) content zone.   </td></tr><tr><td><a href="stackpanel">StackPanel</a></td><td>Allows multiple child controls, arranged in sequence, horizontally or vertically.</td></tr><tr><td><a href="detailed-reference/tabcontrol">TabControl</a></td><td>The tab control allows you to sub-divide a view into tab items.</td></tr><tr><td><a href="detailed-reference/uniform-grid">UniformGrid</a></td><td>Allows multiple child controls, arranged in a grid with cells of uniform column and row size.</td></tr><tr><td><a href="detailed-reference/wrappanel">WrapPanel</a></td><td>Arranges (multiple) child controls in sequence from left to right, while they fit in the width. Starts a new line when there is no space left. </td></tr></tbody></table>
+<table><thead><tr><th width="168">Control</th><th>Description</th></tr></thead><tbody><tr><td><a href="./border">Border</a></td><td>Decorates a single child with a border and background.</td></tr><tr><td><a href="./canvas">Canvas</a></td><td>Displays child controls at specified positions.</td></tr><tr><td><a href="./dockpanel">DockPanel</a></td><td>Arranges child controls along specified edges (top, bottom, left, right) with one filling any remaining space.</td></tr><tr><td><a href="./expander">Expander</a></td><td>Has a header area (always visible) and a collapsible content section (single child).</td></tr><tr><td><a href="grid">Grid</a></td><td>Arranges child controls in the cells of a grid, positioned by row and column. The cells can span rows and columns. </td></tr><tr><td><a href="gridsplitter">GridSplitter</a></td><td>Can be added to a grid to allow the user to resize rows or columns at runtime.</td></tr><tr><td><a href="./panel">Panel</a></td><td>Allows multiple child controls, displayed in sequence. Layout calculated by child size and alignments (horizontal and vertical), relative to the panel itself. </td></tr><tr><td><a href="./relativepanel">RelativePanel</a></td><td>Allows multiple child controls. The position and alignment of the child controls can be specified in relation to the panel itself, or in relation to other child controls.  The size of child controls can be specified, or calculated from relations and alignments.</td></tr><tr><td><a href="scrollbar">ScrollBar</a></td><td></td></tr><tr><td><a href="./scrollviewer">ScrollViewer</a></td><td>Adds scroll bars and scrolling behaviour if the (single) child is larger than the space available.</td></tr><tr><td><a href="./splitview">SplitView</a></td><td>Adds a collapsible pane to the edge of its (single child) content zone.   </td></tr><tr><td><a href="./stackpanel">StackPanel</a></td><td>Allows multiple child controls, arranged in sequence, horizontally or vertically.</td></tr><tr><td><a href="./tabcontrol">TabControl</a></td><td>The tab control allows you to sub-divide a view into tab items.</td></tr><tr><td><a href="./uniform-grid">UniformGrid</a></td><td>Allows multiple child controls, arranged in a grid with cells of uniform column and row size.</td></tr><tr><td><a href="./wrappanel">WrapPanel</a></td><td>Arranges (multiple) child controls in sequence from left to right, while they fit in the width. Starts a new line when there is no space left. </td></tr></tbody></table>

docs/reference/controls/menu-controls.md

@@ -6,4 +6,4 @@ description: REFERENCE - Built-in Controls
 
 Menu controls allow you to add menus to your _Avalonia UI_ app.
 
-<table><thead><tr><th width="173">Control</th><th>Description</th></tr></thead><tbody><tr><td><a href="contextmenu">ContextMenu</a></td><td>A context menu to attach to a control.</td></tr><tr><td><a href="menu">Menu</a></td><td>A menu that can act as a top-level menu on a window.</td></tr><tr><td><a href="nativemenu">NativeMenu</a></td><td>Displays a native menu on macOS and some Linux distributions.</td></tr><tr><td><a href="detailed-reference/tabstrip">TabStrip</a></td><td>The `TabStrip` acts like a horizontal menu.</td></tr></tbody></table>
+<table><thead><tr><th width="173">Control</th><th>Description</th></tr></thead><tbody><tr><td><a href="contextmenu">ContextMenu</a></td><td>A context menu to attach to a control.</td></tr><tr><td><a href="menu">Menu</a></td><td>A menu that can act as a top-level menu on a window.</td></tr><tr><td><a href="nativemenu">NativeMenu</a></td><td>Displays a native menu on macOS and some Linux distributions.</td></tr><tr><td><a href="./tabstrip">TabStrip</a></td><td>The `TabStrip` acts like a horizontal menu.</td></tr></tbody></table>

docs/reference/controls/menu-flyout.md

@@ -3,18 +3,18 @@ title: MenuFlyout
 description: REFERENCE - Built-in Controls
 ---
 
-import MenuFlyoutScreenshot from '/img/reference/controls/detailed-reference/menuflyout/menuflyout-button.gif';
+import MenuFlyoutScreenshot from '/img/reference/controls/menuflyout/menuflyout-button.gif';
 
 # MenuFlyout
 
 A 'MenuFlyout' allows you to host a simple menu as the flyout for a control. You might use this as an alternative to the context menu.
 
 :::info
-For details of the context menu, see the reference [here](./contextmenu.md).
+For details of the context menu, see the reference [here](./contextmenu).
 :::
 
-:::info
-The properties of a menu flyout are the same as for a flyout. See [here](./flyouts.md).
+:::infos
+The properties of a menu flyout are the same as for a flyout. See [here](flyouts).
 :::
 
 ## Example

docs/reference/controls/nativemenu.md

@@ -8,7 +8,7 @@ description: REFERENCE - Built-in Controls
 The `NativeMenu` can display a menu on _macOS_ and some Linux distributions.
 
 :::warning
-This control can only be used attached to a tray icon. For full details about the tray icon, see the reference [here](detailed-reference/tray-icon.md).
+This control can only be used attached to a tray icon. For full details about the tray icon, see the reference [here](./tray-icon.md).
 :::
 
 You can create sub-menus by nesting `<MenuItem>` elements.

docs/reference/controls/path-icon.md

@@ -3,7 +3,7 @@ title: PathIcon
 description: REFERENCE - Built-in Controls
 ---
 
-import PathIconHouseScreenshot from '/img/reference/controls/detailed-reference/pathicon/pathicon-house.png';
+import PathIconHouseScreenshot from '/img/reference/controls/pathicon/pathicon-house.png';
 
 # PathIcon
 

docs/reference/controls/popup-controls.md

@@ -6,6 +6,6 @@ description: REFERENCE - Built-in Controls
 
 These controls can be added to other controls to provide popup content.
 
-<table><thead><tr><th width="238">Control</th><th>Description</th></tr></thead><tbody><tr><td><a href="contextmenu">ContextMenu</a></td><td></td></tr><tr><td><a href="flyouts">Flyouts</a></td><td></td></tr><tr><td><a href="detailed-reference/tooltip">ToolTip</a></td><td></td></tr></tbody></table>
+<table><thead><tr><th width="238">Control</th><th>Description</th></tr></thead><tbody><tr><td><a href="contextmenu">ContextMenu</a></td><td></td></tr><tr><td><a href="flyouts">Flyouts</a></td><td></td></tr><tr><td><a href="./tooltip">ToolTip</a></td><td></td></tr></tbody></table>
 
 

docs/reference/controls/selectable-textblock.md

@@ -3,7 +3,7 @@ title: SelectableTextBlock
 description: REFERENCE - Built-in Controls
 ---
 
-import TextBlockBasicScreenshot from '/img/reference/controls/detailed-reference/textblock/textblock-basic.png';
+import TextBlockBasicScreenshot from '/img/reference/controls/textblock/textblock-basic.png';
 
 # SelectableTextBlock