diff --git a/frontend/src/app/components/about/about.component.html b/frontend/src/app/components/about/about.component.html index 13dbe9fd4..23fed8dcd 100644 --- a/frontend/src/app/components/about/about.component.html +++ b/frontend/src/app/components/about/about.component.html @@ -13,17 +13,7 @@

Our mempool and blockchain explorer for the Bitcoin community, focusing on the transaction fee market and multi-layer ecosystem, completely self-hosted without any trusted third-parties.

-
- - - - - - - - - -
+

Enterprise Sponsors 🚀

@@ -383,6 +373,17 @@
Third-party Licenses Terms of Service +
diff --git a/frontend/src/app/components/about/about.component.scss b/frontend/src/app/components/about/about.component.scss index ae60e052e..35df3fc46 100644 --- a/frontend/src/app/components/about/about.component.scss +++ b/frontend/src/app/components/about/about.component.scss @@ -34,6 +34,12 @@ padding: 10px 15px 15px; } + video { + width: 640px; + max-width: 90%; + margin-top: 0; + } + .social-icons { a { margin: auto 10px; @@ -188,6 +194,11 @@ margin: 20px auto 30px; } } + .social-icons { + a { + margin: 45px 10px; + } + } } .footer-version { diff --git a/frontend/src/resources/mempool-promo.jpg b/frontend/src/resources/mempool-promo.jpg new file mode 100644 index 000000000..40715b507 Binary files /dev/null and b/frontend/src/resources/mempool-promo.jpg differ diff --git a/frontend/sync-assets.js b/frontend/sync-assets.js index 879a7fba4..a39d913c8 100644 --- a/frontend/sync-assets.js +++ b/frontend/sync-assets.js @@ -51,7 +51,7 @@ function downloadMiningPoolLogos() { response.on('data', (fragments) => { chunks_of_data.push(fragments); }); - + response.on('end', () => { let response_body = Buffer.concat(chunks_of_data); try { @@ -63,7 +63,7 @@ function downloadMiningPoolLogos() { console.error(`Unable to download mining pool logos. Trying again at next restart. Reason: ${e instanceof Error ? e.message : e}`); } }); - + response.on('error', (error) => { throw new Error(error); }); @@ -81,6 +81,9 @@ if (configContent.BASE_MODULE && configContent.BASE_MODULE === 'liquid') { const testnetAssetsJsonUrl = 'https://raw.githubusercontent.com/Blockstream/asset_registry_testnet_db/master/index.json'; const testnetAssetsMinimalJsonUrl = 'https://raw.githubusercontent.com/Blockstream/asset_registry_testnet_db/master/index.minimal.json'; +const promoVideo = PATH + 'mempool-promo.mp4'; +const promoVideoUrl = 'https://raw.githubusercontent.com/mempool/mempool-promo/master/promo.mp4'; + console.log('Downloading assets'); download(PATH + 'assets.json', assetsJsonUrl); console.log('Downloading assets minimal'); @@ -89,5 +92,9 @@ console.log('Downloading testnet assets'); download(PATH + 'assets-testnet.json', testnetAssetsJsonUrl); console.log('Downloading testnet assets minimal'); download(PATH + 'assets-testnet.minimal.json', testnetAssetsMinimalJsonUrl); +if (!fs.existsSync(promoVideo)) { + console.log('Downloading promo video'); + download(promoVideo, promoVideoUrl); +} console.log('Downloading mining pool logos'); downloadMiningPoolLogos();