49 lines
2.7 KiB
HTML
49 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>design | aidxn</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/cloud.css">
|
|
</head>
|
|
<body>
|
|
<div id="loading"></div>
|
|
<div id="page" style="display: none;">
|
|
<header class="sidebar">
|
|
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
|
<p class="cap">Welcome to my world wide web site!</p>
|
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
|
<ul>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://blog.aidxn.fun">blog</a></li>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>design</b></li>
|
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="projects.html">projects</a></li>
|
|
</ul>
|
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
|
<p id="date"></p>
|
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
|
<div class="music-section">
|
|
<b id="albumLabel">Now Playing:</b><br>
|
|
<b id="song">Loading...</b>
|
|
<p id="album">Loading...</p>
|
|
<p id="artist">Loading...</p>
|
|
</div>
|
|
<span class="extra-text"><b>Note: </b>This page is best viewed on a computer.</span>
|
|
</header>
|
|
<aside class="main-content">
|
|
<h1>Design</h1>
|
|
<p>This page is coming soon!</p>
|
|
</aside>
|
|
</div>
|
|
<script src="js/main.js"></script>
|
|
<script src="js/music.js"></script>
|
|
</body>
|
|
</html> |