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

67
pages/my-work.html Normal file
View file

@ -0,0 +1,67 @@
<HTML>
<head>
<link rel = "stylesheet" href = "../stylesheets/basics.css">
<link rel = "stylesheet" href = "../stylesheets/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 = "../scripts/audioPlayer.js" defer></script>
</head>
<body id = "body">
<div id = "title">
<h1>My Work</h1>
<a href = "../index.html">back</a>
</div>
<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>