add teletext theme + font

website/src/repl/Footer.jsx

@@ -375,7 +375,8 @@ const fontFamilyOptions = {
   'we-come-in-peace': 'we-come-in-peace',
   FiraCode: 'FiraCode',
   'FiraCode-SemiBold': 'FiraCode SemiBold',
-  'protracker3': 'protracker3',
+  protracker3: 'protracker3',
+  teletext: 'teletext',
 };
 
 function SettingsTab({ scheduler }) {

website/src/repl/themes.mjs

@@ -35,6 +35,7 @@ import bluescreen, { settings as bluescreenSettings } from '@strudel.cycles/reac
 import blackscreen, { settings as blackscreenSettings } from '@strudel.cycles/react/src/themes/blackscreen';
 import whitescreen, { settings as whitescreenSettings } from '@strudel.cycles/react/src/themes/whitescreen';
 import protracker, { settings as protrackerSettings } from '@strudel.cycles/react/src/themes/protracker';
+import teletext, { settings as teletextSettings } from '@strudel.cycles/react/src/themes/teletext';
 import algoboy, { settings as algoboySettings } from '@strudel.cycles/react/src/themes/algoboy';
 import terminal, { settings as terminalSettings } from '@strudel.cycles/react/src/themes/terminal';
 
@@ -44,6 +45,7 @@ export const themes = {
   blackscreen,
   whitescreen,
   protracker,
+  teletext,
   algoboy,
   terminal,
   abcdef,
@@ -98,6 +100,7 @@ export const settings = {
   blackscreen: blackscreenSettings,
   whitescreen: whitescreenSettings,
   protracker: protrackerSettings,
+  teletext: teletextSettings,
   algoboy: algoboySettings,
   terminal: terminalSettings,
   abcdef: {

website/src/styles/index.css

@@ -30,6 +30,10 @@
   font-family: 'protracker3';
   src: url('/fonts/protracker/protracker3-font.ttf');
 }
+@font-face {
+  font-family: 'teletext';
+  src: url('/fonts/teletext/EuropeanTeletext.ttf');
+}
 
 .prose > h1:not(:first-child) {
   margin-top: 30px;