v8/tools/index.html
Zeynep Cankara 907270528c [tools] Landing page style fix
This CL attempts to change change content and change
format to increase accessibility.

Bug: v8:10664

Change-Id: Ic80e00310884ac64dc99fe053354250671cabfdd
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2290859
Reviewed-by: Sathya Gunasekaran  <gsathya@chromium.org>
Reviewed-by: Camillo Bruni <cbruni@chromium.org>
Commit-Queue: Zeynep Cankara <zcankara@google.com>
Cr-Commit-Position: refs/heads/master@{#68795}
2020-07-10 14:15:03 +00:00

118 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: auto;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
dd {
padding-top: 15px;
}
dt {
padding-top: 10px;
}
</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">
<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="./ic-explorer.html">IC Explorer</a></dt>
<dd>Analyse inline caches.</dd>
</div>
<div class="card">
<dt><a href="./map-processor.html">Map Processor</a></dt>
<dd>Analyse Maps and their transition trees.</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="./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="./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">V8.Dev</a></dt>
<dd>Check out the V8 website for more information.</dd>
</div>
</div>
</div>
</div>
</body>
</html>