| | | 1 | | @using Icons = Microsoft.FluentUI.AspNetCore.Components.Icons; |
| | | 2 | | @using Emoji = Microsoft.FluentUI.AspNetCore.Components.Emoji |
| | | 3 | | |
| | | 4 | | <div class="navmenu"> |
| | | 5 | | <input type="checkbox" title="Menu expand/collapse toggle" id="navmenu-toggle" class="navmenu-icon" /> |
| | | 6 | | <label for="navmenu-toggle" class="navmenu-icon"><FluentIcon Value="@(new Icons.Regular.Size20.Navigation())" Color= |
| | | 7 | | <nav class="sitenav" aria-labelledby="main-menu" onclick="document.getElementById('navmenu-toggle').click();"> |
| | | 8 | | <FluentNavMenu Id="main-menu" Width="250" Collapsible="true" Title="Navigation menu" @bind-Expanded="expanded"> |
| | | 9 | | <FluentNavLink Href="/" Match="NavLinkMatch.All" Icon="@(new Icons.Regular.Size20.Home())" IconColor="Color. |
| | | 10 | | <FluentNavLink Href="urls" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">Urls</FluentNa |
| | | 11 | | <FluentNavLink Href="guid" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">Guid</FluentNa |
| | | 12 | | <FluentNavLink Href="sql" Icon="@(new Icons.Regular.Size20.Database())" IconColor="Color.Accent">SQL</Fluent |
| | | 13 | | <FluentNavLink Href="html" Icon="@(new Icons.Regular.Size20.Globe())" IconColor="Color.Accent">HTML</FluentN |
| | | 14 | | <FluentNavLink Href="markdown" Icon="@(new Icons.Regular.Size20.ArrowDown())" IconColor="Color.Accent">Markd |
| | | 15 | | <FluentNavLink Href="timerstopwatch" Icon="@(new Icons.Regular.Size20.Timer())" IconColor="Color.Accent">Tim |
| | | 16 | | <FluentNavLink Href="ascii" Icon="@(new Icons.Regular.Size20.CodeText())" IconColor="Color.Accent">Ascii</Fl |
| | | 17 | | <FluentNavLink Href="colourconverter" Icon="@(new Icons.Regular.Size20.PaintBrush())" IconColor="Color.Accen |
| | | 18 | | <FluentNavLink Href="binary" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">Binary</Flue |
| | | 19 | | <FluentNavLink Href="stringconverter" Icon="@(new Icons.Regular.Size20.CurrencyDollarEuro())" IconColor="Col |
| | | 20 | | <FluentNavLink Href="epoch" Icon="@(new Icons.Regular.Size20.Timer())" IconColor="Color.Accent">Epoch</Fluen |
| | | 21 | | <FluentNavLink Href="converter" Icon="@(new Icons.Regular.Size20.ConvertRange())" IconColor="Color.Accent">C |
| | | 22 | | <FluentNavLink Href="jwt" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">JWT</FluentNavL |
| | | 23 | | <FluentNavLink Href="luhn" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">Luhn</FluentNa |
| | | 24 | | <FluentNavLink Href="hcf" Icon="@(new Icons.Regular.Size20.Glasses())" IconColor="Color.Accent">Hidden Char |
| | | 25 | | <FluentNavLink Href="codeeditor" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">Code Edi |
| | | 26 | | <FluentNavLink Href="diffeditor" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">Diff Edi |
| | | 27 | | <FluentNavLink Href="unicode" Icon="@(new Icons.Regular.Size20.Code())" IconColor="Color.Accent">Unicode</Fl |
| | | 28 | | <FluentNavLink Href="cryptography" Icon="@(new Icons.Regular.Size20.LockClosedKey())" IconColor="Color.Accen |
| | | 29 | | </FluentNavMenu> |
| | | 30 | | </nav> |
| | | 31 | | </div> |
| | | 32 | | |
| | | 33 | | @code { |
| | 0 | 34 | | private bool expanded = true; |
| | | 35 | | } |