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';">&times;</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 %}