MattTheTekie/analogue-tv-test-card
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add files via upload

Browse source
This commit is contained in:
MattTheTekie 2026-05-01 18:27:55 -04:00 • committed by GitHub
commit 5833da4696
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 57 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
clock.js Normal file
View file

@ -0,0 +1,8 @@
let pad = (value) => value > 9 ? value : `0${value}`;
let date = document.getElementById('dateText');
let time = document.getElementById('timeText');
window.setInterval(() => {
let now = new Date();
date.textContent = `${pad(now.getYear()+1900)}/${pad(now.getMonth()+1)}/${pad(now.getDate())}`;
time.textContent = `${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`;
}, 500);

28
index.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>Testcard</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img src="testcard1.png" alt="Example SVG">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<g id="text">
<text id="dateText" x="270" y="300" fill="white" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="30"></text>
<text id="timeText" x="535" y="300" fill="white" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="30"></text>
<text x="200" y="451" fill="black" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="35">C31</text>
<text x="299" y="452" fill="black" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="30">VELTRON</text>
<text x="382" y="452" fill="black" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="30">TV</text>
<text x="435" y="450" fill="white" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="28">480i</text>
<text x="530" y="450" fill="white" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="35">ON AIR</text>
<text x="400" y="485" fill="white" dominant-baseline="middle" text-anchor="middle" font-family="VCR" font-size="20">BROADCASTING OVER THE AIR ON CHANNEL 31</text>
</g>
</svg>
<script src="clock.js"></script>
<audio autoplay>
<source src="testcard.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>

21
style.css Normal file
View file

@ -0,0 +1,21 @@
@font-face {
font-family: 'VCR';
src: url('vcr.ttf');
}
body {
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
svg {
top: 0;
left: 0;
width: 100vw;
height: 100vh;
position: absolute;
}

BIN
testcard.mp3 Normal file
View file

Binary file not shown.

BIN
testcard1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 769 KiB

BIN
vcr.ttf Normal file
View file

Binary file not shown.