81 lines
3.2 KiB
HTML
81 lines
3.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Monochrome Legacy</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<link rel="stylesheet" type="text/css" href="legacy.css">
|
|
<script type="text/javascript" src="legacy.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
|
|
<!-- Header -->
|
|
<tr height="80">
|
|
<td colspan="2" bgcolor="#000000" align="center">
|
|
<font color="#FFFFFF" size="6" face="Comic Sans MS, Arial"><b>Monochrome Music</b></font><br>
|
|
<font color="#cccccc" size="2">music</font>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Marquee -->
|
|
<tr height="20">
|
|
<td colspan="2" class="marquee-container">
|
|
<marquee scrollamount="5" scrolldelay="100">Welcome to Monochrome Music Legacy Edition check out the latest hits new songs added daily under construction sign guestbook</marquee>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Main Body -->
|
|
<tr valign="top">
|
|
<!-- Sidebar -->
|
|
<td width="150" bgcolor="#dddddd" class="beveled-box">
|
|
<br>
|
|
<center><b>Menu</b></center>
|
|
<hr>
|
|
<ul style="list-style-type: square; padding-left: 20px;">
|
|
<li class="sidebar-link"><a href="#" id="btn-home">Home</a></li>
|
|
<!-- Search is now inline below -->
|
|
<li class="sidebar-link"><a href="/">Go to Modern Site</a></li>
|
|
</ul>
|
|
<br>
|
|
<!-- Search Form moved to main content -->
|
|
<br>
|
|
<center>
|
|
<img src="getie3.gif" alt="IE Logo" width="88" height="31"><br><br>
|
|
<img src="getnet3.gif" alt="Netscape Logo" width="88" height="31"><br><br>
|
|
<font size="1">Free and open software</font>
|
|
</center>
|
|
</td>
|
|
|
|
<!-- Content -->
|
|
<td bgcolor="#ffffff">
|
|
<div style="padding: 10px;">
|
|
<!-- Now Playing / Player Control -->
|
|
<div class="controls" style="margin-bottom: 20px;">
|
|
<font face="Verdana" size="2">
|
|
<span id="now-playing-info">Status: Ready to play.</span>
|
|
</font>
|
|
<br><br>
|
|
<audio id="audio-player" controls preload="none" style="width: 300px; height: 30px;">
|
|
Your browser does not support the audio element.
|
|
</audio>
|
|
</div>
|
|
|
|
<!-- Moved Search Form -->
|
|
<div class="beveled-box" style="margin-bottom: 20px; text-align: center;">
|
|
<b>Search Music: </b>
|
|
<form id="search-form" onsubmit="return false;" style="display: inline;">
|
|
<input type="text" id="search-input" size="40">
|
|
<input type="submit" id="btn-search" value="Search">
|
|
</form>
|
|
</div>
|
|
|
|
<div id="main-content">
|
|
<center><h3>Loading...</h3></center>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|