v8/tools/index.html
Zeynep Cankara d1979145c9 [tools] Add index.html landing page
This CL attempts to add a index.html landing page for listing
all the tools V8 has with brief descriptions within
V8's tools directory.

Screen Shots: https://imgur.com/a/NwWTI0d

Bug: v8:10664
Change-Id: I945e78381797966d6ebcd754126d26973ca9f649
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2275962
Reviewed-by: Camillo Bruni <cbruni@chromium.org>
Reviewed-by: Sathya Gunasekaran  <gsathya@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Zeynep Cankara <zcankara@google.com>
Cr-Commit-Position: refs/heads/master@{#68706}
2020-07-07 12:42:51 +00:00

116 lines
3.4 KiB
HTML

<!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);
transition: 0.3s;
background-color: #121212;
width: 60%;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
</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>
<div class="grid-container">
<div class="card">
<a href="./callstats.html">Callstats</a>
<p>Visualize and compare runtime call stats.</p>
</div>
<div class="card">
<a href="./heap-stats/index.html">Heap Stats</a>
<p>Visualize heap memory usage.</p>
</div>
<div class="card">
<a href="./ic-explorer.html">IC Explorer</a>
<p>Analyse inline caches.</p>
</div>
<div class="card">
<a href="./map-processor.html">Map Processor</a>
<p>Analyse Maps and their transition trees.</p>
</div>
<div class="card">
<a href="./parse-processor.html">Parse Processor</a>
<p>Analyse parse, compile and first-execution.</p>
</div>
<div class="card">
<a href="./profview/index.html">Profview</a>
<p>Fancy sampling profile viewer.</p>
</div>
<div class="card">
<a href="./sodium/index.html">Sodium</a>
<p>IC event tracker.</p>
</div>
<div class="card">
<a href="./system-analyzer/index.html">System Analyzer</a>
<p>A unified web interface to trace, debug and analyse patterns of how Maps/ICs are created in the real world applications.</p>
</div>
<div class="card">
<a href="./tick-processor.html">Tick Processor</a>
<p>Simple sampling profile viewer.</p>
</div>
<div class="card">
<a href="./turbolizer/index.html">TurboFan</a>
<p>Visualise the sea of nodes graph generated by TurboFan.</p>
</div>
<div class="card">
<a href="./zone-stats/index.html">Zone Stats</a>
<p>Analyse zone memory usage.</p>
</div>
<div class="card">
<a href="https://v8.dev">V8.Dev</a>
<p>Check out the V8 website for more information.</p>
</div>
</div>
</div>
</div>
</body>
</html>