ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-12-06 17:27:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

display only token49 for APEX

Browse Source
This commit is contained in:
jonathanlei
2023-08-29 15:17:35 -07:00
parent 3bed16081c
commit fed7abb908
3 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

11
styles/_top-banner.scss
View File

@@ -110,8 +110,6 @@ html.light .token-banner-container {
position: relative; position: relative;
background-color: $accent-blue-90; background-color: $accent-blue-90;
color: $white; color: $white;
border-top: 5px solid $apex-2023-green;
height: 48px; height: 48px;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
@@ -149,7 +147,7 @@ html.light .token-banner-container {
} }
.token-highlight { .token-highlight {
color: $token-2049-purple; color: $apex-2023-green;
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
line-height: 3rem; line-height: 3rem;
} }
@@ -161,12 +159,13 @@ html.light .token-banner-container {
white-space: nowrap; white-space: nowrap;
transition: border-color 0.5s ease; transition: border-color 0.5s ease;
// sm breakpoint
border: 2px solid $white; border: 2px solid $white;
height: 36px; height: 36px;
line-height: 32px;
border-radius: 32px; border-radius: 32px;
font-size: 2vw; font-size: 2vw;
margin-top: 2px; margin-top: 2px;
line-height: 3rem;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
border-width: 3px; border-width: 3px;
@@ -176,7 +175,7 @@ html.light .token-banner-container {
} }
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
font-size: 19px; font-size: 22px;
} }
} }
@@ -185,7 +184,7 @@ html.light .token-banner-container {
color: $white; color: $white;
.token-highlight { .token-highlight {
color: $token-2049-purple; /* Adjust as needed */ color: $apex-2023-green; /* Adjust as needed */
} }
.highlight-yellow { .highlight-yellow {

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

@@ -1,15 +1,4 @@
<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>
<!-- Inline script to conditionally display the banner --> <!-- Inline script to conditionally display the banner -->
<script> <script>
@@ -24,7 +13,7 @@
if (isTargetCountry) { if (isTargetCountry) {
// Define the banner HTML with the countdown timer // Define the banner HTML with the countdown timer
let bannerHTML = ` let token2049bannerHTML = `
<a href="https://www.token2049.com/" target="_blank" class="w-inline-block token-banner-container d-flex justify-content-center"> <a href="https://www.token2049.com/" target="_blank" class="w-inline-block token-banner-container d-flex justify-content-center">
<div id="js-clock" class="js-clock d-flex align-items-center"> <div id="js-clock" class="js-clock d-flex align-items-center">
<div class="box"> <div class="box">
@@ -45,14 +34,33 @@
</div> </div>
</div> </div>
<div class="token-reg">{% trans %}Countdown to XRPL Zone<span class="token-highlight"> @Token2049</span>{% endtrans %}</div> <div class="token-reg">{% trans %}Countdown to XRPL Zone<span class="token-highlight"> @Token2049</span>{% endtrans %}</div>
<div class="token-circled d-lg-block highlight-purple">{% trans %} Singapore{% endtrans %}</div> <div class="token-circled d-lg-block highlight-yellow">{% trans %} Singapore{% endtrans %}</div>
<div class="token-reg"> {% trans %} 12 September 2023 {% endtrans %} </div> <div class="token-reg"> {% trans %} 12 September 2023 {% endtrans %} </div>
<div class="token-circled d-none d-lg-block highlight-purple">{% trans %}Register Now{% endtrans %}</div>
</a> </a>
`; `;
// Write the banner directly to the document // Write the banner directly to the document
document.write(bannerHTML); 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> </script>
<!-- Countdown timer script --> <!-- Countdown timer script -->