- Override general img width rule for product-main images to prevent overflow - Add overflow constraints to content sections (.product-description, .content, section.content) - Use \!important to ensure product-main images use auto width instead of 100% - Add horizontal scrolling fallback instead of layout breaking
388 lines
No EOL
12 KiB
HTML
388 lines
No EOL
12 KiB
HTML
<!DOCTYPE html>
|
|
<!--shop_id=f2ce0b94-6723-11f0-a787-02dfe05770ee-->
|
|
<!--product_id=f0b24565-6745-11f0-9f8a-02dfe05770ee-->
|
|
<!--product_created=74d, 2h ago-->
|
|
<!--product_updated=21m, 46s ago-->
|
|
|
|
|
|
|
|
|
|
|
|
<html lang="en" data-theme="dark" data-user-theme="null" data-shop-default="0">
|
|
<head>
|
|
|
|
<!-- stylesheet to-end-all stylesheets, pico.fluid.classless.css ! woot -->
|
|
<link rel="stylesheet" href="/static/css/common.css">
|
|
|
|
<!-- Dark mode theme switching -->
|
|
<script>
|
|
(function() {
|
|
// Theme priority: localStorage > user preference > shop default > system default (light)
|
|
const userThemeId = null;
|
|
const shopDefaultTheme = 0;
|
|
|
|
// Get theme from localStorage
|
|
const savedTheme = localStorage.getItem('theme-preference');
|
|
|
|
let finalTheme;
|
|
if (savedTheme && (savedTheme === 'light' || savedTheme === 'dark')) {
|
|
// User has explicitly chosen a theme via toggle
|
|
finalTheme = savedTheme;
|
|
} else if (userThemeId !== null) {
|
|
// Use user's profile setting (0=dark, 1=light)
|
|
finalTheme = userThemeId === 0 ? 'dark' : 'light';
|
|
} else {
|
|
// Use shop default (0=dark, 1=light)
|
|
finalTheme = shopDefaultTheme === 0 ? 'dark' : 'light';
|
|
}
|
|
|
|
// Apply theme immediately to prevent flash
|
|
document.documentElement.setAttribute('data-theme', finalTheme);
|
|
|
|
// Theme switching function (for programmatic use)
|
|
window.setTheme = function(theme) {
|
|
if (theme === 'dark' || theme === 'light') {
|
|
document.documentElement.setAttribute('data-theme', theme);
|
|
localStorage.setItem('theme-preference', theme);
|
|
}
|
|
};
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- this makes mobile pretty... -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#5871ad">
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<link rel="canonical" href="https://shop.gumyum.com/p/f0b24565-6745-11f0-9f8a-02dfe05770ee/piano-roll-man" />
|
|
<title>Piano Roll Man</title>
|
|
<meta property="og:title" content="Piano Roll Man" />
|
|
<meta name="description" content="<img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail2?1" style="width:360px;" />
|
|
|
|
This is the 0.0.18 Alpha build, Day 18 of Piano Roll Man.
|
|
|
|
Platforms:
|
|
|
|
* Linux
|
|
* Windows
|
|
* Mac
|
|
|
|
We will allow alpha testers to try the game & help shape the future of the beta & final release of Piano Roll Man.
|
|
|
|
Buy now & earn access immediately before launch!
|
|
|
|
Thank you for considering this game at a large discount, $6 for alpha!
|
|
|
|
The price will rise to $12 during beta & $18 on launch of gold the release!
|
|
|
|
If you pay now you unlock all future releases of the game!
|
|
|
|
Full level editor included, trade levels by simply saving the MIDI file & transferring it to a friend!
|
|
|
|
<img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail4" style="width:360px;" />
|
|
|
|
Load any MIDI file off the internet and play it with this game!
|
|
|
|
|
|
|
|
<img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail3?7" style="width:360px;" />
|
|
|
|
|
|
<!--
|
|
|
|
For example, download this one here!
|
|
|
|
Rimsky Korsakov Flight Of the Bumblebee MIDI
|
|
|
|
<a href="https://upload.unturf.com/namespace/IGiTYOVITWWWKzmNOifHxA/media/lXJLr85DSnCqhbNV3j_o-A?download=true">
|
|
Rimsky-Korsakov-Flight-Of-the-Bumblebee.mid</a>
|
|
|
|
-->
|
|
|
|
Download all the classic levels on this torrent magnet link!
|
|
|
|
magnet:?xt=urn:btih:3DCBCD1C0A8E0B3A44BCD600E484F39348025DD0">
|
|
<meta property="og:description" content="<img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail2?1" style="width:360px;" />
|
|
|
|
This is the 0.0.18 Alpha build, Day 18 of Piano Roll Man.
|
|
|
|
Platforms:
|
|
|
|
* Linux
|
|
* Windows
|
|
* Mac
|
|
|
|
We will allow alpha testers to try the game & help shape the future of the beta & final release of Piano Roll Man.
|
|
|
|
Buy now & earn access immediately before launch!
|
|
|
|
Thank you for considering this game at a large discount, $6 for alpha!
|
|
|
|
The price will rise to $12 during beta & $18 on launch of gold the release!
|
|
|
|
If you pay now you unlock all future releases of the game!
|
|
|
|
Full level editor included, trade levels by simply saving the MIDI file & transferring it to a friend!
|
|
|
|
<img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail4" style="width:360px;" />
|
|
|
|
Load any MIDI file off the internet and play it with this game!
|
|
|
|
|
|
|
|
<img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail3?7" style="width:360px;" />
|
|
|
|
|
|
<!--
|
|
|
|
For example, download this one here!
|
|
|
|
Rimsky Korsakov Flight Of the Bumblebee MIDI
|
|
|
|
<a href="https://upload.unturf.com/namespace/IGiTYOVITWWWKzmNOifHxA/media/lXJLr85DSnCqhbNV3j_o-A?download=true">
|
|
Rimsky-Korsakov-Flight-Of-the-Bumblebee.mid</a>
|
|
|
|
-->
|
|
|
|
Download all the classic levels on this torrent magnet link!
|
|
|
|
magnet:?xt=urn:btih:3DCBCD1C0A8E0B3A44BCD600E484F39348025DD0" />
|
|
<meta property="og:type" content="article" />
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<style>
|
|
|
|
|
|
|
|
|
|
div.message-ribbon {
|
|
color: #FFFFFF;
|
|
background: linear-gradient(to right, #5871AD, #82A8FF);
|
|
}
|
|
a.shop-theme-link-color {
|
|
color: #425481;
|
|
font-weight: bold;
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="main">
|
|
|
|
<section class="nav-grid">
|
|
|
|
<section class="nav">
|
|
|
|
<section class="logo">
|
|
|
|
<a href="/"><img class="logo" src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/meta/shop-logo-banner?ts=1753206540990" /></a>
|
|
|
|
</section>
|
|
|
|
<section class="search">
|
|
|
|
<form action="/search" id="search" name="search" class="no-bottom-margin">
|
|
|
|
|
|
<input type="hidden" name="csrf_token" value="fbc9775c18fb824e387f2805a5c02d9a77f94582" />
|
|
<input type="hidden" name="shop_id" value="f2ce0b94-6723-11f0-a787-02dfe05770ee">
|
|
|
|
<input type="text"
|
|
name="keywords"
|
|
id="keywords"
|
|
class="mps-keywords no-bottom-margin"
|
|
placeholder="Keyword search on gumyum games"
|
|
|
|
required/>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
<section class="log-in">
|
|
|
|
|
|
|
|
|
|
<a href="https://shop.gumyum.com/join-or-log-in?next=https%3A%2F%2Fshop.gumyum.com%2Fp%2Ff0b24565-6745-11f0-9f8a-02dfe05770ee%2Fpiano-roll-man">My Account</a>
|
|
|
|
|
|
<a href="/cart" class="cart-and-count">🛒 Cart $0.00 (0)</a>
|
|
|
|
</section>
|
|
|
|
<!-- nav -->
|
|
</section>
|
|
|
|
<!-- nav-grid -->
|
|
</section>
|
|
|
|
<noscript>
|
|
<style>
|
|
.js-only {display: none;}
|
|
</style>
|
|
</noscript>
|
|
|
|
<div id="alerts">
|
|
</div>
|
|
|
|
|
|
|
|
</section >
|
|
|
|
<section class="content">
|
|
<section class="two-column">
|
|
|
|
<div class="product-images">
|
|
<h1>Piano Roll Man <span class="subtitle-text">sold by <a href="https://shop.gumyum.com/s/f2ce0b94-6723-11f0-a787-02dfe05770ee/gumyum-games/about" rel="nofollow" class="shop-theme-link-color">gumyum games</a></span></h1>
|
|
|
|
|
|
<img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail1?ts=1759622043899" class="product-main" />
|
|
<br/>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail1" target="_blank"><img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail1?ts=1759622043899" class="product-thumbnail" /></a>
|
|
|
|
|
|
|
|
|
|
<a href="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail2" target="_blank"><img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail2?ts=1759622043899" class="product-thumbnail" /></a>
|
|
|
|
|
|
|
|
|
|
<a href="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail3" target="_blank"><img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail3?ts=1759622043899" class="product-thumbnail" /></a>
|
|
|
|
|
|
|
|
|
|
<a href="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail4" target="_blank"><img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail4?ts=1759622043899" class="product-thumbnail" /></a>
|
|
|
|
|
|
</div>
|
|
|
|
<section class="product-right">
|
|
|
|
<div class="well">
|
|
<h1>$1.00</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<form method="POST" action="https://shop.gumyum.com/cart/add">
|
|
|
|
<input type="hidden" name="csrf_token" value="fbc9775c18fb824e387f2805a5c02d9a77f94582" />
|
|
|
|
<input type="hidden" name="product_id" value="f0b24565-6745-11f0-9f8a-02dfe05770ee">
|
|
<button type="submit" class="product-download-button mps-button">Add To Cart</button>
|
|
</form>
|
|
|
|
|
|
<br/>
|
|
|
|
<br/>
|
|
Already purchased? <a href="/join-or-log-in">log in</a>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
</section>
|
|
|
|
<div class="product-description">
|
|
<br/>
|
|
<br/>
|
|
|
|
<b>Description</b>
|
|
<section><html><head></head><body><p><img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail2?1" style=""/></p>
|
|
<p>This is the 0.0.18 Alpha build, Day 18 of Piano Roll Man.</p>
|
|
<p>Platforms:</p>
|
|
<ul>
|
|
<li>Linux</li>
|
|
<li>Windows</li>
|
|
<li>Mac</li>
|
|
</ul>
|
|
<p>We will allow alpha testers to try the game & help shape the future of the beta & final release of Piano Roll Man.</p>
|
|
<p>Buy now & earn access immediately before launch! </p>
|
|
<p>Thank you for considering this game at a large discount, $6 for alpha! </p>
|
|
<p>The price will rise to $12 during beta & $18 on launch of gold the release!</p>
|
|
<p>If you pay now you unlock all future releases of the game! </p>
|
|
<p>Full level editor included, trade levels by simply saving the MIDI file & transferring it to a friend!</p>
|
|
<p><img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail4" style=""/></p>
|
|
<p>Load any MIDI file off the internet and play it with this game!</p>
|
|
<p><img src="https://make-post-sell-files.nyc3.cdn.digitaloceanspaces.com/f2ce0b94-6723-11f0-a787-02dfe05770ee/f0b24565-6745-11f0-9f8a-02dfe05770ee/thumbnail3?7" style=""/></p>
|
|
<p>Download all the classic levels on this torrent magnet link! </p>
|
|
<p>magnet:?xt=urn:btih:3DCBCD1C0A8E0B3A44BCD600E484F39348025DD0</p></body></html></section>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
|
|
<b>File Type</b>
|
|
<br/>
|
|
application/zip 124.3MiB
|
|
<br/>
|
|
Please make sure you have an application to open this file type.
|
|
|
|
</div>
|
|
|
|
<div class="product-comments">
|
|
<br/>
|
|
<br/>
|
|
|
|
<!-- Comments Section -->
|
|
|
|
|
|
|
|
<div class="comments-section">
|
|
|
|
|
|
<!-- Comment Form -->
|
|
|
|
<p><a href="/join-or-log-in">Sign in</a> to leave a comment.</p>
|
|
|
|
</div>
|
|
|
|
|
|
<br/>
|
|
<a href="/" class="product-edit-button mps-button">Back to shop</a>
|
|
</div>
|
|
|
|
</section>
|
|
</section>
|
|
|
|
<!-- main -->
|
|
</section>
|
|
|
|
</body>
|
|
</html> |