<nav class="keepmefooter">
    <div class="navigation">
        <div class="navcontainer">
            <% if(username) { %>
                <div class="div1">
                    <a href="/">
                        <svg width="26px" height="26px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index: 10;">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/><g>
                                <path d="M19 10L19 20H9M5 20L5 10L12 3L15.5 6.5" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div2">
                    <a href="/pm/">
                        <svg fill="#d7d9e0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 368.625 368.625" xml:space="preserve">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/>
                            <g>
                                <g>
                                    <g>
                                        <path d="M356.125,50.318H12.5c-6.903,0-12.5,5.597-12.5,12.5v242.988c0,6.902,5.597,12.5,12.5,12.5h343.625 c6.902,0,12.5-5.598,12.5-12.5V62.818C368.625,55.916,363.027,50.318,356.125,50.318z M343.625,293.307H25V75.318h318.625V293.307 z" stroke="#d7d9e0"/>
                                        <path d="M57.755,134.201l120,73.937c2.01,1.239,4.283,1.858,6.557,1.858s4.547-0.619,6.557-1.858l120-73.937 c5.877-3.621,7.707-11.322,4.086-17.199s-11.324-7.707-17.199-4.085l-113.444,69.896L70.869,112.917 c-5.875-3.619-13.576-1.793-17.199,4.085C50.048,122.878,51.877,130.58,57.755,134.201z" stroke="#d7d9e0"/>
                                    </g>
                                </g>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div3">
                    <a href="/upload/">
                        <svg width="24px" height="23px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/>
                            <g>
                                <path d="M22 20.8201C15.426 22.392 8.574 22.392 2 20.8201" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0508 16V2" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.09961 6.21997L10.6096 2.60986C10.7895 2.42449 11.0048 2.27715 11.2427 2.17651C11.4806 2.07588 11.7363 2.02417 11.9946 2.02417C12.2529 2.02417 12.5086 2.07588 12.7465 2.17651C12.9844 2.27715 13.1997 2.42449 13.3796 2.60986L16.8996 6.21997" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div4">
                    <a href="/#">
                        <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/>
                            <g>
                                <path d="M8.96173 18.9109L9.42605 18.3219L8.96173 18.9109ZM12 5.50063L11.4596 6.02073C11.601 6.16763 11.7961 6.25063 12 6.25063C12.2039 6.25063 12.399 6.16763 12.5404 6.02073L12 5.50063ZM15.0383 18.9109L15.5026 19.4999L15.0383 18.9109ZM7.00061 16.4209C6.68078 16.1577 6.20813 16.2036 5.94491 16.5234C5.68169 16.8432 5.72758 17.3159 6.04741 17.5791L7.00061 16.4209ZM2.34199 13.4115C2.54074 13.7749 2.99647 13.9084 3.35988 13.7096C3.7233 13.5108 3.85677 13.0551 3.65801 12.6917L2.34199 13.4115ZM2.75 9.1371C2.75 6.98623 3.96537 5.18252 5.62436 4.42419C7.23607 3.68748 9.40166 3.88258 11.4596 6.02073L12.5404 4.98053C10.0985 2.44352 7.26409 2.02539 5.00076 3.05996C2.78471 4.07292 1.25 6.42503 1.25 9.1371H2.75ZM8.49742 19.4999C9.00965 19.9037 9.55954 20.3343 10.1168 20.6599C10.6739 20.9854 11.3096 21.25 12 21.25V19.75C11.6904 19.75 11.3261 19.6293 10.8736 19.3648C10.4213 19.1005 9.95208 18.7366 9.42605 18.3219L8.49742 19.4999ZM15.5026 19.4999C16.9292 18.3752 18.7528 17.0866 20.1833 15.4758C21.6395 13.8361 22.75 11.8026 22.75 9.1371H21.25C21.25 11.3345 20.3508 13.0282 19.0617 14.4798C17.7469 15.9603 16.0896 17.1271 14.574 18.3219L15.5026 19.4999ZM22.75 9.1371C22.75 6.42503 21.2153 4.07292 18.9992 3.05996C16.7359 2.02539 13.9015 2.44352 11.4596 4.98053L12.5404 6.02073C14.5983 3.88258 16.7639 3.68748 18.3756 4.42419C20.0346 5.18252 21.25 6.98623 21.25 9.1371H22.75ZM14.574 18.3219C14.0479 18.7366 13.5787 19.1005 13.1264 19.3648C12.6739 19.6293 12.3096 19.75 12 19.75V21.25C12.6904 21.25 13.3261 20.9854 13.8832 20.6599C14.4405 20.3343 14.9903 19.9037 15.5026 19.4999L14.574 18.3219ZM9.42605 18.3219C8.63014 17.6945 7.82129 17.0963 7.00061 16.4209L6.04741 17.5791C6.87768 18.2624 7.75472 18.9144 8.49742 19.4999L9.42605 18.3219ZM3.65801 12.6917C3.0968 11.6656 2.75 10.5033 2.75 9.1371H1.25C1.25 10.7746 1.66995 12.1827 2.34199 13.4115L3.65801 12.6917Z" fill="#d7d9e0"/>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div5">
                    <a href="/settings/">
                        <svg width="32px" height="32px" viewBox="0 0 1000 1000" data-name="Layer 2" id="Layer_2" xmlns="http://www.w3.org/2000/svg" fill="#d7d9e0" stroke="#d7d9e0"><g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/>
                            <g>
                                <defs></defs>
                                <path class="cls-1" d="M815.37,529.09V470.91a16.94,16.94,0,0,0-15.23-16.85l-66.09-6.7a17,17,0,0,1-14.57-12.18,227.26,227.26,0,0,0-17.57-42.89,17,17,0,0,1,1.83-18.92l42.42-51.13a16.94,16.94,0,0,0-1-22.7l-40.8-41.47a17,17,0,0,0-22.68-1.33l-51.82,41.6A17,17,0,0,1,611,299.88a227.46,227.46,0,0,0-46.18-19.37A17,17,0,0,1,552.64,266l-6.7-66.1a16.94,16.94,0,0,0-16.85-15.23H470.91a16.94,16.94,0,0,0-16.85,15.23l-6.7,66.1a17,17,0,0,1-12.15,14.55A227.46,227.46,0,0,0,389,299.88a17,17,0,0,1-18.92-1.54l-51.82-41.6a17,17,0,0,0-22.68,1.33l-40.8,41.47a16.94,16.94,0,0,0-1,22.7l42.42,51.13a17,17,0,0,1,1.83,18.92,227.26,227.26,0,0,0-17.57,42.89A17,17,0,0,1,266,447.36l-66.09,6.7a16.94,16.94,0,0,0-15.23,16.85v58.18a16.94,16.94,0,0,0,15.23,16.85l66.09,6.7a17,17,0,0,1,14.57,12.18,227.26,227.26,0,0,0,17.57,42.89,17,17,0,0,1-1.83,18.92l-42.42,51.13a16.94,16.94,0,0,0,1,22.7l40.8,41.47a17,17,0,0,0,22.68,1.33l51.82-41.6A17,17,0,0,1,389,700.12a227.46,227.46,0,0,0,46.18,19.37A17,17,0,0,1,447.36,734l6.7,66.1a16.94,16.94,0,0,0,16.85,15.23h58.18a16.94,16.94,0,0,0,16.85-15.23l6.7-66.1a17,17,0,0,1,12.15-14.55A227.46,227.46,0,0,0,611,700.12a17,17,0,0,1,18.92,1.54l51.82,41.6a17,17,0,0,0,22.68-1.33l40.8-41.47a16.94,16.94,0,0,0,1-22.7l-42.42-51.13a17,17,0,0,1-1.83-18.92,227.26,227.26,0,0,0,17.57-42.89,17,17,0,0,1,14.57-12.18l66.09-6.7A16.94,16.94,0,0,0,815.37,529.09Z"/>
                                <path class="cls-1" d="M386.2,554a126,126,0,0,0,227.6,0"/>
                                <path class="cls-1" d="M386.2,446a126,126,0,0,1,227.6,0"/>
                                <path class="cls-1" d="M433.42,534.91a72.13,72.13,0,1,0-2.13-65.68"/>
                            </g>
                        </svg>
                    </a>
                </div>
            <% } else { %>
                <div class="div1">
                    <a href="/">
                        <svg width="26px" height="26px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index: 10;">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/><g>
                                <path d="M19 10L19 20H9M5 20L5 10L12 3L15.5 6.5" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div2">
                    <a href="/auth/">
                        <svg fill="#d7d9e0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 368.625 368.625" xml:space="preserve">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/>
                            <g>
                                <g>
                                    <g>
                                        <path d="M356.125,50.318H12.5c-6.903,0-12.5,5.597-12.5,12.5v242.988c0,6.902,5.597,12.5,12.5,12.5h343.625 c6.902,0,12.5-5.598,12.5-12.5V62.818C368.625,55.916,363.027,50.318,356.125,50.318z M343.625,293.307H25V75.318h318.625V293.307 z" stroke="#d7d9e0"/>
                                        <path d="M57.755,134.201l120,73.937c2.01,1.239,4.283,1.858,6.557,1.858s4.547-0.619,6.557-1.858l120-73.937 c5.877-3.621,7.707-11.322,4.086-17.199s-11.324-7.707-17.199-4.085l-113.444,69.896L70.869,112.917 c-5.875-3.619-13.576-1.793-17.199,4.085C50.048,122.878,51.877,130.58,57.755,134.201z" stroke="#d7d9e0"/>
                                    </g>
                                </g>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div3">
                    <a href="/auth/">
                        <svg width="24px" height="23px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/>
                            <g>
                                <path d="M22 20.8201C15.426 22.392 8.574 22.392 2 20.8201" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0508 16V2" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.09961 6.21997L10.6096 2.60986C10.7895 2.42449 11.0048 2.27715 11.2427 2.17651C11.4806 2.07588 11.7363 2.02417 11.9946 2.02417C12.2529 2.02417 12.5086 2.07588 12.7465 2.17651C12.9844 2.27715 13.1997 2.42449 13.3796 2.60986L16.8996 6.21997" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div4">
                    <a href="/auth">
                        <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g stroke-width="0"/>
                            <g stroke-linecap="round" stroke-linejoin="round"/>
                            <g>
                                <path d="M8.96173 18.9109L9.42605 18.3219L8.96173 18.9109ZM12 5.50063L11.4596 6.02073C11.601 6.16763 11.7961 6.25063 12 6.25063C12.2039 6.25063 12.399 6.16763 12.5404 6.02073L12 5.50063ZM15.0383 18.9109L15.5026 19.4999L15.0383 18.9109ZM7.00061 16.4209C6.68078 16.1577 6.20813 16.2036 5.94491 16.5234C5.68169 16.8432 5.72758 17.3159 6.04741 17.5791L7.00061 16.4209ZM2.34199 13.4115C2.54074 13.7749 2.99647 13.9084 3.35988 13.7096C3.7233 13.5108 3.85677 13.0551 3.65801 12.6917L2.34199 13.4115ZM2.75 9.1371C2.75 6.98623 3.96537 5.18252 5.62436 4.42419C7.23607 3.68748 9.40166 3.88258 11.4596 6.02073L12.5404 4.98053C10.0985 2.44352 7.26409 2.02539 5.00076 3.05996C2.78471 4.07292 1.25 6.42503 1.25 9.1371H2.75ZM8.49742 19.4999C9.00965 19.9037 9.55954 20.3343 10.1168 20.6599C10.6739 20.9854 11.3096 21.25 12 21.25V19.75C11.6904 19.75 11.3261 19.6293 10.8736 19.3648C10.4213 19.1005 9.95208 18.7366 9.42605 18.3219L8.49742 19.4999ZM15.5026 19.4999C16.9292 18.3752 18.7528 17.0866 20.1833 15.4758C21.6395 13.8361 22.75 11.8026 22.75 9.1371H21.25C21.25 11.3345 20.3508 13.0282 19.0617 14.4798C17.7469 15.9603 16.0896 17.1271 14.574 18.3219L15.5026 19.4999ZM22.75 9.1371C22.75 6.42503 21.2153 4.07292 18.9992 3.05996C16.7359 2.02539 13.9015 2.44352 11.4596 4.98053L12.5404 6.02073C14.5983 3.88258 16.7639 3.68748 18.3756 4.42419C20.0346 5.18252 21.25 6.98623 21.25 9.1371H22.75ZM14.574 18.3219C14.0479 18.7366 13.5787 19.1005 13.1264 19.3648C12.6739 19.6293 12.3096 19.75 12 19.75V21.25C12.6904 21.25 13.3261 20.9854 13.8832 20.6599C14.4405 20.3343 14.9903 19.9037 15.5026 19.4999L14.574 18.3219ZM9.42605 18.3219C8.63014 17.6945 7.82129 17.0963 7.00061 16.4209L6.04741 17.5791C6.87768 18.2624 7.75472 18.9144 8.49742 19.4999L9.42605 18.3219ZM3.65801 12.6917C3.0968 11.6656 2.75 10.5033 2.75 9.1371H1.25C1.25 10.7746 1.66995 12.1827 2.34199 13.4115L3.65801 12.6917Z" fill="#d7d9e0"/>
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="div5">
                    <a href="/auth/">
                        <svg width="31px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g id="SVGRepo_bgCarrier" stroke-width="0"/>
                            <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
                            <g id="SVGRepo_iconCarrier"> <path d="M15 20H18C19.1046 20 20 19.1046 20 18M15 4H18C19.1046 4 20 4.89543 20 6V14M11 16L15 12H3M11 8L12 9" stroke="#d7d9e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g>
                        </svg>
                    </a>
                </div>
            <% } %>
        </div>
    </div>
</nav>