DressOrc/ColeSite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rearranges files and adds contact bar

Browse source
This commit is contained in:
atlastrinity 2021-12-27 19:53:20 +00:00
parent 75fb2e7094
commit c28ae8e64a
14 changed files with 192 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

65
my-work.html
View file

@ -1,65 +0,0 @@
<HTML>
<head>
<link rel = "stylesheet" href = "my-work.css">
<link rel = "stylesheet" href = "audio.css">
<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">
<script src = "audioPlayer.js" defer></script>
</head>
<body id = "body">
<h1 id = "title">
My Work
</h1>
<div id = "audioContainer">
<div class = "songTitle">two trucks having sex</div>
<div class = "audioPlayer">
<audio class = "audioElement" src = "audio/twoTrucks.mp3" preload=”metadata”></audio>
<div class = "playButtonContainer">
<button class = "playButton"><img src = "images/play.png"></button>
</div>
<input type="range" class="audioSlider" max="100" value="0">
<span class = "timeContainer">
0:00
</span>
<span class = "timeSeparator">/</span>
<span class = "durationContainer">
0:00
</span>
</div>
<div class = "songTitle">goodbye horses</div>
<div class = "audioPlayer">
<audio class = "audioElement" src = "audio/goodbyeHorses.mp3" preload=”metadata”></audio>
<div class = "playButtonContainer">
<button class = "playButton"><img src = "images/play.png"></button>
</div>
<input type="range" class="audioSlider" max="100" value="0">
<span class = "timeContainer">
0:00
</span>
<span class = "timeSeparator">/</span>
<span class = "durationContainer">
0:00
</span>
</div>
<div class = "songTitle">rats birthday mixtape</div>
<div class = "audioPlayer">
<audio class = "audioElement" src = "audio/ratsBirthdayMixtape.mp3" preload=”metadata”></audio>
<div class = "playButtonContainer">
<button class = "playButton"><img src = "images/play.png"></button>
</div>
<input type="range" class="audioSlider" max="100" value="0">
<span class = "timeContainer">
0:00
</span>
<span class = "timeSeparator">/</span>
<span class = "durationContainer">
0:00
</span>
</div>
</div>
</body>
</HTML>