|  | <!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> |