github.com/pdaian/flashboys2@v0.0.0-20190718175736-b101c35361f0/webapp/templates/header.html (about) 1 <!doctype html> 2 3 <html lang="en"> 4 <head> 5 <meta charset="utf-8"> 6 7 <title>frontrun me!</title> 8 <meta name="description" content="frontrun me"> 9 <meta name="author" content="SitePoint"> 10 11 <link rel="stylesheet" href="/static/style.css"> 12 <script src="/static/jquery-3.3.1.min.js" type="text/javascript"></script> 13 <script type="text/javascript"> 14 function doBlink() { 15 $("#under").fadeOut(300); 16 $("#under").fadeIn(300); 17 } 18 19 doBlink(); 20 setInterval(doBlink, 3000); 21 </script> 22 23 <!-- Plotly.js --> 24 <script src="/static/plotly-latest.min.js"></script> 25 26 27 <!--===============================================================================================--> 28 <link rel="stylesheet" type="text/css" href="/static/vendor/bootstrap/css/bootstrap.min.css"> 29 <!--===============================================================================================--> 30 <link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"> 31 <!--===============================================================================================--> 32 <link rel="stylesheet" type="text/css" href="/static/vendor/animate/animate.css"> 33 <!--===============================================================================================--> 34 <link rel="stylesheet" type="text/css" href="/static/vendor/select2/select2.min.css"> 35 <!--===============================================================================================--> 36 <link rel="stylesheet" type="text/css" href="/static/vendor/perfect-scrollbar/perfect-scrollbar.css"> 37 <!--===============================================================================================--> 38 <link rel="stylesheet" type="text/css" href="/static/css/util.css"> 39 <link rel="stylesheet" type="text/css" href="/static/css/main.css"> 40 <!--===============================================================================================--> 41 42 </head> 43 44 <body> 45 46 <div id="top"> 47 <a href="/"><img id="logo" src="/static/logo.jpg" /></a> 48 49 <div id="header">Frontrun<div id="under" style="color: lightgrey; display:inline;">_</div>Me</div> 50 </div> 51 52 <div class="alert"> 53 <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span> 54 Welcome to <b>frontrun me</b>, the premier site for visualizing Ethereum <i>gas auctions</i>. These gas auctions 55 are often bids by frontrunners, arbitrageurs, and other programmatic network actors that seek to exploit inefficiencies in on-chain systems, 56 ultimately profiting miners. On this site, we monitor these behaviors on the network in real-time as these bots compete for block priority 57 in rapid-fire <a href="https://en.wikipedia.org/wiki/All-pay_auction">all-pay auctions</a>*, showing users and mechanism designers the potential 58 rent-seeking economy created by orderbook inefficiencies on-chain. Timing data is sourced from a global network of 59 8 nodes peered deeply with Ethereum. {% if deanon %}<b><a href="https://pdaian.com/flashboys2.pdf">Read our full paper!</a></b>{%endif%}<br><small>*Modern auctions are a special kind of all-pay auction, in which 60 the winner of the auction pays some constant percentage of their bid; they do not pay full gas, as they do not pay for execution, but they must pay for 61 attempted execution.</small> 62 </div> 63 64 {% if deanon %} 65 <br><h2 style="color:red; text-align:center;">WARNING: THIS IS AN ALPHA VERSION OF THE SITE WITH PRELIMINARY DATA AND KNOWN BUGS. Use at your own risk and follow <a href="https://twitter.com/ProjectChicago_">@ProjectChicago_</a> for announcements on release and more data being added.</h2> 66 {% endif %}