Skip to content

V
V8
Commit 77c83f67 authored by Camillo Bruni's avatar Camillo Bruni Committed by V8 LUCI CQ
Browse files
Options

[tools] Use v8.dev CSS on tools landing page 

- Adopt v8.dev page structure and styling
- Use v8.dev-style navigation tabs

Change-Id: I036be991af57939ea260ab236ddb61875fda86db
No-Presubmit: true
No-Tree-Checks: true
No-Try: true
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/3856261
Auto-Submit: Camillo Bruni <cbruni@chromium.org>
Reviewed-by: 's avatarVictor Gomes <victorgomes@chromium.org>
Commit-Queue: Victor Gomes <victorgomes@chromium.org>
Cr-Commit-Position: refs/heads/main@{#82772}
parent 8a56da44
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 85 deletions
tools/index.html
View file @ 77c83f67
......@@ -2,45 +2,22 @@
<!-- 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">
<html lang="en" class="js dark">
<head>
<!-- This will be overwritten by the v8.dev/tools exporter -->
<!-- This will be overwritten by the v8.dev/tools exporter -->
<!-- ANALYTICS_PLACEHOLDER -->
<meta charset="UTF-8">
<title>V8 Tools Landing Page</title>
<meta charset="UTF-8">
<title>V8 Tools Landing Page</title>
<link href="//v8.dev/_css/main.css" rel="stylesheet">
<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;
border-radius: 2px;
}
a:hover, a:active {
background-color: white;
color:black;
.title {
padding-left: 4em;
line-height: 3em;
}
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
padding: auto;
background-color: #000000;
grid-gap: 15px;
}
.grid-2{
......@@ -48,70 +25,73 @@ a:hover, a:active {
}
.card {
text-align: center;
padding: 10px 50px 10px 50px ;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
padding: 10px;
background-color: #121212;
width: auto;
border-radius: 10px;
border-radius: 2px;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
dd, dt {
padding: 10px 10px 10px 10px;
padding: 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="./heap-layout/index.html">Heap Layout</a></dt>
<dd>Visualize heap memory layout.</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="./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>
</dl>
<dl class="grid-container grid-2">
<div class="card">
<dt><a href="https://v8.dev/tools/versions">Other V8 Versions</a></dt>
<dd>Archived versions of V8 tools</dd>
</div>
<div class="card">
<dt><a href="https://v8.dev">V8.Dev</a></dt>
<dd>The main V8 website.</dd>
</div>
</dl>
<body>
<header id=header>
<h1>
<a class=v8 href="https://v8.dev">V8</a>
</h1>
<nav>
<ul>
<li class=current><a href="">Tools</a></li>
<li><a href="https:/v8.dev/tools/versions">Tools Versions</a></li>
<li><a href="https://v8.dev">Main Page</a></li>
</ul>
</nav>
</header>
<main id=main>
<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="./heap-layout/index.html">Heap Layout</a></dt>
<dd>Visualize heap memory layout.</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="./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>
</body>
</dl>
</main>
<footer id=footer>
<p>
The sources of this page live on <a href="https://github.com/v8/tools">github</a>.
</p>
</footer>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment