Dependency updates, add settings for new functionality

src/lib/locales/en.json

@@ -15,6 +15,8 @@
 			"hostnamePrefix": "Hostname prefix",
 			"StealFocusOnNewBlock": "Steal focus on new block",
 			"useBigCharsMcap": "Use big characters for market cap",
+			"useBlkCountdown": "Blocks countdown for halving",
+			"useSatsSymbol": "Use sats symbol",
 			"otaUpdates": "OTA updates",
 			"enableMdns": "mDNS",
 			"fetchEuroPrice": "Fetch € price",

src/lib/locales/es.json

@@ -14,6 +14,8 @@
 			"StealFocusOnNewBlock": "Presta atención al nuevo bloque",
 			"ledFlashOnBlock": "El LED parpadea con un bloque nuevo",
 			"useBigCharsMcap": "Utilice caracteres grandes para la market cap",
+			"useBlkCountdown": "Cuenta regresiva en bloques",
+			"useSatsSymbol": "Usar símbolo sats",
 			"fetchEuroPrice": "Obtener precio en €",
 			"timeBetweenPriceUpdates": "Tiempo entre actualizaciones de precios",
 			"ledPowerOnTest": "Prueba de encendido del LED",

src/lib/locales/nl.json

@@ -16,6 +16,8 @@
 			"StealFocusOnNewBlock": "Pak aandacht bij nieuw blok",
 			"ledFlashOnBlock": "Knipper led bij nieuw blok",
 			"useBigCharsMcap": "Gebruik grote tekens bij market cap",
+			"useBlkCountdown": "Blocks aftellen voor halving",
+			"useSatsSymbol": "Gebruik sats symbol",
 			"fetchEuroPrice": "Toon € prijs",
 			"screens": "Schermen",
 			"hostnamePrefix": "Hostnaam voorvoegsel",

src/lib/style/app.scss

@@ -5,6 +5,7 @@
 //@import "@fontsource/antonio/latin-400.css";
 @import '@fontsource/ubuntu/latin-400.css';
 @import '@fontsource/oswald/latin-400.css';
+@import './satsymbol.scss';
 
 $form-range-track-bg: #fff;
 $color-mode-type: media-query;
@@ -182,6 +183,13 @@ nav {
 	padding-right: 10px;
 }
 
+.digit.sats {
+	padding-top: 15px;
+	padding-bottom: 5px;
+	font-size: 4.5rem;
+	font-family: 'Satoshi Symbol';
+}
+
 .digit-blank {
 	content: 'abc';
 }

src/lib/style/satsymbol.scss

@@ -0,0 +1,9 @@
+@font-face {
+	font-family: 'Satoshi Symbol';
+	src:
+		url('/fonts/Satoshi_Symbol.woff2') format('woff2'),
+		url('/fonts/Satoshi_Symbol.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}

src/routes/Rendered.svelte

@@ -15,6 +15,8 @@
 						<div class="flex-items">{part}</div>
 					{/each}
 				</div>
+			{:else if char === 'STS'}
+				<div class="digit sats">S</div>
 			{:else if char.length >= 3}
 				<div class="mediumText">{char}</div>
 			{:else if char.length === 0 || char === ' '}

src/routes/Settings.svelte

@@ -305,6 +305,24 @@
 							label="{$_('section.settings.fetchEuroPrice')} ({$_('restartRequired')})"
 						/>
 					</Col>
+					<Col md="6">
+						<Input
+							id="useBlkCountdown"
+							bind:checked={$settings.useBlkCountdown}
+							type="switch"
+							bsSize="sm"
+							label={$_('section.settings.useBlkCountdown')}
+						/>
+					</Col>
+					<Col md="6">
+						<Input
+							id="useSatsSymbol"
+							bind:checked={$settings.useSatsSymbol}
+							type="switch"
+							bsSize="sm"
+							label={$_('section.settings.useSatsSymbol')}
+						/>
+					</Col>
 				</Row>
 
 				<Row>