mirror of
https://github.com/aljazceru/satshkd-vercel.git
synced 2025-12-17 05:04:24 +01:00
Improve table font size and optimize website loading performance
- 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:
@@ -162,7 +162,7 @@ table.minimalistBlack td, table.minimalistBlack th {
|
|||||||
padding: 8px 9px;
|
padding: 8px 9px;
|
||||||
}
|
}
|
||||||
table.minimalistBlack tbody td {
|
table.minimalistBlack tbody td {
|
||||||
font-size: 13px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
table.minimalistBlack thead {
|
table.minimalistBlack thead {
|
||||||
background: #CFCFCF;
|
background: #CFCFCF;
|
||||||
@@ -172,20 +172,20 @@ table.minimalistBlack thead {
|
|||||||
border-bottom: 2px solid #000000;
|
border-bottom: 2px solid #000000;
|
||||||
}
|
}
|
||||||
table.minimalistBlack thead th {
|
table.minimalistBlack thead th {
|
||||||
font-size: 15px;
|
font-size: 18px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
table.minimalistBlack tfoot td {
|
table.minimalistBlack tfoot td {
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.total{
|
.total{
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
text-align:right!important;
|
text-align:right!important;
|
||||||
}
|
}
|
||||||
td.total{
|
td.total{
|
||||||
font-size:15px;
|
font-size:17px;
|
||||||
}
|
}
|
||||||
.symbol{
|
.symbol{
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
@@ -194,14 +194,14 @@ td.total{
|
|||||||
content: "$";
|
content: "$";
|
||||||
}
|
}
|
||||||
table.minimalistBlack tfoot {
|
table.minimalistBlack tfoot {
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: #EBEBEB;
|
background: #EBEBEB;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
border-top: 3px solid #000000;
|
border-top: 3px solid #000000;
|
||||||
}
|
}
|
||||||
table.minimalistBlack tfoot td {
|
table.minimalistBlack tfoot td {
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.small-print{
|
.small-print{
|
||||||
|
|||||||
1
public/static/skeleton.css
vendored
1
public/static/skeleton.css
vendored
@@ -423,6 +423,7 @@ there.
|
|||||||
font-family: 'Open Sans';
|
font-family: 'Open Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
|
||||||
}
|
}
|
||||||
~
|
~
|
||||||
|
|||||||
@@ -2,6 +2,12 @@
|
|||||||
<title>EURSAT</title>
|
<title>EURSAT</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<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 -->
|
<!-- 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">
|
<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="stylesheet" type="text/css" href="/static/mobile.css">
|
||||||
<link rel="shortcut icon" type="image/png" href="/static/favicon.png" />
|
<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">
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway&display=swap" rel="stylesheet">
|
||||||
<script src="/static/chart.min.js"></script>
|
<script defer src="/static/chart.min.js"></script>
|
||||||
<script src="/static/chartjs-adapter-date-fns.min.js"></script>
|
<script defer src="/static/chartjs-adapter-date-fns.min.js"></script>
|
||||||
<script src="/static/chartjs-plugin-annotation.min.js"></script>
|
<script defer src="/static/chartjs-plugin-annotation.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
// Auto-detect domain for Plausible Analytics
|
// Auto-detect domain for Plausible Analytics
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
@@ -26,7 +32,7 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<!-- JavaScript Bundle with Popper -->
|
<!-- 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>
|
<style>
|
||||||
#historical {
|
#historical {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
Reference in New Issue
Block a user