[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:
Zeynep Cankara 2020-07-10 11:30:11 +01:00 committed by Commit Bot
parent e6f11a460e
commit 907270528c

View File

@ -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>