From 2f34d9ae2f66a438bc95d6289fdd4b2b08ca420d Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 21 Nov 2025 20:54:15 +0000
Subject: [PATCH] Improve table font size and optimize website loading
 performance
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Increase table font sizes for better readability:
  * Body cells: 13px → 16px
  * Header cells: 15px → 18px
  * Footer cells: 14px → 16px
  * Total cells: 15px → 17px

- Add performance optimizations:
  * Add preconnect hints for external CDNs and APIs
  * Add defer attribute to non-critical JavaScript files
  * Add font-display: swap to improve perceived loading speed
---
 public/static/main.css     | 12 ++++++------
 public/static/skeleton.css |  1 +
 views/sats.hbs             | 14 ++++++++++----
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/public/static/main.css b/public/static/main.css
index 33617f9..681ce55 100644
--- a/public/static/main.css
+++ b/public/static/main.css
@@ -162,7 +162,7 @@ table.minimalistBlack td, table.minimalistBlack th {
   padding: 8px 9px;
 }
 table.minimalistBlack tbody td {
-  font-size: 13px;
+  font-size: 16px;
 }
 table.minimalistBlack thead {
   background: #CFCFCF;
@@ -172,20 +172,20 @@ table.minimalistBlack thead {
   border-bottom: 2px solid #000000;
 }
 table.minimalistBlack thead th {
-  font-size: 15px;
+  font-size: 18px;
   font-weight: bold;
   color: #000000;
   text-align: left;
 }
 table.minimalistBlack tfoot td {
-  font-size: 14px;
+  font-size: 16px;
 }
 .total{
 	font-weight:bold;
 	text-align:right!important;
 }
 td.total{
-	font-size:15px;
+	font-size:17px;
 }
 .symbol{
 	font-weight:bold;
@@ -194,14 +194,14 @@ td.total{
   content: "$";
 }
 table.minimalistBlack tfoot {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: bold;
   background: #EBEBEB;
   color: #000000;
   border-top: 3px solid #000000;
 }
 table.minimalistBlack tfoot td {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .small-print{
diff --git a/public/static/skeleton.css b/public/static/skeleton.css
index 497cb69..ab0eba5 100644
--- a/public/static/skeleton.css
+++ b/public/static/skeleton.css
@@ -423,6 +423,7 @@ there.
 	font-family: 'Open Sans';
 	font-style: normal;
 	font-weight: 400;
+	font-display: swap;
 	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
 }
 ~
diff --git a/views/sats.hbs b/views/sats.hbs
index 0e8d2a3..9cc7976 100644
--- a/views/sats.hbs
+++ b/views/sats.hbs
@@ -2,6 +2,12 @@
     <title>EURSAT</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <!-- Preconnect to external resources for faster loading -->
+    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://api-pub.bitfinex.com">
+    <link rel="preconnect" href="https://analytics.cypherpunk.cloud">
     <!-- CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
 
@@ -10,9 +16,9 @@
     <link rel="stylesheet" type="text/css" href="/static/mobile.css">
     <link rel="shortcut icon" type="image/png" href="/static/favicon.png" />
     <link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway&display=swap" rel="stylesheet">
-    <script src="/static/chart.min.js"></script>
-    <script src="/static/chartjs-adapter-date-fns.min.js"></script>
-    <script src="/static/chartjs-plugin-annotation.min.js"></script>
+    <script defer src="/static/chart.min.js"></script>
+    <script defer src="/static/chartjs-adapter-date-fns.min.js"></script>
+    <script defer src="/static/chartjs-plugin-annotation.min.js"></script>
     <script>
     // Auto-detect domain for Plausible Analytics
     document.addEventListener('DOMContentLoaded', function() {
@@ -26,7 +32,7 @@
     });
 </script>
     <!-- JavaScript Bundle with Popper -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>
     <style>
         #historical {
             position: relative;