adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

fixing fonts

Browse Source
This commit is contained in:
Adam French
2025-11-25 17:31:13 +00:00
parent ceac48c49a
commit 396c04b175
5 changed files with 16 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
nginx/vue/index.html
View File

@@ -1,10 +1,18 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
<title>Vite App</title> <body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AF</title>
<link rel="icon" type="/img/x-icon" href="/img/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

BIN
nginx/vue/public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.2 KiB

BIN
nginx/vue/public/img/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

113
nginx/vue/public/index.html
View File

@@ -1,113 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<script
defer
src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"
></script>
<script>
function spotifyPlayer() {
return {
album_image: "/img/Untitled.png",
artist_name: "",
song_name: "",
song_url: "",
playing: false,
async fetchNowPlaying() {
try {
const res = await fetch(
"https://www.adam-french.co.uk/api/spotify",
);
const data = await res.json();
if (data.playing == false) {
this.album_image = "/img/Untitled.png";
return;
}
this.album_image = data.album_image;
this.artist_name = data.artist_name;
this.song_name = data.song_name;
this.song_url = data.song_url;
this.playing = data.playing;
} catch (err) {
console.error("Failed to fetch Spotify data", err);
}
},
};
}
</script>
<!--<script type="module">
import {renderToCanvas} from './js/mobile-automata.mjs'
const canvas = document.getElementById('automataCanvas');
renderToCanvas(canvas, canvas.width, canvas.height);
</script>-->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AF</title>
<link rel="icon" type="img/x-icon" href="img/favicon.ico" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<canvas
id="automataCanvas"
style="
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: block;
z-index: -1;
"
></canvas>
<main>
<h1>Welcome</h1>
<h2>whoami?</h2>
<p>Hi im Adam</p>
<h2>cv</h2>
<a href="/pages/cv/index.html">CV</a>
<h2>bookmarks</h2>
<a href="/pages/bookmarks.html">bookmarks</a>
<h2>Listening to:</h2>
<div
x-data="spotifyPlayer()"
x-init="fetchNowPlaying(); setInterval(fetchNowPlaying, 60000)"
class="spotify-card"
>
<img :src="album_image" class="album-img" alt="" />
<div class="spotify-info">
<div x-text="song_name || 'No song playing'"></div>
<div x-text="artist_name"></div>
<div
x-text="playing ? 'Playing' : ''"
:class="{'playing': playing}"
></div>
<a :href="song_url"></a>
</div>
</div>
<!--<h2> </h2>
<p>
Sometimes there's this fire that sends shivers down my back.
It'll come when I'm lis
</p>
-->
<!--<h2>Shrines</h1>
<a href="/pages/shrines/evangelion.html">Evangelion</a>
<a href="/pages/shrines/skipskipbenben.html">Skip skip ben ben</a>
<a href="/pages/shrines/demoman.html">demoman</a>-->
<!--<a href="pages/shrines/gto.html">GTO</a>-->
</main>
</body>
</html>

2
nginx/vue/src/views/CV.vue
View File

@@ -348,7 +348,7 @@
</div> </div>
</template> </template>
<style scoped> <style>
@import "@/assets/css/cv_styles.css"; @import "@/assets/css/cv_styles.css";
@media print { @media print {
@page { @page {