diff --git a/script.js b/script.js
index f1382a7..647459e 100644
--- a/script.js
+++ b/script.js
@@ -92,20 +92,18 @@ function SpawnOtherCounters(){
try {
date_from = date_to_local.format(date_from)
} catch (e) {
- date_from = ((element[2] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site, {style: "unit", unit: "year"})
+ date_from = ((language_site == "ru") ? "Год " : "Year ") + ((element[2] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site)
}
date_to = new Date(parseInt(element[3])*1000);
try {
date_to = date_to_local.format(date_to)
} catch (e) {
- date_to = ((element[3] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site, {style: "unit", unit: "year"})
+ date_to = ((language_site == "ru") ? "Год " : "Year ") + ((element[3] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site)
}
- other_counters_html = other_counters_html + '
'+ element[(language_site == "ru") ? 1 : 0] + '
'
- + l.toLocaleString(language_site) + '' // second argument: {notation: "compact", compactDisplay: "long", style: "unit", unit: "second", unitDisplay: 'long'}
- + ((timestamp-parseInt(element[2]))/(parseInt(element[3])-parseInt(element[2]))).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 8})
- + " · " + date_from + " ‒ " + date_to
- + ' · ' + (l / 60n / 60n / 24n / 365n).toLocaleString(language_site, {style: "unit", unit: "year"}) + ' ' + (l / 60n / 60n / 24n % 365n).toLocaleString(language_site, {style: "unit", unit: "day"}) + ' ' + ("0" + (l / 60n / 60n % 24n)).slice(-2) + ':' + ("0" + (l / 60n % 60n)).slice(-2) + ':' + ("0" + (l % 60n)).slice(-2)
- + '
' + element[(language_site == "ru") ? 5 : 4] + '
'; counter_id++;
+ other_counters_html = other_counters_html + ''+ element[(language_site == "ru") ? 1 : 0] + '
'
+ + l.toLocaleString(language_site) + '' + ((language_site == "ru") ? "От" : "From") +' | ' + date_from + ' |
---|
' + ((language_site == "ru") ? "До" : "Until") +' | ' + date_to + ' |
---|
' + ((language_site == "ru") ? "Прогресс" : "Progress") +' | ' + ((timestamp-parseInt(element[2]))/(parseInt(element[3])-parseInt(element[2]))).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 8}) + ' |
'
+ + '' + ((language_site == "ru") ? "Осталось" : "Left") +' | ' + (l / 60n / 60n / 24n / 365n).toLocaleString(language_site, {style: "unit", unit: "year"}) + ' ' + (l / 60n / 60n / 24n % 365n).toLocaleString(language_site, {style: "unit", unit: "day"}) + ' ' + ("0" + (l / 60n / 60n % 24n)).slice(-2) + ':' + ("0" + (l / 60n % 60n)).slice(-2) + ':' + ("0" + (l % 60n)).slice(-2) + ' |
'
+ + '
' + element[(language_site == "ru") ? 5 : 4] + '
'; counter_id++;
});
document.querySelector("#other_countdowns").innerHTML = other_counters_html
}
@@ -159,7 +157,7 @@ function Cycle() {
document.querySelector("#time-left-readable").innerHTML = "(" + tyear.toLocaleString(language_site, {style: "unit", unit: "year", unitDisplay: 'long'}) + " " + tday.toLocaleString(language_site, {style: "unit", unit: "day", unitDisplay: 'long'}) + " " + ("0" + thour).slice(-2) + ":" + ("0" + tmin).slice(-2) + ":" + ("0" + tsec).slice(-2) + ")";
break;
case 2:
- document.querySelector("#time-left-readable").innerHTML = Math.trunc(timestamp).toLocaleString(language_site)+" / "+maxtimestamp.toLocaleString(language_site)+" ("+(timestamp/maxtimestamp).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 8})+")";
+ document.querySelector("#time-left-readable").innerHTML = Math.trunc(timestamp).toLocaleString(language_site)+" / "+maxtimestamp.toLocaleString(language_site)+" ("+(timestamp/maxtimestamp).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 9})+")";
break;
}
}
@@ -172,18 +170,17 @@ function OtherCountersCycle(){
try {
date_from = date_to_local.format(date_from)
} catch (e) {
- date_from = ((element[2] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site, {style: "unit", unit: "year"})
+ date_to = ((language_site == "ru") ? "Год " : "Year ") + ((element[2] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site)
}
date_to = new Date(parseInt(element[3])*1000);
try {
date_to = date_to_local.format(date_to)
} catch (e) {
- date_to = ((element[3] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site, {style: "unit", unit: "year"})
+ date_to = ((language_site == "ru") ? "Год " : "Year ") + ((element[3] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site)
}
document.querySelector("#main_cd_"+counter_id).innerHTML = l.toLocaleString(language_site);
- document.querySelector("#othr_progress_"+counter_id).innerHTML = ((timestamp-parseInt(element[2]))/(parseInt(element[3])-parseInt(element[2]))).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 9})
- + " · " + date_from + " ‒ " + date_to
- + ' · ' + (l / 60n / 60n / 24n / 365n).toLocaleString(language_site, {style: "unit", unit: "year"}) + ' ' + (l / 60n / 60n / 24n % 365n).toLocaleString(language_site, {style: "unit", unit: "day"}) + ' ' + ("0" + (l / 60n / 60n % 24n)).slice(-2) + ':' + ("0" + (l / 60n % 60n)).slice(-2) + ':' + ("0" + (l % 60n)).slice(-2);
+ document.querySelector("#other_progress_"+counter_id).innerHTML = '' + ((language_site == "ru") ? "От" : "From") +' | ' + date_from + ' |
---|
' + ((language_site == "ru") ? "До" : "Until") +' | ' + date_to + ' |
---|
' + ((language_site == "ru") ? "Прогресс" : "Progress") +' | ' + ((timestamp-parseInt(element[2]))/(parseInt(element[3])-parseInt(element[2]))).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 9}) + ' |
'
+ + '' + ((language_site == "ru") ? "Осталось" : "Left") +' | ' + (l / 60n / 60n / 24n / 365n).toLocaleString(language_site, {style: "unit", unit: "year"}) + ' ' + (l / 60n / 60n / 24n % 365n).toLocaleString(language_site, {style: "unit", unit: "day"}) + ' ' + ("0" + (l / 60n / 60n % 24n)).slice(-2) + ':' + ("0" + (l / 60n % 60n)).slice(-2) + ':' + ("0" + (l % 60n)).slice(-2) + ' |
'
counter_id++;
});
}
diff --git a/style.css b/style.css
index 95b6bc3..9937b48 100644
--- a/style.css
+++ b/style.css
@@ -67,6 +67,10 @@ h3{
font-family: 'Eurostile Round Extended';
font-weight: 900;
font-style: normal;
+ text-align: center;
+}
+h4{
+ text-align: center;
}
a{
transition: 500ms;
@@ -99,4 +103,15 @@ a:visited:hover{
cursor: pointer;
color: #fff;
text-shadow: 0px 0px 4px #fff4, 0px 0px 10px #fff5, 0px 0px 20px #fff4, 0px 0px 100px #fff4;
+}
+th{
+ text-align: left;
+}
+td{
+ text-align: right;
+}
+#other_counter{
+ justify-content: center;
+ display: flex;
+ flex-direction: column;
}
\ No newline at end of file