ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-14 00:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

move clock logic inside country logic

Browse Source
This commit is contained in:
jonathanlei
2023-08-30 12:32:54 -07:00
parent 1c6359e560
commit 88c58ba77d
4 changed files with 32 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2022-v23.css
View File

File diff suppressed because one or more lines are too long

12
styles/_top-banner.scss
View File

@@ -314,3 +314,15 @@ html.light {
}
}
}
.clock-number {
font-variant-numeric: tabular-nums;
}
.js-clock .box {
display: inline-block;
margin-right: 10px;
}
.js-clock .box:last-child {
margin-right: 0;
}

2
template/base.html.jinja
View File

@@ -52,7 +52,7 @@
{% if target.lang=="ja" %}
<link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
{% endif %}
<link href="{{currentpage.prefix}}assets/css/devportal2022-v21.css" rel="stylesheet" />
<link href="{{currentpage.prefix}}assets/css/devportal2022-v23.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />

59
template/component-top-nav.html.jinja
View File

@@ -42,30 +42,7 @@
// Write the banner directly to the document
document.write(token2049bannerHTML);
} else {
let apexBanner = `
<a href="https://www.apexdevsummit.com/" target="_blank" class="w-inline-block banner-container d-flex justify-content-center">
<img src="assets/img/apex-texture-purple-diamond.svg" alt="" class="d-none d-xl-block" />
<div class="apex-reg">{% trans %}Register for <span class="apex-highlight">APEX Dev Summit 2023</span>{% endtrans %}</div>
<img src="assets/img/apex-texture-orange-diamond.svg" alt="" class="d-none d-md-block" />
<img src="assets/img/apex-texture-red-diamond.svg" alt="" class="d-md-none"/>
<div class="apex-circled highlight-yellow">{% trans %}Amsterdam{% endtrans %}</div>
<img src="assets/img/apex-texture-green-diamond.svg" alt="" class="d-none d-md-block" />
<img src="assets/img/apex-xrpl-logo.svg" alt="(XRPL)" class="d-none d-md-block" />
<img src="assets/img/apex-texture-polkadots.svg" alt="" class="d-none d-xxl-block" />
<div class="apex-circled d-none d-lg-block highlight-purple">{% trans %}Register Now{% endtrans %}</div>
<img src="assets/img/apex-texture-yellow-grid.svg" alt="" class="d-none d-xl-block" />
</a>`;
// Write the banner directly to the document
document.write(apexBanner);
}
</script>
<!-- Countdown timer script -->
<script>
(function () {
var deadline = '2023/09/13 08:00';
function pad(num, size) {
@@ -108,27 +85,27 @@
}
}, 1000);
}
clock('js-clock', deadline);
})();
} else {
let apexBanner = `
<a href="https://www.apexdevsummit.com/" target="_blank" class="w-inline-block banner-container d-flex justify-content-center">
<img src="assets/img/apex-texture-purple-diamond.svg" alt="" class="d-none d-xl-block" />
<div class="apex-reg">{% trans %}Register for <span class="apex-highlight">APEX Dev Summit 2023</span>{% endtrans %}</div>
<img src="assets/img/apex-texture-orange-diamond.svg" alt="" class="d-none d-md-block" />
<img src="assets/img/apex-texture-red-diamond.svg" alt="" class="d-md-none"/>
<div class="apex-circled highlight-yellow">{% trans %}Amsterdam{% endtrans %}</div>
<img src="assets/img/apex-texture-green-diamond.svg" alt="" class="d-none d-md-block" />
<img src="assets/img/apex-xrpl-logo.svg" alt="(XRPL)" class="d-none d-md-block" />
<img src="assets/img/apex-texture-polkadots.svg" alt="" class="d-none d-xxl-block" />
<div class="apex-circled d-none d-lg-block highlight-purple">{% trans %}Register Now{% endtrans %}</div>
<img src="assets/img/apex-texture-yellow-grid.svg" alt="" class="d-none d-xl-block" />
</a>`;
// Write the banner directly to the document
document.write(apexBanner);
}
</script>
<!-- Clock CSS -->
<style>
.clock-number {
font-variant-numeric: tabular-nums;
}
.js-clock .box {
display: inline-block;
margin-right: 10px;
}
.js-clock .box:last-child {
margin-right: 0;
}
</style>