aljaz/satshkd-vercel
1
0
Fork 0
mirror of https://github.com/aljazceru/satshkd-vercel.git synced 2025-12-17 13:14:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve table font size and optimize website loading performance

Browse Source 
- 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
This commit is contained in:
Claude
2025-11-21 20:54:15 +00:00
parent cc471136d9
commit 2f34d9ae2f
3 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/static/main.css
View File

@@ -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{

1
public/static/skeleton.css vendored
View File

@@ -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');
}
~

14
views/sats.hbs
View File

@@ -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;