[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}
This commit is contained in:
parent
e6f11a460e
commit
907270528c
@ -44,15 +44,21 @@ a:hover, a:active {
|
||||
}
|
||||
.card {
|
||||
text-align: center;
|
||||
padding: 10px 50px 10px 50px ;
|
||||
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%;
|
||||
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>
|
||||
@ -61,48 +67,48 @@ a:hover, a:active {
|
||||
<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>
|
||||
<dt><a href="./callstats.html">Callstats</a></dt>
|
||||
<dd>Visualize and compare runtime call stats.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="./heap-stats/index.html">Heap Stats</a>
|
||||
<p>Visualize heap memory usage.</p>
|
||||
<dt><a href="./heap-stats/index.html">Heap Stats</a></dt>
|
||||
<dd>Visualize heap memory usage.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="./ic-explorer.html">IC Explorer</a>
|
||||
<p>Analyse inline caches.</p>
|
||||
<dt><a href="./ic-explorer.html">IC Explorer</a></dt>
|
||||
<dd>Analyse inline caches.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="./map-processor.html">Map Processor</a>
|
||||
<p>Analyse Maps and their transition trees.</p>
|
||||
<dt><a href="./map-processor.html">Map Processor</a></dt>
|
||||
<dd>Analyse Maps and their transition trees.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="./parse-processor.html">Parse Processor</a>
|
||||
<p>Analyse parse, compile and first-execution.</p>
|
||||
<dt><a href="./parse-processor.html">Parse Processor</a></dt>
|
||||
<dd>Analyse parse, compile and first-execution.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="./profview/index.html">Profview</a>
|
||||
<p>Fancy sampling profile viewer.</p>
|
||||
<dt><a href="./profview/index.html">Profview</a></dt>
|
||||
<dd>Fancy sampling profile viewer.</dd>
|
||||
</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>
|
||||
<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">
|
||||
<a href="./tick-processor.html">Tick Processor</a>
|
||||
<p>Simple sampling profile viewer.</p>
|
||||
<dt><a href="./tick-processor.html">Tick Processor</a></dt>
|
||||
<dd>Simple sampling profile viewer.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="./turbolizer/index.html">TurboFan</a>
|
||||
<p>Visualise the sea of nodes graph generated by TurboFan.</p>
|
||||
<dt><a href="./turbolizer/index.html">Turbolizer</a></dt>
|
||||
<dd>Visualise the sea of nodes graph generated by TurboFan.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="./zone-stats/index.html">Zone Stats</a>
|
||||
<p>Analyse zone memory usage.</p>
|
||||
<dt><a href="./zone-stats/index.html">Zone Stats</a></dt>
|
||||
<dd>Analyse zone memory usage.</dd>
|
||||
</div>
|
||||
<div class="card">
|
||||
<a href="https://v8.dev">V8.Dev</a>
|
||||
<p>Check out the V8 website for more information.</p>
|
||||
<dt><a href="https://v8.dev">V8.Dev</a></dt>
|
||||
<dd>Check out the V8 website for more information.</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user