info.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="google-analytics">

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Information</title>

    <meta name="description" content="Information - Website with math and IT tools">
    <meta name="keywords" content="Tools, Narzędzia">
    <meta name="author" content="Bartek L">

    <link rel="stylesheet" href="/tools/css/style.css">

    <link rel="stylesheet" href="/tools/css/modules/bootstrap.min.css">
    <link rel="stylesheet" href="/tools/css/modules/bootstrap-icons/bootstrap-icons.min.css">

    <script src="/tools/js/theme.js"></script>

    <link rel="manifest" href="/tools/manifest.json">

    <link rel="shortcut icon" href="/tools/img/icons/icon.ico">
    <link rel="apple-touch-icon" href="/tools/img/icons/icon_x192.png">

    <!-- Standard browsers -->
    <meta name="theme-color" content="#0d6efd"/>
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#0d6efd">

    <meta name="google-site-verification">
</head>
<body class="px-3 pt-2">
    <div class="top-bar">
        <div class="float-start top-bar-buttons">
            <button class="top-bar-button" onclick="window.location.reload()">
                <i class="bi bi-arrow-clockwise"></i>
            </button>
            <a class="top-bar-button" href="/tools/">
                <i class="bi bi-house"></i>
            </a>
            <button class="top-bar-button" id="top-bar-share">
                <i class="bi bi-share-fill"></i>
            </button>
        </div>
        <div class="input-group top-bar-search-group">
            <span class="input-group-text top-bar-search-text"><i class="bi bi-search"></i></span>
            <input type="text" class="form-control top-bar-search" placeholder="Search">
        </div>
    </div>

    <h1 class="text-light-emphasis h2 text-center">
        <a href="/tools/" class="home-link">
            <span text-id="0">Tools</span>
            <i class="bi bi-tools"></i>
        </a>
    </h1>

    <h2 class="h3">
        <i class="bi bi-info-circle"></i>
        <span text-id="5">Information</span>
    </h2>

    <ul class="nav nav-pills mb-3" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" data-bs-toggle="pill" data-bs-target="#info-general" type="button" role="tab">
                <i class="bi bi-info-circle"></i>
                <span text-id="13">General</span>
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="pill" data-bs-target="#info-changelog" type="button" role="tab">
                <i class="bi bi-list-ol"></i>
                <span text-id="14">Changelog</span>
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="pill" data-bs-target="#info-acknowledgements" type="button" role="tab">
                <i class="bi bi-gift-fill"></i>
                <span text-id="15">Acknowledgements</span>
            </button>
        </li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane fade show active" id="info-general" role="tabpanel" tabindex="0">
            <div class="d-flex bg-body-secondary rounded p-3 mb-3">
                <img src="https://github.com/bartekl1.png" width="100px" height="100px" class="img-fluid rounded-circle me-3">
                <div class="fs-2 fw-medium text-white-emphasis">
                    <div>Bartek L</div>
                    <a href="https://bartekl1.github.io/" target="_blank" rel="noopener" class="btn btn-primary rounded-circle me-1" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Website">
                        <i class="bi bi-globe"></i>
                    </a>
                    <a href="https://github.com/bartekl1" target="_blank" rel="noopener" class="btn btn-dark rounded-circle me-1" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="GitHub profile">
                        <i class="bi bi-github"></i>
                    </a>
                </div>
            </div>

            <div class="bg-body-secondary rounded p-3 mb-3">
                <div class="fs-2 fw-medium text-white-emphasis mb-1">
                    <span text-id="0">Tools</span>
                </div>
                <div class="fs-5">
                    <span text-id="1" class="fw-medium">Version</span>:
                    <span id="version"></span>
                </div>
                <div class="mt-2">
                    <a href="https://github.com/bartekl1/tools" target="_blank" rel="noopener" class="btn btn-primary btn-sm mb-1">
                        <i class="bi bi-github"></i>
                        <span text-id="4">GitHub repository</span>
                    </a>
                    <a href="https://github.com/bartekl1/tools/issues/new?assignees=&labels=bug&projects=&template=%F0%9F%A6%9F-bug-report.md&title=" target="_blank" rel="noopener" class="btn btn-secondary btn-sm mb-1">
                        <i class="bi bi-bug-fill"></i>
                        <span text-id="37">Report bug</span>
                    </a>
                    <a href="https://github.com/bartekl1/tools/issues/new?assignees=&labels=enhancement&projects=&template=%F0%9F%93%A2-feature-request.md&title=" target="_blank" rel="noopener" class="btn btn-secondary btn-sm mb-1">
                        <i class="bi bi-megaphone-fill"></i>
                        <span text-id="38">Request new feature</span>
                    </a>
                </div>
            </div>

            <div class="alert alert-warning">
                <span text-id="251">Before you report a bug or suggest new feature, please read</span>
                <a href="https://github.com/bartekl1/.github/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener" text-id="252" class="alert-link">this information</a>.
            </div>
        </div>
        <div class="tab-pane fade" id="info-changelog" role="tabpanel" tabindex="0">
            <div class="d-flex justify-content-center">
                <div class="spinner-border text-primary" role="status">
                    <span class="visually-hidden">Loading...</span>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="info-acknowledgements" role="tabpanel" tabindex="0">
            <div class="d-flex justify-content-center">
                <div class="spinner-border text-primary" role="status">
                    <span class="visually-hidden">Loading...</span>
                </div>
            </div>
        </div>
    </div>

    <button class="btn btn-primary py-2 dropdown-toggle d-flex align-items-center position-fixed bottom-0 end-0 m-2" id="theme-button" type="button" data-bs-toggle="dropdown" data-bs-target="theme-dropdown">
        
    </button>
    <ul class="dropdown-menu dropdown-menu-end shadow" id="theme-dropdown">
        <li>
            <button type="button" class="dropdown-item d-flex align-items-center theme-button" theme-value="auto">
                <i class="bi bi-circle-half me-2 opacity-75"></i>
                Auto
                <i class="bi bi-check2 ms-auto d-none"></i>
            </button>
        </li>
        <li>
            <button type="button" class="dropdown-item d-flex align-items-center theme-button" theme-value="light">
                <i class="bi bi-sun-fill me-2 opacity-75"></i>
                <span text-id="248">Light</span>
                <i class="bi bi-check2 ms-auto d-none"></i>
            </button>
        </li>
        <li>
            <button type="button" class="dropdown-item d-flex align-items-center theme-button" theme-value="dark">
                <i class="bi bi-moon-stars-fill me-2 opacity-75"></i>
                <span text-id="249">Dark</span>
                <i class="bi bi-check2 ms-auto d-none"></i>
            </button>
        </li>
    </ul>

    <div id="cookies-info"></div>

    <script src="/tools/js/topbar.js"></script>
    <script src="/tools/js/translate.js"></script>
    <script src="/tools/js/error.js"></script>
    
    <script src="/tools/js/modules/bootstrap.bundle.min.js"></script>
    
    <script src="/tools/js/modules/showdown.min.js"></script>

    <script src="/tools/js/info.js"></script>

    <script>
        var reg;
        // Register the service worker
        if ('serviceWorker' in navigator) {
            // Wait for the 'load' event to not block other work
            window.addEventListener('load', async () => {
                // Try to register the service worker.
                try {
                    reg = await navigator.serviceWorker.register('/tools/sw.js');
                    console.log('Service worker registered! 😎', reg);
                } catch (err) {
                    console.log('😥 Service worker registration failed: ', err);
                }
            });
        }
    </script>
</body>
</html>