index.html 3.35 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
<!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;
33
  border-radius: 2px;
34 35 36 37 38 39 40 41 42 43 44 45
}
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;
}
46 47 48
.grid-2{
  grid-template-columns: auto auto;
}
49 50
.card {
  text-align: center;
51
  padding: 10px 50px 10px 50px ;
52 53
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-color: #121212;
54
  width: auto;
55
  border-radius: 10px;
56 57 58 59
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
60
dd, dt {
61
  padding: 10px 10px 10px 10px;
62
  margin: auto;
63
}
64 65 66 67 68 69
</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>
70
        <dl class="grid-container">
71 72 73 74
          <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>
75
          <div class="card">
76 77
            <dt><a href="./callstats.html">Callstats</a></dt>
            <dd>Visualize and compare runtime call stats.</dd>
78 79
          </div>
          <div class="card">
80 81
            <dt><a href="./heap-stats/index.html">Heap Stats</a></dt>
            <dd>Visualize heap memory usage.</dd>
82 83
          </div>
          <div class="card">
84 85
            <dt><a href="./parse-processor.html">Parse Processor</a></dt>
            <dd>Analyse parse, compile and first-execution.</dd>
86 87
          </div>
          <div class="card">
88 89
            <dt><a href="./profview/index.html">Profview</a></dt>
            <dd>Fancy sampling profile viewer.</dd>
90 91
          </div>
          <div class="card">
92 93
            <dt><a href="./tick-processor.html">Tick Processor</a></dt>
            <dd>Simple sampling profile viewer.</dd>
94 95
          </div>
          <div class="card">
96 97
            <dt><a href="./turbolizer/index.html">Turbolizer</a></dt>
            <dd>Visualise the sea of nodes graph generated by TurboFan.</dd>
98 99
          </div>
          <div class="card">
100 101
            <dt><a href="./zone-stats/index.html">Zone Stats</a></dt>
            <dd>Analyse zone memory usage.</dd>
102
          </div>
103 104
        </dl>
        <dl class="grid-container grid-2">
105
          <div class="card">
106 107
            <dt><a href="https://v8.dev/tools/versions">Other V8 Versions</a></dt>
            <dd>Archived versions of V8 tools</dd>
108
          </div>
109
          <div class="card">
110
            <dt><a href="https://v8.dev">V8.Dev</a></dt>
111
            <dd>The main V8 website.</dd>
112
          </div>
113
        </dl>
114 115 116 117
      </div>
    </div>
  </body>
</html>