{% extends "layouts/console_layout.html" %}

{% block content %}
<a href="/profile" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">account_circle</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Profile</span>
            <span class="menu-line2">Personal details, photo & credentials</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>

<a href="/mindsweep" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">psychology</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Mind Sweep</span>
            <span class="menu-line2">Capture, curate, sort & prioritize thoughts</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>

<a href="/mindsweep2" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">psychology_alt</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Mind Sweep 2</span>
            <span class="menu-line2">Capture &rarr; Curate with 7 configurable dimensions</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>

<a href="/mindsweep2/curate" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">tune</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Mind Sweep 2 &middot; Curate</span>
            <span class="menu-line2">Your accumulated inbox across all mind-sweeps</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>


<a href="/everything" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">all_inclusive</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Everything</span>
            <span class="menu-line2">Consolidated summary of all Mind Sweep thoughts</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>
{% endblock %}