machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edit for post-pre-launch

Browse Source
This commit is contained in:
hunicus 2023-05-24 06:32:23 -04:00
parent d5985503e0
commit df8ec419bd
No known key found for this signature in database
GPG Key ID: 24837C51B6D81FD9
3 changed files with 63 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/src/app/components/accelerator-landing/accelerator-landing.component.html
View File

@ -1,33 +1,28 @@
<div id="hero"> <div id="hero">
<h2>Transaction stuck in the mempool?<br>Get it confirmed quickly with Mempool Accelerator™</h2> <div class="bg-effect top" style="background-image: url(/resources/accelerator-landing/wind.svg);"></div>
<h2>Stuck Bitcoin transaction?<br>Get it confirmed quickly with Mempool Accelerator™</h2>
<!--<p>Simple & reliable process with provably fair pricing.</p>--> <!--<p>Simple & reliable process with provably fair pricing.</p>-->
<p>Get your transaction confirmed quicker through mempool.space's network of mining partners—fairly, reliably, and transparently.</p> <p>Get your transaction confirmed quicker through mempool.space's network of mining pool partners—fairly, reliably, and transparently.</p>
<img src="resources/accelerator-hero-transparent.png"> <video src="/resources/accelerator-landing/pre.mp4" poster="" controls loop playsinline [autoplay]="true" [muted]="true"></video>
</div> </div>
<div class="partner panel"> <div class="cta panel">
<p class="panel-lead">In partnership with</p> <a href="/signup" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)">Join the Waitlist</a>
<svg fill="#87e1a1" _ngcontent-slu-c39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 70.000003" height="50" width="125" version="1.1" class="Logo-sc-eo9vc6-0 iIZQkr Navbar__NavbarLogo-sc-1jujje4-0 fjXDTl"><defs _ngcontent-slu-c39="" id="defs6"><clipPath _ngcontent-slu-c39="" id="clipPath18" clipPathUnits="userSpaceOnUse"><path _ngcontent-slu-c39="" id="path16" d="M 0,808.92 H 1977.082 V 0 H 0 Z"></path></clipPath></defs><g _ngcontent-slu-c39="" transform="matrix(1.3333333,0,0,-1.3333333,0,69.999941)" id="g10"><g _ngcontent-slu-c39="" transform="matrix(0.30321951,0,0,0.30321951,-142.52453,-96.390156)" id="g12"><g _ngcontent-slu-c39="" clip-path="url(#clipPath18)" id="g14"><g _ngcontent-slu-c39="" transform="translate(470.0375,446.8958)" id="g20"><path _ngcontent-slu-c39="" id="path22" d="m 0,0 h 33.596 v 15.55 c 0,18.933 10.584,28.585 28.588,28.585 h 51.604 V 22.234 H 73.135 c -4.271,0 -6.125,-2.228 -6.125,-6.129 V 0 h 46.219 V -24.314 H 67.01 v -95.41 H 33.596 v 95.41 H 0 Z" data-darkreader-inline-stroke="" style="fill-opacity: 1; fill-rule: nonzero; stroke: none; --darkreader-inline-stroke: none;"></path></g><g _ngcontent-slu-c39="" transform="translate(744.6498,394.5511)" id="g24"><path _ngcontent-slu-c39="" id="path26" d="m 0,0 v -1.114 c 0,-41.763 -23.389,-67.195 -79.075,-67.195 -55.685,0 -79.259,25.432 -79.259,67.195 V 0 c 0,41.764 23.574,67.195 79.259,67.195 C -23.389,67.195 0,41.764 0,0 m -33.411,-0.929 v 0.744 c 0,27.841 -14.107,37.493 -45.664,37.493 -31.556,0 -45.663,-9.652 -45.663,-37.493 v -0.744 c 0,-27.841 14.107,-37.496 45.663,-37.496 31.557,0 45.664,9.655 45.664,37.496" data-darkreader-inline-stroke="" style="fill-opacity: 1; fill-rule: nonzero; stroke: none; --darkreader-inline-stroke: none;"></path></g><g _ngcontent-slu-c39="" transform="translate(866.7972,369.6775)" id="g28"><path _ngcontent-slu-c39="" id="path30" d="m 0,0 c 0,-21.905 -13.364,-43.436 -53.458,-43.436 -38.24,0 -60.885,18.378 -60.885,53.832 V 91.14 h 33.41 V 14.478 c 0,-17.449 10.955,-28.956 39.91,-28.956 C -21.531,-14.478 0,-10.951 0,6.125 V 91.14 H 33.411 V -42.507 H 0 Z" data-darkreader-inline-stroke="" style="fill-opacity: 1; fill-rule: nonzero; stroke: none; --darkreader-inline-stroke: none;"></path></g><g _ngcontent-slu-c39="" transform="translate(946.0077,418.3103)" id="g32"><path _ngcontent-slu-c39="" id="path34" d="m 0,0 c 0,21.905 13.364,43.436 53.458,43.436 38.425,0 60.885,-18.378 60.885,-53.832 V -91.139 H 80.929 v 76.661 c 0,17.45 -10.95,28.956 -39.906,28.956 C 21.161,14.478 0,10.396 0,-6.125 V -91.139 H -33.411 V 42.507 H 0 Z" data-darkreader-inline-stroke="" style="fill-opacity: 1; fill-rule: nonzero; stroke: none; --darkreader-inline-stroke: none;"></path></g><g _ngcontent-slu-c39="" transform="translate(1194.1708,490.743)" id="g36"><path _ngcontent-slu-c39="" id="path38" d="M 0,0 H 33.226 V -163.571 H 0 v 37.492 c 0,-17.075 -14.107,-38.421 -55.871,-38.421 -49.376,0 -69.423,26.916 -69.423,67.38 v 0.744 c 0,40.464 20.047,67.38 69.423,67.38 C -14.107,-28.996 0,-50.342 0,-67.421 Z m -45.291,-57.026 c -31.186,0 -46.592,-9.836 -46.592,-39.35 v -0.744 c 0,-29.514 15.406,-39.351 46.592,-39.351 23.76,0 45.291,3.339 45.291,16.706 v 46.034 c 0,13.363 -21.531,16.705 -45.291,16.705" data-darkreader-inline-stroke="" style="fill-opacity: 1; fill-rule: nonzero; stroke: none; --darkreader-inline-stroke: none;"></path></g><g _ngcontent-slu-c39="" transform="translate(1324.7987,461.7459)" id="g40"><path _ngcontent-slu-c39="" id="path42" d="m 0,0 c 4.641,0 6.868,-0.185 9.84,-0.929 v -33.04 c -22.649,5.199 -61.259,4.085 -61.259,-17.076 v -83.53 H -84.83 V -0.929 h 33.411 V -44.92 C -51.419,-21.905 -38.052,0 0,0" data-darkreader-inline-stroke="" style="fill-opacity: 1; fill-rule: nonzero; stroke: none; --darkreader-inline-stroke: none;"></path></g><g _ngcontent-slu-c39="" transform="translate(1359.8456,317.8889)" id="g44"><path _ngcontent-slu-c39="" id="path46" d="m 0,0 v 28.215 h 19.862 c 20.418,0 30.069,4.455 38.981,16.335 H 40.65 l -62.181,98.378 h 38.052 l 51.418,-82.231 43.062,82.231 h 36.198 L 93.552,44.55 C 74.249,8.353 59.398,0 0,0" data-darkreader-inline-stroke="" style="fill-opacity: 1; fill-rule: nonzero; stroke: none; --darkreader-inline-stroke: none;"></path></g></g></g></g></svg>
</div> </div>
<div class="explainer panel"> <div class="explainer panel">
<div class="point"> <div class="point">
<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path d="m45.674 23.103 3.295 3.286-22.74 22.796-3.295-3.286z"/><path fill="#3f3f3f" d="m45.674 23.103 3.295 3.287-22.74 22.796-3.295-3.287z"/><circle cx="47.575" cy="10.958" r="2" fill="#fcea2b"/><circle cx="56" cy="28.31" r="2" fill="#fcea2b"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><rect x="34.263" y="9.277" rx=".44" width="3.385" height="53.525" transform="rotate(44.93 35.955 36.04)"/><path d="m45.306 23.873 2.329 2.212M23.441 46.194l2.397 2.39"/><path stroke-linecap="round" d="M47.575 8.958V7.293M47.575 14.624v-1.666M45.575 10.958H43.91M51.24 10.958h-1.665M56 26.31v-1.665M56 31.976V30.31M54 28.31h-1.665M59.665 28.31H58"/></g></svg> <svg width="72" height="72" viewBox="0 0 390.677 504" fill="#7647c7" xmlns="http://www.w3.org/2000/svg"><path d="M268.162 44.289c.906-4.664 2.062-14.18 5.98-16.25 6.77-3.64 25.328 3.246 11.762-3.668-16.52-8.176-5.925-15.012-4.66-24.371-11.262 8.973-12.23 14.621-24 4.344-12.746-12.273 5.102 9.851-.707 14.758-3.707 4.87-14.508 8.808-11.848 9.351 24.266-4.093 16.891 3.454 23.473 15.836zm45.062 219.2c-1.813-6.324 10.074-22.637 1.164-13.512-3.445 2.812-6.937 7.117-11.473 7.062-5.047.336-16.824-14.027-13.613-7.609 6.106 12.801 7 15.574-1.809 21.258-2.636 2.156-5.582 2.8-6.957 4.625 3.938.824 12.57-2.781 17.406.617 4.016 3.602 4.68 11.711 5.72 15.512 1.16 1.223.964-1.922 1.292-2.773 3.125-22.16 12.125-11.691 21.992-14.617-4.133-2.254-12.832-6.328-13.723-10.562zm-191.4-163.89c.21.297.605.371.656-.402.805-3.168.93-9.118 4.395-11.355 6.754-2.575 18.324 2.933 6.758-3.446-9.07-4.316-3.332-11.219-1.614-16.152-9.129 5.434-8.21 11.16-19.05 1.301-5.77-5.683 5.433 9.79.726 12.453-2.43 2.91-9.867 5.809-8.113 6.235 14.422-2.508 13.71.625 16.242 11.367zm70.609-37.258c11.598-3.254 7.906 8.445 9.715 6.094 1.16-9.051 4.097-6.227 9.25-6.52-1.047-1.28-4.676-1.976-5.66-4.34-.621-2.199 1.253-4.984 1.843-6.68-6.343 4.688-5.761 5.333-11.715.013 3.383 9.246 1.942 6.546-3.433 11.434zm-74.285 106.19c2.742-9.61 2.488-6.313 9.57-7.145-11.633-4.078-.726-12.867-4.648-10.375-6.758 8.5-10.91-2.812-10.871.157.766 2.023 3.27 5.312 1.07 7.5-12.145 8.625 4.477-4.047 4.88 9.863zm204.16-107.66c11.598-3.254 7.906 8.445 9.715 6.094 1.16-9.051 4.097-6.227 9.25-6.52-1.047-1.28-4.672-1.976-5.66-4.34-.621-2.199 1.253-4.984 1.843-6.68-6.343 4.688-5.761 5.333-11.715.013 3.383 9.25 1.95 6.55-3.433 11.434zm64.059 133.48c-8.379 10.652-14.203-8.176-9.465 4.66 1.602 3.488-3.77 5.012-5.297 6.57 7.801-.593 7.875-.722 9.418 6.204.555 2.39 1.086-5.997 2.801-6.215 1.965-1.418 7.04.492 6.848-.508-11.398-4.238-1.434-11.512-4.305-10.711zm-28.039-69.969c-1.836-3.633 6.223-15.484 1.758-11.031-12.18 14.789-18.512-4.047-19.266.125 1.21 3.121 4.906 8.2 3.023 12.137-2.535 3.898-8.86 5.562-9.004 7.004 13.961-1.434 13.641-1.172 16.441 11.055.801 3.336 2.067-10.465 4.328-10.824 3.5-3.05 13.625.531 12.441-1.25-2.425-1.48-8.043-3.61-9.722-7.215zm-59.516-39.199c.59-1.379 2.367-3.488.129-4.91-2.488-.758-3.2 1.98-4.602 2.855-61.734 59.137-63.812 54.7-124.71 1.618-11.234-8.813.453 10.812 1.977 14.449 6.242 13.113 19.168 43.133 17.887 53.445-.711 13.625-9.012 20.926-18.312 27.91-14.992 11.608-32.258 21.706-43.418 27.854-5.824 7.051 14.19.84 16.87 1.262 13.923-1.875 43.794-4.312 53.923-.762L1.586 490.194c-2.777 3.97-1.813 9.442 2.156 12.22 3.969 2.777 9.442 1.812 12.22-2.157l197.02-281.37c12.101 18.777 17.253 48.938 20.82 65.387 6.835 19.691 7.163-63.8 32.02-74.312 13.155-8.14 49.061-3.629 59.077-3.18 3.863-.257 23.031 4.7 17.06-1.882-76.54-41.184-76.36-42.855-43.146-119.72z"/></svg>
<p class="point-lead">Easy</p> <p class="point-lead">Easy</p>
<p class="point-body">Simply tell us which transaction you need accelerated, and we'll take care of the rest. No technical knowledge needed.</p> <p class="point-body">Simply tell us which transaction you need accelerated, set the maximum rate you're willing to pay, and we'll take care of the rest.</p>
</div> </div>
<div class="point"> <div class="point">
<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path fill="#9B9B9A" d="M48.063 62.92c0-3.314-5.597-6-12.5-6s-12.5 2.686-12.5 6h25z"/><path fill="#D0CFCE" d="M24.9 46.966c0 2.193-2.198 3.972-4.91 3.972s-4.91-1.779-4.91-3.972h9.82zM57.9 46.925c0 2.194-2.198 3.972-4.91 3.972s-4.91-1.778-4.91-3.972h9.82z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M16 25.17c2.666 0 8.954-5.334 20-5.334s14.667 4 20 5.334M36 23.906v28"/><circle cx="36" cy="13.895" r="3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M48 61.906c0-3.313-5.596-6-12.5-6s-12.5 2.687-12.5 6M26 45.906a6 6 0 0 1-12 0h12zM20 27.906l-5 18h10zM20 27.906v18M59 45.906a6 6 0 0 1-12 0h12zM53 27.906l-5 18h10zM53 27.906v18"/></svg> <svg width="72" height="72" viewBox="0 0 466.09 445.916" fill="#7647c7" xmlns="http://www.w3.org/2000/svg"><path d="m434.87 159.649-40.781-84.11c7.023 1.204 13.37 2.461 18.77 3.774l4.262-11.844c-31.81-15.418-94.176-26.777-166.73-28.305 3.769-4.164 6.128-9.633 6.128-15.691C256.52 10.508 246.011 0 233.046 0s-23.473 10.508-23.473 23.473c0 6.059 2.36 11.527 6.13 15.691-72.56 1.527-134.93 12.887-166.73 28.305l4.261 11.844c5.398-1.313 11.746-2.57 18.77-3.773l-40.781 84.109H0c15.688 28.992 46.363 48.684 81.641 48.684 35.278 0 65.953-19.691 81.641-48.684h-31.219L89.965 72.825c34.863-4.653 82.227-7.86 134.67-8.118v52.02h-10.68v261.15H195.6c-38.832 0-70.941 30.051-74.328 68.04h223.55c-3.387-37.989-35.5-68.04-74.328-68.04h-18.359l-.004-261.15h-10.68v-52.02c52.445.258 99.809 3.465 134.67 8.118l-42.098 86.824h-31.215c15.688 28.992 46.363 48.684 81.641 48.684 35.278 0 65.953-19.691 81.641-48.684zm-311.61 0H40.01l41.52-85.637c.066-.012.129-.02.191-.028zm219.56 0 41.535-85.664c.062.008.125.02.191.027l41.52 85.637z"/></svg>
<p class="point-lead">Fair</p> <p class="point-lead">Fair</p>
<p class="point-body">No opaque pricing—your acceleration fee is based on the fair market rate for getting a transaction included in the next block.</p> <p class="point-body">Our service is based on feerates and block templates you can verify by running The Mempool Open Source Project™ yourself.</p>
</div> </div>
<div class="point"> <div class="point">
<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.025"><path d="M35.9 14.713v42.455M14.721 35.958h42.562"/></g><rect x="14.513" y="14.613" rx=".784" width="42.775" height="42.775" fill="#92d3f5"/><path fill="#fff" d="m14.535 26.666 12.053-12.053H55.23L14.514 55.477l.021-28.811z"/><path fill="#a57939" d="M60.94 62H11.018a1.06 1.06 0 0 1-1.06-1.06V11.018a1.06 1.06 0 0 1 1.06-1.06H60.94a1.06 1.06 0 0 1 1.06 1.06V60.94A1.06 1.06 0 0 1 60.94 62Zm-44.367-5.612h38.655a1.06 1.06 0 0 0 1.06-1.06V16.672a1.06 1.06 0 0 0-1.06-1.06H16.573a1.06 1.06 0 0 0-1.06 1.06v38.656a1.06 1.06 0 0 0 1.06 1.06Z"/><path fill="none" stroke="#a57939" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.025" d="M35.9 14.613v42.774M14.513 35.958h42.775"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M61 61H10.958M10.958 57.168v-46.21H61v46.21"/></g></svg> <svg width="72" height="72" viewBox="0 0 700.261 296.22" fill="#7647c7" xmlns="http://www.w3.org/2000/svg"><path d="M512.791 44.48C519.815 2.339 585.365 2.339 618.141 0c0 0 63.211 53.848 81.941 166.22 4.684 30.434-84.28 39.801-84.28 39.801-2.34-58.527-32.778-117.06-63.212-170.9-16.387 2.34-25.754 4.684-39.8 9.363zm-351.17 4.684C147.574 9.363 82.023 14.047 49.241 18.73c0 0-51.504 63.21-49.164 177.93 0 30.434 86.621 16.387 86.621 16.387-9.363-63.211 11.707-128.76 32.777-173.25 16.387 2.34 28.094 7.023 42.141 9.363zm32.777 189.63c-2.34-7.024 2.34-14.047 4.684-21.07-7.023-2.34-9.363-7.024-21.07-14.047-25.754 16.387-7.023 53.848 16.387 35.117zm58.527-7.024c-11.707-39.8-60.87-9.363-51.504 7.024 4.684 9.363 18.73 14.047 28.094 14.047 14.047-2.34 14.047-16.387 23.41-21.07zm42.141 25.754c2.34-18.73-28.094-25.754-39.8-18.73-14.048 11.707-16.388 23.41-9.364 30.434 11.707 9.364 44.48-4.683 49.164-11.707zm-16.387 30.434c11.707 11.707 44.48-4.683 39.801-18.73-7.023-11.707-30.434-2.34-37.457 2.34-2.34 2.34-7.023 9.363-2.34 16.387zM93.73 191.97c49.164 0 63.211-9.363 110.04 21.07 21.07-11.707 46.824-9.363 56.188 16.387 18.73 0 42.141 4.684 42.141 28.094 28.094 0 30.434 18.73 14.047 32.777 14.047 4.684 56.188 9.364 70.234 2.34 4.684-2.34 14.047-7.023 4.684-9.363s-28.094-2.34-32.777-4.684c-9.363 0-7.023-4.683 0-4.683 14.047 2.34 49.164 4.683 63.211 2.34 11.707-2.34 25.754-9.364 9.363-18.73-21.07-7.024-53.848-16.388-58.527-23.41 2.34-9.364 46.824 14.046 65.551 23.41 9.364 2.34 23.41 4.683 32.777 0 14.047-4.684 4.684-11.708-2.34-16.388-16.387-14.047-51.504-44.48-65.55-58.527-9.364-11.707-2.34-11.707 7.023-4.683 11.707 11.707 37.457 37.457 74.918 67.895 14.047 7.023 35.117-7.024 25.754-25.754 0-2.34-4.684-9.364-11.707-18.73-35.117-58.527-114.71-107.69-170.9-86.621-18.73 7.023-23.41 30.434-44.48 51.504-21.07 18.73-37.457 16.387-58.527 4.683 23.41-28.094 28.094-44.48 37.457-77.258 9.363-21.07 16.387-21.07 32.777-32.777 42.14-28.094 30.434-21.07 11.707-21.07-79.598-2.34-79.598 18.73-100.67 21.07-28.094 0-65.551-11.707-81.941-14.047-21.07 42.141-32.777 98.328-30.434 145.15zm358.2-124.08c-44.48 9.364-86.62-35.117-107.69-30.434-7.023 4.684-63.21 39.801-70.234 49.164-16.387 30.434 0 25.754-37.457 84.281 44.48 21.07 58.527-53.848 86.621-63.21 74.918-25.755 152.18 44.48 182.61 91.304 39.801-18.73 67.895-16.387 98.328-23.41-9.363-46.824-37.457-100.67-56.188-133.45-28.094 4.684-74.918 21.07-95.988 25.754z" fill-rule="evenodd"/></svg>
<p class="point-lead">Transparent</p>
<p class="point-body">Verify the fee estimates and block templates we use to accelerate your transaction by running The Mempool Open Source Project™ yourself.</p>
</div>
<div class="point">
<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path fill="#fcea2b" d="M62.622 40.338c.96 3.25-1.109 5.983-4.435 5.392.443 3.249-2.735 6.13-6.579 4.283 1.478 3.766-1.997 5.908-4.731 4.283 1.403 1.699-.813 7.46-9.387 1.994l-1.643-.903L16.51 44.752l-1.459-.802s-7.133-5.822-8.537-8.259c-4.392-7.595.949-19.79 10.44-21.82l7.943-1.424 5.239 7.947 13.073 6.004L56 33.58l3.685 3.768Z"/><g fill="#fcea2b"><path d="M62.622 40.338c6.721-4.585 5.041-19.03-.099-25.36-9.287-1.459-11-2.362-20.98-3.943l-13.53-.618a3.993 3.993 0 0 0-4.779 2.533 32.857 32.857 0 0 1-3.599 8.378 3.539 3.539 0 0 0 1.872 4.588c1.908.476 2.78-.386 4.46-1.686a25.954 25.954 0 0 0 3.805-4.575l13.64 6.204 12.72 7.164c2.514 1.697 5.012 5.843 6.51 7.32M31.51 54.15a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.172l1.81-3.094ZM25.84 50.98a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171l1.81-3.094Z"/><path d="M20.18 47.82a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171l1.81-3.094Z"/><path d="M14.53 44.65a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171l1.81-3.094Z"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15.05 43.95s-7.133-5.822-8.537-8.259c-4.392-7.595.949-19.79 10.44-21.82M38.71 42.99l12.89 7.021M33.87 47.79l13 6.498M58.18 45.72l-5.1-4.358-8.279-4.335"/><path d="M37.49 56.29c8.574 5.466 10.79-.295 9.387-1.994 2.734 1.625 6.209-.517 4.731-4.283 3.844 1.847 7.022-1.034 6.579-4.283 3.326.591 5.395-2.142 4.435-5.392 6.721-4.585 5.041-19.03-.099-25.36-9.287-1.459-11-2.362-20.98-3.943l-13.53-.619a3.993 3.993 0 0 0-4.779 2.533 32.857 32.857 0 0 1-3.599 8.378 3.539 3.539 0 0 0 1.872 4.588c1.908.477 2.78-.386 4.46-1.686a25.954 25.954 0 0 0 3.805-4.575l13.64 6.204 12.72 7.164c2.514 1.698 5.012 5.844 6.51 7.321"/><path d="M31.51 54.15a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.172l1.81-3.094ZM25.84 50.98a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171l1.81-3.094Z"/><path d="M20.18 47.82a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171l1.81-3.094Z"/><path d="M14.53 44.65a3.022 3.022 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171l1.81-3.094Z"/></g></svg>
<p class="point-lead">Reliable</p> <p class="point-lead">Reliable</p>
<p class="point-body">Mempool's best-in-class fee estimation—combined with its mining pool relationships—means you can expect your transaction to be confirmed fast.</p> <p class="point-body">Mempool's best-in-class fee estimation—combined with its mining pool relationships—means you can expect your transaction to be confirmed fast.</p>
</div> </div>
@ -36,28 +31,19 @@
<div class="panel faq"> <div class="panel faq">
<div class="endpoint-container"> <div class="endpoint-container">
<a id="faq-1" class="section-header" (click)="anchorLinkClick( $event )"><table><tr><td>What makes Mempool Accelerator™ different from other accelerators?</td></tr></table></a> <a id="faq-1" class="section-header" (click)="anchorLinkClick( $event )"><table><tr><td>What makes Mempool Accelerator™ different from other accelerators?</td></tr></table></a>
<div class="endpoint-content"> <p>Mempool Accelerator™ strives to be fair, reliable, and transparent. The fee you pay to accelerate, for example, is based on the fair market price for blockspace—which you can verify from your own node running The Mempool Open Source Project™.</p>
</div>
</div>
<div class="endpoint-container">
<a id="faq-1" class="section-header" (click)="anchorLinkClick( $event )"><table><tr><td>How can I trust Mempool Accelerator™?</td></tr></table></a>
<div class="endpoint-content">
</div>
</div> </div>
<div class="endpoint-container"> <div class="endpoint-container">
<a id="faq-1" class="section-header" (click)="anchorLinkClick( $event )"><table><tr><td>My transaction has been stuck for days. How quickly can Mempool Accelerator™ get it confirmed?</td></tr></table></a> <a id="faq-1" class="section-header" (click)="anchorLinkClick( $event )"><table><tr><td>My transaction has been stuck for days. How quickly can Mempool Accelerator™ get it confirmed?</td></tr></table></a>
<div class="endpoint-content"> <p>Mempool Accelerator™ prioritizes your transaction directly with mining pools based on the feerate ceiling you determine.</p><p>While it is not possible to provide a precise timeframe, your transaction will go from being "stuck" in the mempool to being in the top portion of pending transactions likely to be confirmed soon.</p>
</div>
</div> </div>
<div class="endpoint-container"> <div class="endpoint-container">
<a id="faq-1" class="section-header" (click)="anchorLinkClick( $event )"><table><tr><td>All of this sounds great, but is there someone I can reach out to for help first?</td></tr></table></a> <a id="faq-1" class="section-header" (click)="anchorLinkClick( $event )"><table><tr><td>When will Mempool Accelerator™ be available?</td></tr></table></a>
<div class="endpoint-content"> <p>Soon™. Join the waitlist to be notified when it's ready.</p>
</div> </div>
</div> </div>
<div class="cta panel bottom" style="margin-bottom: 30px;">
<a href="/signup" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)">Join the Waitlist</a>
</div> </div>

52
frontend/src/app/components/accelerator-landing/accelerator-landing.component.scss
View File

@ -1,18 +1,28 @@
p {
margin-top: 1rem;
}
tr {
white-space: normal;
}
#hero { #hero {
text-align: center; text-align: center;
margin: 60px auto; margin: 60px auto;
width: 100%; width: 100%;
max-width: 2000px; max-width: 2000px;
padding: 0 20px;
} }
#hero p { #hero p {
color: rgba(255, 255, 255, 0.568627451); color: rgba(255, 255, 255, 0.568627451);
} }
#hero img { #hero video {
height: auto; height: auto;
width: 50%; width: 50%;
max-width: 675px; max-width: 675px;
margin-top: 40px;
} }
h2 { h2 {
@ -21,7 +31,7 @@ h2 {
} }
.panel { .panel {
padding: 50px 80px 40px 80px; padding: 30px 40px 30px 40px;
} }
.panel-lead { .panel-lead {
@ -40,18 +50,26 @@ h2 {
height: auto; height: auto;
} }
.cta.panel {
text-align: center;
}
.cta.bottom.panel {
position: relative;
}
.explainer.panel { .explainer.panel {
text-align: center; text-align: center;
width: 100%; width: 100%;
max-width: 2000px; max-width: 2000px;
margin: 0 auto; margin: 0 auto;
margin-top: 50px; margin-bottom: 75px;
} }
.explainer.panel .point { .explainer.panel .point {
text-align: center; text-align: center;
width: 460px; width: 460px;
height: 400px; height: 300px;
padding: 30px; padding: 30px;
display: inline-block; display: inline-block;
} }
@ -66,11 +84,9 @@ h2 {
.explainer.panel .point svg { .explainer.panel .point svg {
height: auto; height: auto;
width: 125px; width: 115px;
background: #1d1f31;
border-radius: 50%; border-radius: 50%;
padding: 20px; padding: 25px;
filter: sepia(100%);
} }
.panel.faq { .panel.faq {
@ -81,7 +97,7 @@ h2 {
} }
.endpoint-container { .endpoint-container {
margin-bottom: 5px; margin-bottom: 25px;
} }
.endpoint-container .section-header { .endpoint-container .section-header {
@ -100,7 +116,21 @@ h2 {
text-decoration: none; text-decoration: none;
} }
.bg-effect {
position: absolute;
z-index: -100 !important;
height: 90vh;
opacity: 0.3;
background-repeat: no-repeat;
max-width: calc(100% - 50px);
animation: 2s ease forwards .5s bg-scale;
}
.bg-effect.top {
background-position: top left;
top: 20px;
width: 1000px;
}
@media (max-width: 992px) { @media (max-width: 992px) {
@ -108,4 +138,8 @@ h2 {
width: 80%; width: 80%;
} }
.explainer.panel .point {
width: 100%;
}
} }

BIN
frontend/src/resources/accelerator-hero-transparent.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 352 KiB