cameron/cmziuk
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fixes to strange bars on mobile, and addition of server which currently powers a new Last.FM-based music tracker.
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m20s
Details

Browse source
This commit is contained in:
Cameron Redmore 2025-08-08 09:53:34 +01:00
parent c65b8465b5
commit be5a61185b
No known key found for this signature in database
8 changed files with 662 additions and 1251 deletions
Download patch file Download diff file Expand all files Collapse all files

32
index.html
View file

@ -12,6 +12,7 @@
<script type="module">
import '~icons/mdi/github'
import '~icons/mdi/git'
import '/src/client.ts'
</script>
<!-- Decorative background shapes -->
@ -24,7 +25,7 @@
<!-- The Glass Card -->
<div class="glass-card w-full max-w-4xl rounded-2xl p-6 sm:p-8 md:p-10">
<div class="flex flex-col md:flex-row items-center md:items-start md:space-x-10">
<div class="flex flex-col md:flex-row items-center md:space-x-10">
<!-- Left Column: Profile Picture and Social Links -->
<div class="flex-shrink-0 text-center mb-6 md:mb-0">
@ -37,12 +38,23 @@
<icon-mdi-git class="w-8 h-8 text-2xl" />
</a>
</div>
<!-- Last.fm Now Playing Section -->
<div class="mt-6 md:mt-8 hidden md:block text-center">
<div class="p-4 rounded-lg skill-tag">
<div id="last-song-container">
<div class="text-white-400 text-sm animate-pulse">
Loading music data...
</div>
</div>
</div>
</div>
</div>
<!-- Right Column: Main Content -->
<div class="w-full">
<div class="w-full text-center md:text-left">
<h1 class="text-4xl md:text-5xl font-bold text-white animated-gradient">Cameron B. R. Redmore</h1>
<p class="mt-2 text-lg text-cyan-200">26-year-old Software Developer from Kingston-Upon-Hull, UK</p>
<p class="mt-2 text-lg text-cyan-200">Software Developer from Kingston-Upon-Hull, UK</p>
<p class="mt-6 text-gray-200 leading-relaxed">
With 8 years of professional experience and over 15 years of passion-driven coding, I build robust and efficient software solutions. My journey has taken me from recreational projects to developing complex professional applications.
@ -58,7 +70,7 @@
<div class="mt-8">
<h2 class="text-xl font-semibold text-white mb-3">Programming Skills</h2>
<div class="flex flex-wrap gap-2">
<div class="flex flex-wrap gap-2 items-center justify-center">
<span class="skill-tag text-sm font-medium px-4 py-1 rounded-full">HTML</span>
<span class="skill-tag text-sm font-medium px-4 py-1 rounded-full">CSS</span>
<span class="skill-tag text-sm font-medium px-4 py-1 rounded-full">JavaScript</span>
@ -85,6 +97,18 @@
</div>
</a>
</div>
<!-- Last.fm Now Playing Section - Mobile Only -->
<div class="mt-8 md:hidden">
<h2 class="text-xl font-semibold text-white mb-3">Music</h2>
<div class="p-4 rounded-lg skill-tag">
<div id="last-song-container-mobile">
<div class="text-white-400 text-sm animate-pulse">
Loading music data...
</div>
</div>
</div>
</div>
</div>
</div>
</div>