quickround.github.io/index.html at main · QuickRound/quickround.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="QuickRound is the new medium for news. Get neutral, unbiased, and high-quality news from different sources. QuickRound is maintained by the open-source community.">
    <meta name="author" content="QuickRound">
    <meta name="keywords" content="HTML, template, example, basic structure">
    <title>QuickRound</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="src/css/styles.css"> <!-- Custom styles -->
</head>
<body>
    <!-- Closable Popup -->
    <div id="maintenancePopup" class="bg-danger text-white text-center py-2 position-relative">
        <span>🚧 QuickRound is down for maintenance. We're making this better than ever. 🚧</span>
        <button class="btn-close btn-close-white position-absolute end-0 me-3" onclick="closePopup()" aria-label="Close"></button>
    </div>

    <!-- Header and Navbar -->
    <header class="bg-warning text-white">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand fw-bold text-white" href="#">QuickRound</a>
                <!-- Toggle button for collapsing navbar -->
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="true" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse show" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item">
                            <a class="nav-link text-white" href="#section1">Introduction</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-white" href="#section2">How It Works</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-white" href="#section3">Join Us</a>
                        </li>
                    </ul>
                    <a href="roundup/2025/maintenance.html" class="btn btn-primary btn-lg ms-3"><strong>Launch</strong></a>
                </div>
            </nav>
        </div>
    </header>

    <!-- Main Content -->
    <main class="container my-5">
        <section id="section1" class="mb-5">
            <h2 class="text-warning">Introduction</h2>
            <p>QuickRound simplifies news for the busy individual. In just 5 minutes, get daily roundups of neutral and unbiased news from trusted sources which compare and contrast other sources or from reliable media outlets that have been reviewed. You can think of QuickRound as a wiki for news. <strong>At QuickRound, we encourage you to read further, this is just the best place to start. But, we want our readers to be informed and after all, make what matters most: THEIR OPINION!</strong> Stop the opps and the mass media from lying. Start doing what's right and not easy and self-aggregating news, where QuickRound can assist but it is up to you.</p>
        </section>

        <section id="section2" class="mb-5">
            <h2 class="text-warning">How It Works</h2>
            <p>QuickRound is built by the community, for the community. It gathers news highlights from reliable sources and presents them in a concise format to keep you informed. Just <strong>press Launch.</strong> The rest is easy.</p>
            <button class="btn btn-success btn-lg" onclick="learnMore()">Learn More</button>
        </section>

        <section id="section3">
            <h2 class="text-warning">Join Us</h2>
            <p>Become part of our mission to deliver quality, unbiased news. <a href="src/html/contact.html">Contact us</a> or contribute on <a href="https://github.com/QuickRound/quickround.github.io" target="_blank">GitHub</a>.</p>
        </section>
    </main>

    <!-- Footer -->
    <footer class="bg-dark text-white py-3">
        <div class="container text-center">
            <p>&copy; 2025 QuickRound. All rights reserved. MIT License</p>
            <p>
                <a href="https://github.com/QuickRound" target="_blank" class="text-warning text-decoration-none">GitHub</a> |
                <a href="https://github.com/QuickRound/quickround.github.io" target="_blank" class="text-warning text-decoration-none">Repository</a> |
                <a href="src/html/contact.html" class="text-warning text-decoration-none">Contact</a>
            </p>
        </div>
    </footer>

    <!-- Bootstrap JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
    <script src="src/js/script.js"></script> <!-- Custom JavaScript -->
    <script>
        function closePopup() {
            document.getElementById('maintenancePopup').style.display = 'none';
        }
    </script>
</body>
</html>