<!--
 This file is part of DarkFi (https://dark.fi)

 Copyright (C) 2020-2025 Dyne.org foundation

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU Affero General Public License as
 published by the Free Software Foundation, either version 3 of the
 License, or (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU Affero General Public License for more details.

 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.
-->

<!DOCTYPE html>
<html lang="en">

<head>
    <title>DarkFi &ndash; {% block title %}{% endblock %}</title>

    <link rel="icon" type="image/png" href="{{ url_for('static', filename= 'img/icon.png') }}"/>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename= 'bootstrap.min.css') }}">

    <link rel="stylesheet" href="{{ url_for('static', filename= 'style.css') }}"/>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>

<div class="page-container">
    <nav class="navbar navbar-expand-md navbar-dark tedt border-bottom border-secondary">
        <a class="navbar-brand" href="https://dark.fi/">
            <img src="{{ url_for('static', filename= 'img/darkfi.svg') }}" style="height:40px;"/>
        </a>

        <!--- Network -->
        <div class="text-light">
            {{ config.NETWORK }}
        </div>

        <div class="collapse navbar-collapse nav justify-content-end" id="collapsibleNavbar" style="height:40px;">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link text-light" href="/">Explorer</a>
                </li>

                <!--Twitter-->
                <li class="nav-item" style="padding-left:10px;">
                    <div class="icon-sm">
                        <a href="https://twitter.com/DarkFiSquad" class="">
                            <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg"
                                 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 viewBox="0 0 100 100"
                                 style="enable-background:new 0 0 100 100; max-width:30px; min-width:15px;"
                                 xml:space="preserve">
                                <style type="text/css">
                                    .st0 {
                                        fill: #3a3a3a;
                                    }
                                </style>
                                <g id="layer1" transform="translate(-539.17946,-568.85777)">
                                    <path id="path3611" class="st0"
                                          d="M570.9,659c37.3,0,57.7-30.9,57.7-57.7c0-0.9,0-1.8-0.1-2.6c4-2.9,7.4-6.4,10.1-10.5
                                           c-3.6,1.6-7.5,2.7-11.6,3.2c4.2-2.5,7.4-6.5,8.9-11.2c-3.9,2.3-8.3,4-12.9,4.9c-3.7-3.9
                                           -9-6.4-14.8-6.4c-11.2,0-20.3,9.1-20.3,20.3c0,1.6,0.2,3.1,0.5,4.6c-16.8-0.8-31.8-8.9
                                           -41.8-21.2c-1.7,3-2.7,6.5-2.7,10.2c0,7,3.6,13.2,9,16.9c-3.3-0.1-6.5-1-9.2-2.5c0,0.1,0,0.2,0,
                                           0.3c0,9.8,7,18,16.3,19.9c-1.7,0.5-3.5,0.7-5.3,0.7c-1.3,0-2.6-0.1-3.8-0.4c2.6,8.1,10.1,13.9,
                                           18.9,14.1c-6.9,5.4-15.7,8.7-25.2,8.7c-1.6,0-3.2-0.1-4.8-0.3C548.7,655.7,559.4,659,570.9,659"/>
                                </g>
                            </svg>
                        </a>
                    </div>
                </li>

                <!--Codeberg-->
                <li class="nav-item" style="padding-left:10px;">
                    <div class="icon-sm">
                        <a href="https://codeberg.org/darkrenaissance/darkfi" class="">
                            <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg"
                                 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"
                                 xml:space="preserve">
                                <style type="text/css">
                                    .st0 {
                                        fill: #3A3A3A;
                                    }
                                </style>
                                <g id="g370484" transform="matrix(0.06551432,0,0,0.06551432,-2.232417,-1.431776)">
                                    <g>
                                        <path id="path6733-5_00000147220371580420933290000015044290908562073483_"
                                              class="st0"
                                              d="M797.5,506.6c-2.6,0-4.7,1.6-4.7,3.6c0,0.2,0,0.4,0.1,0.6l253.7,1037.5c104.2-35.5,
                                                 265.5-150.8,346-256.8l-591-783.2C800.8,507.2,799.2,506.6,797.5,506.6z"/>
                                        <path id="path360787_00000175324937253379690650000018049397027717501353_"
                                              class="st0"
                                              d="M797.3,59C375.7,59,34.1,400.6,34.1,822.1c0,143.4,40.4,283.8,
                                                116.5,405.3l636.3-822.6c4.6-5.9,16.1-5.9,20.6,0l636.3,822.6c76.2-121.5,
                                                116.6-262,116.6-405.4C1560.5,400.6,1218.8,59,797.3,59L797.3,59z"/>
                                    </g>
                                </g>
                            </svg>
                        </a>
                    </div>
                </li>

                <!--Darkirc-->
                <li class="nav-item" style="padding-left:10px;">
                    <div class="icon-sm">
                        <a href="https://darkrenaissance.github.io/darkfi/misc/darkirc/darkirc.html" class="">
                            <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg"
                                 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 viewBox="0 0 100 100"
                                 style="enable-background:new 0 0 100 100; max-width:30px; min-width:15px;"
                                 xml:space="preserve">
                                <style type="text/css">
                                    .st0 {
                                        fill: #3a3a3a;
                                    }
                                </style>
                                <path class="st0" d="M0,0v100h100V0H0z M16.2,30c0-2,1.2-3.6,4.5-3.6c3.4,0,4.5,1.5,4.5,3.6v1.5c0,2-1.2,3.6-4.5,3.6
                                                    c-3.4,0-4.5-1.6-4.5-3.6V30z M32.3,64.8H8.6v-5.9H17V44.3H8.6v-5.9h15.9v20.5h7.8V64.8z M63.1,45.4h-5.6c-3.7,0-5.7,2.5-5.7,5.7v7.8
                                                    h8.7v5.9H38.2v-5.9h6.1V44.3h-6.1v-5.9h13.6v7.4h0.4c1-3.9,3.2-7.4,8.4-7.4h2.5V45.4z M81.4,65.4c-8.3,0-13.3-5.3-13.3-13.8
                                                    c0-8.5,5-13.8,13.3-13.8c5.8,0,9.1,2.6,11,6.4l-5.8,3.2c-0.9-2-2.3-3.6-5.2-3.6C78,43.8,76,46,76,49.5v4.3c0,3.5,1.9,5.6,5.5,5.6
                                                    c2.9,0,4.4-1.5,5.6-3.7l5.7,3.3C90.9,62.8,87.3,65.4,81.4,65.4z"/>
                            </svg>
                        </a>
                    </div>
                </li>

                <!--Telegram-->
                <li class="nav-item" style="padding-left:10px; padding-right:10px;">
                    <div class="icon-sm">
                        <a href="https://t.me/darkfichat" class="">
                            <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg"
                                 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 viewBox="0 0 100 100"
                                 style="enable-background:new 0 0 100 100; max-width:30px; min-width:15px;"
                                 xml:space="preserve">
                                <style type="text/css">
                                    .st0 {
                                        fill: #3a3a3a;
                                    }
                                </style>
                                <path class="st0" d="M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0z M73.8,32.5c-0.1,2-1.4,9.1-2.5,16.8
                                                    L67.9,72c0,0-0.3,3.3-2.9,3.9c-2.6,0.6-6.5-2-7.2-2.6c-0.6-0.4-10.8-6.9-14.5-10.1c-1-0.9-2.2-2.6,0.1-4.6l15.2-14.5
                                                    c1.7-1.7,3.5-5.8-3.8-0.9L34.7,56.9c0,0-2.3,1.4-6.6,0.1l-9.4-2.9c0,0-3.5-2.2,2.5-4.3c14.5-6.8,32.2-13.7,48-20.2
                                                    C69.1,29.6,74.3,27.6,73.8,32.5z"/>
                            </svg>
                        </a>
                    </div>
                </li>
            </ul>
        </div>

        <div class="navbarb">
            <div class="navbar2">
                <div class="container2 nav-container2">
                    <input class="checkbox" type="checkbox" name="" id=""/>
                    <div class="hamburger-lines">
                        <span class="line line1"></span>
                        <span class="line line2"></span>
                        <span class="line line3"></span>
                    </div>
                    <div class="menu-items">
                        <li class="topnav"><a href="/">Explorer</a></li>
                        <li><a href="https://twitter.com/DarkFiSquad">Twitter</a></li>
                        <li><a href="https://codeberg.org/darkrenaissance/darkfi">Codeberg</a></li>
                        <li><a href="https://darkrenaissance.github.io/darkfi/misc/darkirc/darkirc.html">Darkirc</a>
                        </li>
                        <li><a href="https://t.me/darkfichat">Telegram</a></li>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <div>
        {% block content %}{% endblock %}
    </div>

    <footer></footer>
</div>

</body>

