mobile, idek

This commit is contained in:
sky
2025-08-17 19:14:11 -04:00
parent db94e9fe49
commit 4e315c993a
6 changed files with 293 additions and 119 deletions

View File

@ -34,7 +34,7 @@
</script>
<!-- initialize my stuff -->
<script src="/js/all.js"></script>
<script src="/js/all.min.js"></script>
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/css/main.css" />
@ -50,6 +50,7 @@
let music = {{ is_music }};
let audioObject;
if(music) {
document.body.classList = "enter-on";
let url = "{{ song_url }}";
audioObject = new Audio(url);
audioObject.addEventListener("loadeddata", () => {
@ -63,6 +64,7 @@
setTimeout(() => {
audioObject.play();
audioObject.loop = true;
document.body.classList = "";
}, 500)
setTimeout( () => {
document.getElementById("enter").style.display = "none";
@ -91,8 +93,9 @@
}
});
document.getElementById("playbar").addEventListener("input", (e) => {
audioObject.currentTime = document.getElementById("playbar").value/1000*audioObject.duration;
document.getElementById("playbar").value = (audioObject.currentTime / audioObject.duration) * 1000;
let value = document.getElementById("playbar").value;
audioObject.currentTime = value/1000*audioObject.duration;
document.getElementById("playbar").value = value;
});
audioObject.addEventListener("timeupdate", (e) => {
document.getElementById("totalLength").innerText = `${Math.floor(audioObject.duration/60)}:${String(Math.floor(audioObject.duration%60)).padStart(2, "0")}`
@ -131,7 +134,7 @@
<h2>Last online {{ online_time }}</h2>
</div>
</section>
<section class="column">
<section class="column" id="about">
<h1>about me</h1>
<p>{{ about }}</p>
</section>

View File

@ -34,7 +34,7 @@
</script>
<!-- initialize my stuff -->
<script src="/js/all.js"></script>
<script src="/js/all.min.js"></script>
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/css/main.css" />
@ -423,15 +423,6 @@
<div class="profile-element edit" id="song">
<h2>{{ song_title }}</h2>
<h3>{{ song_artist }}</h3>
<div class="samerow">
<p id="curPos">0:00</p>
<input type="range" id="playbar" min="1" max="1000" />
<p id="totalLength">9:99</p>
</div>
<div class="samerow">
<img id="playPause" src="/img/pause.svg" class="controls"/>
<img id="mute" src="/img/volume.svg" class="controls"/>
</div>
</div>
<div class="profile-element">
<h2>Joined {{ join_date }}</h2>

View File

@ -34,7 +34,7 @@
</script>
<!-- initialize my stuff -->
<script src="/js/all.js"></script>
<script src="/js/all.min.js"></script>
<script src="/js/main.js"></script>
<!-- <script src="/js/widget.js"></script> -->
<script>