| <!DOCTYPE html> | 
 | <!-- Copyright 2020 the V8 project authors. All rights reserved. | 
 | Use of this source code is governed by a BSD-style license that can be | 
 | found in the LICENSE file. --> | 
 |  | 
 | <html lang="en"> | 
 |  | 
 | <head> | 
 |   <meta charset="UTF-8"> | 
 |   <title>V8 Tools Landing Page</title> | 
 | <style> | 
 | body { | 
 |   font-family: sans-serif; | 
 |   color: white; | 
 |   margin-left: 5%; | 
 |   margin-right: 5%; | 
 |   background-color: #000000; | 
 |   text-align: center; | 
 | } | 
 | .content{ | 
 |   background-color: #000000; | 
 |   padding: 10px 5px 5px 10px ; | 
 |   margin: auto; | 
 |   max-width: 80%; | 
 | } | 
 | a:link, a:visited { | 
 |   background-color: #BB86FC; | 
 |   color: black; | 
 |   padding: 15px 25px; | 
 |   text-align: center; | 
 |   text-decoration: none; | 
 |   display: inline-block; | 
 | } | 
 | a:hover, a:active { | 
 |   background-color: white; | 
 |   color:black; | 
 | } | 
 | .grid-container { | 
 |   display: grid; | 
 |   grid-template-columns: auto auto auto; | 
 |   padding: auto; | 
 |   background-color: #000000; | 
 |   grid-gap: 15px; | 
 | } | 
 | .card { | 
 |   text-align: center; | 
 |   padding: 10px 50px 10px 50px ; | 
 |   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); | 
 |   background-color: #121212; | 
 |   width: auto; | 
 | } | 
 | .card:hover { | 
 |   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); | 
 | } | 
 | dd, dt { | 
 |   padding: 10px 10px 10px 10px; | 
 |   margin: auto; | 
 | } | 
 | </style> | 
 | </head> | 
 |   <body> | 
 |     <div class="content"> | 
 |       <h1>Welcome to the V8 Tools Landing Page</h1> | 
 |       <p>Search through this page to find about the V8 tools to debug, trace and analyze the log files.</p> | 
 |         <dl class="grid-container"> | 
 |           <div class="card"> | 
 |             <dt><a href="./system-analyzer/index.html">System Analyzer</a></dt> | 
 |             <dd>A unified web interface to trace, debug and analyse patterns of how Maps/ICs are created in the real world applications.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="./callstats.html">Callstats</a></dt> | 
 |             <dd>Visualize and compare runtime call stats.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="./heap-stats/index.html">Heap Stats</a></dt> | 
 |             <dd>Visualize heap memory usage.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="./parse-processor.html">Parse Processor</a></dt> | 
 |             <dd>Analyse parse, compile and first-execution.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="./profview/index.html">Profview</a></dt> | 
 |             <dd>Fancy sampling profile viewer.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="./tick-processor.html">Tick Processor</a></dt> | 
 |             <dd>Simple sampling profile viewer.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="./turbolizer/index.html">Turbolizer</a></dt> | 
 |             <dd>Visualise the sea of nodes graph generated by TurboFan.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="./zone-stats/index.html">Zone Stats</a></dt> | 
 |             <dd>Analyse zone memory usage.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="https://v8.dev/tools">Other V8 Versions</a></dt> | 
 |             <dd>Check out the V8 website for available tool versions.</dd> | 
 |           </div> | 
 |           <div class="card"> | 
 |             <dt><a href="https://v8.dev">V8.Dev</a></dt> | 
 |             <dd>Check out the V8 website for more information.</dd> | 
 |           </div> | 
 |         </dl> | 
 |       </div> | 
 |     </div> | 
 |   </body> | 
 | </html> |