website/microwave-man.html at master · TitledGames/website · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!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="Microwave-Man! - A platformer game about a Microwave Robot ascending the map to reach the top while collecting items to microwave.">
    <meta name="keywords" content="Microwave-Man, platformer game, indie game, Titled Games, Project516">
    <meta name="author" content="Titled Games, Project516">
    <meta property="og:title" content="Microwave-Man! | Titled Games">
    <meta property="og:description" content="A platformer game about a Microwave Robot ascending the map to reach the top while collecting items to microwave.">
    <meta property="og:url" content="https://titledgames.project516.dev/microwave-man">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Microwave-Man! | Titled Games">
    <meta name="twitter:description" content="A platformer game about a Microwave Robot ascending the map to reach the top while collecting items to microwave.">
    <title>Microwave-Man! | Titled Games</title>
    <link rel="icon" type="image/png" href="assets/favicon.png">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/microwave-man.css">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar">
        <div class="container">
            <div class="nav-brand">
                <a href="index.html" class="logo">
                    <span class="logo-icon"><img id="logoImage" src="assets/logos/light.png" width="50" height="50" alt="Titled Games Logo"></span>
                    Titled Games
                </a>
            </div>
            <ul class="nav-menu" id="navMenu">
                <li><a href="index.html#home" class="nav-link">Home</a></li>
                <li><a href="about.html" class="nav-link">About</a></li>
                <li><a href="index.html#games" class="nav-link">Games</a></li>
                <li><a href="index.html#contact" class="nav-link">Contact</a></li>
                <li><button id="darkModeToggle" class="nav-link dark-mode-toggle">
                    <span id="darkModeIcon">🌙</span>
                </button></li>
            </ul>
            <div class="hamburger" id="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- Game Page Content -->
    <div class="game-page-hero">
        <div class="game-page-content">
            <a href="index.html#games" class="back-link">← Back to Games</a>
            <h1 class="game-title">Microwave-Man!</h1>
            <p class="game-subtitle">Play as a microwave!</p>
        </div>
    </div>

    <div class="game-page-content">
        <!-- Game Description -->
        <div class="game-description">
            <h2>About the Game</h2>
            <p>Microwave-Man! is a platformer game about a Microwave Robot ascending the map to reach the top while collecting items to microwave.</p>
            <p>Navigate through challenging levels, collect items, and help Microwave-Man reach new heights in this exciting adventure!</p>
        </div>

        <!-- Download Section -->
        <div class="download-section">
            <h2>Download Microwave Man<span class="version-badge" id="versionBadge">Loading...</span></h2>
            <p class="download-release-note">Get the latest version from GitHub Releases</p>
            <div class="download-links" id="downloadLinks">
                <!-- Download links will be populated by JavaScript -->
                <div class="download-links-loading">
                    Loading download links...
                </div>
            </div>
        </div>

        <!-- Flathub Recommendation Section -->
        <div class="flathub-highlight">
            <h2>Linux Users: Get it on Flathub<span class="highlight-badge">RECOMMENDED</span></h2>
            <p>For the best experience on Linux, we recommend downloading from Flathub. You'll automatically receive updates when new versions are released.</p>
            <div class="flathub-link-wrapper">
                <a href="https://flathub.org/en/apps/dev.project516.titledgames.microwave-man" target="_blank" rel="noopener noreferrer" class="flathub-image-link">
                    <img src="https://dl.flathub.org/media/dev/project516/titledgames.microwave-man/08e6c4056a602f872b878eaff010d953/screenshots/image-1_orig.webp" alt="Download on Flathub" class="flathub-image">
                </a>
                <p><a href="https://flathub.org/en/apps/dev.project516.titledgames.microwave-man" target="_blank" rel="noopener noreferrer" class="flathub-download-link">Download on Flathub</a></p>
            </div>
        </div>

        <!-- Game Player Section -->
        <div class="game-player">
            <h2>Play Now (Web Version)</h2>
            <div class="warning-box">
                <p><strong>Note:</strong> The web version is currently unstable and may not work properly in all browsers. For the best experience, please download the desktop version above.</p>
            </div>
            <div class="game-embed game-embed-top-spacing">
                <iframe frameborder="0" src="https://titledgames.github.io/Microwave-Man/" allowfullscreen="" width="800" height="500"><a href="https://titledgames.github.io/Microwave-Man/">Play Microwave-Man!</a></iframe>
            </div>
        </div>

        <!-- Game Widget -->
        <div class="game-widget">
            <iframe frameborder="0" src="https://itch.io/embed/4085345?linkback=true&amp;bg_color=dcdada&amp;fg_color=222222&amp;link_color=efb945&amp;border_color=b0aeae" width="552" height="167"><a href="https://project516.itch.io/microwave-man">Microwave-Man! by Project516, Titled Games</a></iframe>
        </div>


    </div>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-brand">
                    <span class="logo">
                        <span class="logo-icon"><img id="footerLogoImage" src="assets/logos/light.png" width="50" height="50" alt="Titled Games Logo"></span>
                        Titled Games
                    </span>
                    <p>We do games</p>
                </div>
                <div class="footer-links">
                    <a href="index.html#home">Home</a>
                    <a href="about.html">About</a>
                    <a href="index.html#games">Games</a>
                    <a href="index.html#contact">Contact</a>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 - 2026 Titled Games. All rights reserved.</p>
                <p>
                    <a href="https://github.com/titledgames" target="_blank" rel="noopener noreferrer">github.com/titledgames</a>
                </p>
            </div>
        </div>
    </footer>

    <!-- Back to top button -->
    <button id="backToTop" class="back-to-top" aria-label="Back to top">↑</button>

    <!-- JavaScript -->
    <script src="js/script.js"></script>
    <script src="js/microwave-man.js"></script>
</body>
</html>