Add account menu to sidebar

This commit is contained in:
Tobias Kunze 2025-03-16 21:49:20 +01:00
parent fda9e24fec
commit f9c691154f

View file

@ -9,7 +9,7 @@
<img src="" alt="{% translate 'Logo' %}" srcset=""> <img src="" alt="{% translate 'Logo' %}" srcset="">
</a> </a>
</div> </div>
<div class="theme-toggle d-flex gap-2 align-items-center mt-2"> <div class="theme-toggle d-flex gap-2 align-items-center mt-2">
<svg xmlns="http://www.w3.org/2000/svg" <svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" aria-hidden="true"
@ -30,7 +30,7 @@
</g> </g>
</svg> </svg>
<div class="form-check form-switch fs-6"> <div class="form-check form-switch fs-6">
<input class="form-check-input me-0" <input class="form-check-input me-0"
type="checkbox" type="checkbox"
id="toggle-dark" id="toggle-dark"
style="cursor: pointer"> style="cursor: pointer">
@ -49,308 +49,338 @@
</path> </path>
</svg> </svg>
</div> </div>
<div class="sidebar-toggler x"> <div class="sidebar-toggler x">
<a href="#" class="sidebar-hide d-xl-none d-block"><i class="bi bi-x bi-middle"></i></a> <a href="#" class="sidebar-hide d-xl-none d-block"><i class="bi bi-x bi-middle"></i></a>
</div> </div>
</div> </div>
</div> </div>
<div class="sidebar-menu"> <div class="sidebar-menu">
<ul class="menu"> <ul class="menu">
<li class="sidebar-title">{% translate 'Menu' %}</li> <li class="sidebar-item active">
<li class="sidebar-item active ">
<a href="index.html" class='sidebar-link'> <a href="index.html" class='sidebar-link'>
<i class="bi bi-grid-fill"></i> <i class="bi bi-grid-fill"></i>
<span>{% translate 'Dashboard' %}</span> <span>{% translate 'Dashboard' %}</span>
</a> </a>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-title">{% translate 'Account' %}</li>
{% if not request.user.is_authenticated %}
<li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'>
<i class="bi bi-person-badge-fill"></i>
<span>{% translate 'Authentication' %}</span>
</a>
<ul class="submenu">
<li class="submenu-item">
<a href="{% url 'account_login' %}" class="submenu-link">{% translate 'Login' %}</a>
</li>
<li class="submenu-item">
<a href="{% url 'account_signup' %}" class="submenu-link">{% translate 'Register' %}</a>
</li>
</ul>
</li>
{% else %}
<li class="sidebar-item">
<a href="{% url 'profile' %}" class='sidebar-link'>
<i class="bi bi-file-person"></i>
<span>{% translate 'Profile' %}</span>
</a>
</li>
<li class="sidebar-item">
<a href="{% url 'account_logout' %}" class='sidebar-link'>
<i class="bi bi-box-arrow-right"></i>
<span>{% translate 'Log out' %}</span>
</a>
</li>
{% endif %}
<li class="sidebar-title">{% translate 'Menu' %}</li>
<li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-stack"></i> <i class="bi bi-stack"></i>
<span>Components</span> <span>Components</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="component-accordion.html" class="submenu-link">Accordion</a> <a href="component-accordion.html" class="submenu-link">Accordion</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-alert.html" class="submenu-link">Alert</a> <a href="component-alert.html" class="submenu-link">Alert</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-badge.html" class="submenu-link">Badge</a> <a href="component-badge.html" class="submenu-link">Badge</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-breadcrumb.html" class="submenu-link">Breadcrumb</a> <a href="component-breadcrumb.html" class="submenu-link">Breadcrumb</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-button.html" class="submenu-link">Button</a> <a href="component-button.html" class="submenu-link">Button</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-card.html" class="submenu-link">Card</a> <a href="component-card.html" class="submenu-link">Card</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-carousel.html" class="submenu-link">Carousel</a> <a href="component-carousel.html" class="submenu-link">Carousel</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-collapse.html" class="submenu-link">Collapse</a> <a href="component-collapse.html" class="submenu-link">Collapse</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-dropdown.html" class="submenu-link">Dropdown</a> <a href="component-dropdown.html" class="submenu-link">Dropdown</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-list-group.html" class="submenu-link">List Group</a> <a href="component-list-group.html" class="submenu-link">List Group</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-modal.html" class="submenu-link">Modal</a> <a href="component-modal.html" class="submenu-link">Modal</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-navs.html" class="submenu-link">Navs</a> <a href="component-navs.html" class="submenu-link">Navs</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-pagination.html" class="submenu-link">Pagination</a> <a href="component-pagination.html" class="submenu-link">Pagination</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-placeholder.html" class="submenu-link">Placeholder</a> <a href="component-placeholder.html" class="submenu-link">Placeholder</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-progress.html" class="submenu-link">Progress</a> <a href="component-progress.html" class="submenu-link">Progress</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-spinner.html" class="submenu-link">Spinner</a> <a href="component-spinner.html" class="submenu-link">Spinner</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-toasts.html" class="submenu-link">Toasts</a> <a href="component-toasts.html" class="submenu-link">Toasts</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="component-tooltip.html" class="submenu-link">Tooltip</a> <a href="component-tooltip.html" class="submenu-link">Tooltip</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-collection-fill"></i> <i class="bi bi-collection-fill"></i>
<span>Extra Components</span> <span>Extra Components</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-avatar.html" class="submenu-link">Avatar</a> <a href="extra-component-avatar.html" class="submenu-link">Avatar</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-comment.html" class="submenu-link">Comment</a> <a href="extra-component-comment.html" class="submenu-link">Comment</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-divider.html" class="submenu-link">Divider</a> <a href="extra-component-divider.html" class="submenu-link">Divider</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-date-picker.html" class="submenu-link">Date Picker</a> <a href="extra-component-date-picker.html" class="submenu-link">Date Picker</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-flag.html" class="submenu-link">Flag</a> <a href="extra-component-flag.html" class="submenu-link">Flag</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-sweetalert.html" class="submenu-link">Sweet Alert</a> <a href="extra-component-sweetalert.html" class="submenu-link">Sweet Alert</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-toastify.html" class="submenu-link">Toastify</a> <a href="extra-component-toastify.html" class="submenu-link">Toastify</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="extra-component-rating.html" class="submenu-link">Rating</a> <a href="extra-component-rating.html" class="submenu-link">Rating</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-grid-1x2-fill"></i> <i class="bi bi-grid-1x2-fill"></i>
<span>Layouts</span> <span>Layouts</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="layout-default.html" class="submenu-link">Default Layout</a> <a href="layout-default.html" class="submenu-link">Default Layout</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="layout-vertical-1-column.html" class="submenu-link">1 Column</a> <a href="layout-vertical-1-column.html" class="submenu-link">1 Column</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="layout-vertical-navbar.html" class="submenu-link">Vertical Navbar</a> <a href="layout-vertical-navbar.html" class="submenu-link">Vertical Navbar</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="layout-rtl.html" class="submenu-link">RTL Layout</a> <a href="layout-rtl.html" class="submenu-link">RTL Layout</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="layout-horizontal.html" class="submenu-link">Horizontal Menu</a> <a href="layout-horizontal.html" class="submenu-link">Horizontal Menu</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-title">Forms &amp; Tables</li> <li class="sidebar-title">Forms &amp; Tables</li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-hexagon-fill"></i> <i class="bi bi-hexagon-fill"></i>
<span>Form Elements</span> <span>Form Elements</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="form-element-input.html" class="submenu-link">Input</a> <a href="form-element-input.html" class="submenu-link">Input</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-element-input-group.html" class="submenu-link">Input Group</a> <a href="form-element-input-group.html" class="submenu-link">Input Group</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-element-select.html" class="submenu-link">Select</a> <a href="form-element-select.html" class="submenu-link">Select</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-element-radio.html" class="submenu-link">Radio</a> <a href="form-element-radio.html" class="submenu-link">Radio</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-element-checkbox.html" class="submenu-link">Checkbox</a> <a href="form-element-checkbox.html" class="submenu-link">Checkbox</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-element-textarea.html" class="submenu-link">Textarea</a> <a href="form-element-textarea.html" class="submenu-link">Textarea</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="form-layout.html" class='sidebar-link'> <a href="form-layout.html" class='sidebar-link'>
<i class="bi bi-file-earmark-medical-fill"></i> <i class="bi bi-file-earmark-medical-fill"></i>
<span>Form Layout</span> <span>Form Layout</span>
</a> </a>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-journal-check"></i> <i class="bi bi-journal-check"></i>
<span>Form Validation</span> <span>Form Validation</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="form-validation-parsley.html" class="submenu-link">Parsley</a> <a href="form-validation-parsley.html" class="submenu-link">Parsley</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-pen-fill"></i> <i class="bi bi-pen-fill"></i>
<span>Form Editor</span> <span>Form Editor</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="form-editor-quill.html" class="submenu-link">Quill</a> <a href="form-editor-quill.html" class="submenu-link">Quill</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-editor-ckeditor.html" class="submenu-link">CKEditor</a> <a href="form-editor-ckeditor.html" class="submenu-link">CKEditor</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-editor-summernote.html" class="submenu-link">Summernote</a> <a href="form-editor-summernote.html" class="submenu-link">Summernote</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="form-editor-tinymce.html" class="submenu-link">TinyMCE</a> <a href="form-editor-tinymce.html" class="submenu-link">TinyMCE</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="table.html" class='sidebar-link'> <a href="table.html" class='sidebar-link'>
<i class="bi bi-grid-1x2-fill"></i> <i class="bi bi-grid-1x2-fill"></i>
<span>Table</span> <span>Table</span>
</a> </a>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-file-earmark-spreadsheet-fill"></i> <i class="bi bi-file-earmark-spreadsheet-fill"></i>
<span>Datatables</span> <span>Datatables</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="table-datatable.html" class="submenu-link">Datatable</a> <a href="table-datatable.html" class="submenu-link">Datatable</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="table-datatable-jquery.html" class="submenu-link">Datatable (jQuery)</a> <a href="table-datatable-jquery.html" class="submenu-link">Datatable (jQuery)</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-title">Extra UI</li> <li class="sidebar-title">Extra UI</li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-pentagon-fill"></i> <i class="bi bi-pentagon-fill"></i>
<span>Widgets</span> <span>Widgets</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-widgets-chatbox.html" class="submenu-link">Chatbox</a> <a href="ui-widgets-chatbox.html" class="submenu-link">Chatbox</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-widgets-pricing.html" class="submenu-link">Pricing</a> <a href="ui-widgets-pricing.html" class="submenu-link">Pricing</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-widgets-todolist.html" class="submenu-link">To-do List</a> <a href="ui-widgets-todolist.html" class="submenu-link">To-do List</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-egg-fill"></i> <i class="bi bi-egg-fill"></i>
<span>Icons</span> <span>Icons</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-icons-bootstrap-icons.html" class="submenu-link">Bootstrap Icons</a> <a href="ui-icons-bootstrap-icons.html" class="submenu-link">Bootstrap Icons</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-icons-fontawesome.html" class="submenu-link">Fontawesome</a> <a href="ui-icons-fontawesome.html" class="submenu-link">Fontawesome</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-icons-dripicons.html" class="submenu-link">Dripicons</a> <a href="ui-icons-dripicons.html" class="submenu-link">Dripicons</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-bar-chart-fill"></i> <i class="bi bi-bar-chart-fill"></i>
<span>Charts</span> <span>Charts</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-chart-chartjs.html" class="submenu-link">ChartJS</a> <a href="ui-chart-chartjs.html" class="submenu-link">ChartJS</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-chart-apexcharts.html" class="submenu-link">Apexcharts</a> <a href="ui-chart-apexcharts.html" class="submenu-link">Apexcharts</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="ui-file-uploader.html" class='sidebar-link'> <a href="ui-file-uploader.html" class='sidebar-link'>
<i class="bi bi-cloud-arrow-up-fill"></i> <i class="bi bi-cloud-arrow-up-fill"></i>
<span>File Uploader</span> <span>File Uploader</span>
</a> </a>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-map-fill"></i> <i class="bi bi-map-fill"></i>
<span>Maps</span> <span>Maps</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-map-google-map.html" class="submenu-link">Google Map</a> <a href="ui-map-google-map.html" class="submenu-link">Google Map</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-map-jsvectormap.html" class="submenu-link">JS Vector Map</a> <a href="ui-map-jsvectormap.html" class="submenu-link">JS Vector Map</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-three-dots"></i> <i class="bi bi-three-dots"></i>
<span>Multi-level Menu</span> <span>Multi-level Menu</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item has-sub"> <li class="submenu-item has-sub">
<a href="#" class="submenu-link">First Level</a> <a href="#" class="submenu-link">First Level</a>
<ul class="submenu submenu-level-2 "> <ul class="submenu submenu-level-2">
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-multi-level-menu.html" class="submenu-link">Second Level</a> <a href="ui-multi-level-menu.html" class="submenu-link">Second Level</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="submenu-item has-sub"> <li class="submenu-item has-sub">
<a href="#" class="submenu-link">Another Menu</a> <a href="#" class="submenu-link">Another Menu</a>
<ul class="submenu submenu-level-2 "> <ul class="submenu submenu-level-2">
<li class="submenu-item "> <li class="submenu-item">
<a href="ui-multi-level-menu.html" class="submenu-link">Second Level Menu</a> <a href="ui-multi-level-menu.html" class="submenu-link">Second Level Menu</a>
</li> </li>
</ul> </ul>
@ -358,93 +388,76 @@
</ul> </ul>
</li> </li>
<li class="sidebar-title">Pages</li> <li class="sidebar-title">Pages</li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="application-email.html" class='sidebar-link'> <a href="application-email.html" class='sidebar-link'>
<i class="bi bi-envelope-fill"></i> <i class="bi bi-envelope-fill"></i>
<span>Email Application</span> <span>Email Application</span>
</a> </a>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="application-chat.html" class='sidebar-link'> <a href="application-chat.html" class='sidebar-link'>
<i class="bi bi-chat-dots-fill"></i> <i class="bi bi-chat-dots-fill"></i>
<span>Chat Application</span> <span>Chat Application</span>
</a> </a>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="application-gallery.html" class='sidebar-link'> <a href="application-gallery.html" class='sidebar-link'>
<i class="bi bi-image-fill"></i> <i class="bi bi-image-fill"></i>
<span>Photo Gallery</span> <span>Photo Gallery</span>
</a> </a>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="application-checkout.html" class='sidebar-link'> <a href="application-checkout.html" class='sidebar-link'>
<i class="bi bi-basket-fill"></i> <i class="bi bi-basket-fill"></i>
<span>Checkout Page</span> <span>Checkout Page</span>
</a> </a>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-person-circle"></i> <i class="bi bi-person-circle"></i>
<span>Account</span> <span>Account</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="account-profile.html" class="submenu-link">Profile</a> <a href="account-profile.html" class="submenu-link">Profile</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="account-security.html" class="submenu-link">Security</a> <a href="account-security.html" class="submenu-link">Security</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-item has-sub"> <li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'>
<i class="bi bi-person-badge-fill"></i>
<span>Authentication</span>
</a>
<ul class="submenu ">
<li class="submenu-item ">
<a href="auth-login.html" class="submenu-link">Login</a>
</li>
<li class="submenu-item ">
<a href="auth-register.html" class="submenu-link">Register</a>
</li>
<li class="submenu-item ">
<a href="auth-forgot-password.html" class="submenu-link">Forgot Password</a>
</li>
</ul>
</li>
<li class="sidebar-item has-sub">
<a href="#" class='sidebar-link'> <a href="#" class='sidebar-link'>
<i class="bi bi-x-octagon-fill"></i> <i class="bi bi-x-octagon-fill"></i>
<span>Errors</span> <span>Errors</span>
</a> </a>
<ul class="submenu "> <ul class="submenu">
<li class="submenu-item "> <li class="submenu-item">
<a href="error-403.html" class="submenu-link">403</a> <a href="error-403.html" class="submenu-link">403</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="error-404.html" class="submenu-link">404</a> <a href="error-404.html" class="submenu-link">404</a>
</li> </li>
<li class="submenu-item "> <li class="submenu-item">
<a href="error-500.html" class="submenu-link">500</a> <a href="error-500.html" class="submenu-link">500</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="sidebar-title">Raise Support</li> <li class="sidebar-title">Raise Support</li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="https://zuramai.github.io/mazer/docs" class='sidebar-link'> <a href="https://zuramai.github.io/mazer/docs" class='sidebar-link'>
<i class="bi bi-life-preserver"></i> <i class="bi bi-life-preserver"></i>
<span>Documentation</span> <span>Documentation</span>
</a> </a>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="https://github.com/zuramai/mazer/blob/main/CONTRIBUTING.md" <a href="https://github.com/zuramai/mazer/blob/main/CONTRIBUTING.md"
class='sidebar-link'> class='sidebar-link'>
<i class="bi bi-puzzle"></i> <i class="bi bi-puzzle"></i>
<span>Contribute</span> <span>Contribute</span>
</a> </a>
</li> </li>
<li class="sidebar-item "> <li class="sidebar-item">
<a href="https://github.com/zuramai/mazer#donation" class='sidebar-link'> <a href="https://github.com/zuramai/mazer#donation" class='sidebar-link'>
<i class="bi bi-cash"></i> <i class="bi bi-cash"></i>
<span>Donate</span> <span>Donate</span>