index.html 3.24 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
<!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;
47
  padding: 10px 50px 10px 50px ;
48 49
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-color: #121212;
50
  width: auto;
51 52 53 54
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
55
dd, dt {
56
  padding: 10px 10px 10px 10px;
57
  margin: auto;
58
}
59 60 61 62 63 64
</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>
65
        <dl class="grid-container">
66 67 68 69
          <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>
70
          <div class="card">
71 72
            <dt><a href="./callstats.html">Callstats</a></dt>
            <dd>Visualize and compare runtime call stats.</dd>
73 74
          </div>
          <div class="card">
75 76
            <dt><a href="./heap-stats/index.html">Heap Stats</a></dt>
            <dd>Visualize heap memory usage.</dd>
77 78
          </div>
          <div class="card">
79 80
            <dt><a href="./parse-processor.html">Parse Processor</a></dt>
            <dd>Analyse parse, compile and first-execution.</dd>
81 82
          </div>
          <div class="card">
83 84
            <dt><a href="./profview/index.html">Profview</a></dt>
            <dd>Fancy sampling profile viewer.</dd>
85 86
          </div>
          <div class="card">
87 88
            <dt><a href="./tick-processor.html">Tick Processor</a></dt>
            <dd>Simple sampling profile viewer.</dd>
89 90
          </div>
          <div class="card">
91 92
            <dt><a href="./turbolizer/index.html">Turbolizer</a></dt>
            <dd>Visualise the sea of nodes graph generated by TurboFan.</dd>
93 94
          </div>
          <div class="card">
95 96
            <dt><a href="./zone-stats/index.html">Zone Stats</a></dt>
            <dd>Analyse zone memory usage.</dd>
97
          </div>
98 99 100 101
          <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>
102
          <div class="card">
103 104
            <dt><a href="https://v8.dev">V8.Dev</a></dt>
            <dd>Check out the V8 website for more information.</dd>
105
          </div>
106
        </dl>
107 108 109 110
      </div>
    </div>
  </body>
</html>