You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

122 lines
4.5 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<link rel='stylesheet' type='text/css' href='css/main.css'></link>
<script src='js/vendor/file-wrapper.min.js'></script>
<script src='js/vendor/line-navigator.min.js'></script>
<script src='js/vendor/forge-sha256.min.js'></script>
<script src='js/stage.js'></script>
<script src='js/util.js'></script>
<script src='js/bars.js'></script>
<script src='js/osu.js'></script>
<script src='js/client.js'></script>
</head>
<body onload='_onload()'>
<h1>osu!merge</h1>
<div id='version'>(non working dev build)</div>
<title>osu!merge</title>
<div class='indent'>
Merge <i>.osu</i> files together.
</div>
<hr></hr>
<div>
<div class='page'>
<b>Select .osu files</b>
<div id='selector'>
<!-- <div id='_file1' data-index='0' class='osufile warning' title='Warning: Already added!' onclick='_removeFile("_file1")'>test</div>
<div id='_file2' data-index='0' class='osufile' onclick='_removeFile("_file2")'>test2</div> -->
</div>
Upload file: <input type='file' onchange='_readfile(event)'></input>
</div>
<div class='page' id='metadata'>
<div style='display:inline-block; width: 100%;'>
<b style='float:left;margin-top:1px;'>Metadata</b>
<span class='collapse' style='float: right; margin:1px;margin-left:5px;margin-bottom:4px;' data-collapse='meta-internal'></span>
</div>
<div id='meta-internal'>
<article>
<header>
<span class='collapse'></span>
General
</header>
<blockquote>
<div>Audio Filename: <span class='metadata' id='meta-audio-filename'></span></div>
<div>Lead-in: <span class='metadata' id='meta-audio-lead-in'></span></div>
<div>Preview Time: <span class='metadata' id='meta-preview-time'></span></div>
<div>Countdown: <span class='metadata' id='meta-countdown'></span></div>
<div>Default sample set: <span class='metadata' id='meta-sample-set'></span></div>
<div>Stack leniency: <span class='metadata' id='meta-stacking'></span></div>
<div>Mode: <span class='metadata' id='meta-mode'></span></div>
<div>Letterbox: <span class='metadata' id='meta-letterbox'></span></div>
<div>Widescreen: <span class='metadata' id='meta-widescreen'></span></div>
</blockquote>
</article>
<article>
<header>
<span class='collapse'></span>
Song
</header>
<blockquote>
<div>Title: <span class='metadata' id='meta-title'></span></div>
<div>Title (Romanised): <span class='metadata' id='meta-title-ascii'></span></div>
<div>Artist: <span class='metadata' id='meta-artist'></span></div>
<div>Artist (Romanised): <span class='metadata' id='meta-artist-ascii'></span></div>
<div>Mapper: <span class='metadata' id='meta-mapper'></span></div>
<div>Difficulty: <span class='metadata' id='meta-difficulty'></span></div>
<div>Source: <span class='metadata' id='meta-source'></span></div>
<div>Tags: <span class='metadata' id='meta-tags'></span></div>
<div>ID: <span class='metadata' id='meta-beatmap-id'></span></div>
<div>Set ID: <span class='metadata' id='meta-beatmap-set-id'></span></div>
</blockquote>
</article>
<article>
<header>
<span class='collapse'></span>
Difficulty
</header>
<blockquote>
<div>HP: <span class='metadata' id='meta-diff-hp'></span></div>
<div>CS: <span class='metadata' id='meta-diff-cs'></span></div>
<div>OD: <span class='metadata' id='meta-diff-od'></span></div>
<div>AR: <span class='metadata' id='meta-diff-ar'></span></div>
<div>SV: <span class='metadata' id='meta-diff-sv'></span></div>
<div>TR: <span class='metadata' id='meta-diff-tr'></span></div>
</blockquote>
</article>
<article>
<header>
<span class='collapse'></span>
Colours
</header>
<ul class='metadata' id='meta-colours'>
</ul>
</article>
<article>
<header>
<span class='collapse'></span>
Events
</header>
<blockquote>
<div>Background Image: <span class='metadata' id='meta-background'></span></div>
</blockquote>
</article>
Viewing:
<select id='meta-selector'>
<option value='all'>Aggregate</option>
</select>
</div>
</div>
</div>
<hr></hr>
<div id='bars'>
</div>
<!-- <div style='margin: auto; margin-top: 5px; border-radius:5px; background: linear-gradient(90deg, green 25%, 25%, blue 50%, 50%, red 75%); height: 25px; width: 90%;'></div> -->
</body>
</html>