Title: [221840] trunk/Websites/browserbench.org
- Revision
- 221840
- Author
- [email protected]
- Date
- 2017-09-10 16:34:16 -0700 (Sun, 10 Sep 2017)
Log Message
Minor design changes for browserbench.org landing page
https://bugs.webkit.org/show_bug.cgi?id=176612
Reviewed by Darin Adler.
* index.html:
* resources/main.css: Shrink the logos and arrange them into a grid.
(main):
(.benchmarks):
(.benchmarks a):
(.benchmark):
(.benchmark:hover):
(.benchmark img):
(#ares-6-logo): Deleted.
(#motionmark-logo): Deleted.
(#speedometer-logo): Deleted.
(#jetstream-logo): Deleted.
Modified Paths
Diff
Modified: trunk/Websites/browserbench.org/ChangeLog (221839 => 221840)
--- trunk/Websites/browserbench.org/ChangeLog 2017-09-10 22:56:58 UTC (rev 221839)
+++ trunk/Websites/browserbench.org/ChangeLog 2017-09-10 23:34:16 UTC (rev 221840)
@@ -1,3 +1,23 @@
+2017-09-10 Jon Davis <[email protected]>
+
+ Minor design changes for browserbench.org landing page
+ https://bugs.webkit.org/show_bug.cgi?id=176612
+
+ Reviewed by Darin Adler.
+
+ * index.html:
+ * resources/main.css: Shrink the logos and arrange them into a grid.
+ (main):
+ (.benchmarks):
+ (.benchmarks a):
+ (.benchmark):
+ (.benchmark:hover):
+ (.benchmark img):
+ (#ares-6-logo): Deleted.
+ (#motionmark-logo): Deleted.
+ (#speedometer-logo): Deleted.
+ (#jetstream-logo): Deleted.
+
2017-08-23 Ryosuke Niwa <[email protected]>
Build fix. Copy the missing statistics.js for Speedometer 2.0.
Modified: trunk/Websites/browserbench.org/index.html (221839 => 221840)
--- trunk/Websites/browserbench.org/index.html 2017-09-10 22:56:58 UTC (rev 221839)
+++ trunk/Websites/browserbench.org/index.html 2017-09-10 23:34:16 UTC (rev 221840)
@@ -39,6 +39,8 @@
<hr>
+<section class="benchmarks">
+
<a class="benchmark" href="" tabindex="0">
<img id="ares-6-logo" srcset="resources/ARES-6-Logo.png 1x, resources/[email protected] 2x" alt="ARES-6">
<p>ARES-6 is a benchmark designed to test ECMAScript 6 applications.</p>
@@ -60,7 +62,7 @@
srcset="resources/JetStream-Logo.png 1x, resources/[email protected] 2x" alt="JetStream">
<p>JetStream is a _javascript_ benchmark suite focused on the most advanced web applications.</p>
</a>
-
+</section>
</main>
</body>
</html>
Modified: trunk/Websites/browserbench.org/resources/main.css (221839 => 221840)
--- trunk/Websites/browserbench.org/resources/main.css 2017-09-10 22:56:58 UTC (rev 221839)
+++ trunk/Websites/browserbench.org/resources/main.css 2017-09-10 23:34:16 UTC (rev 221840)
@@ -16,12 +16,24 @@
}
main {
- width: 800px;
+ max-width: 800px;
margin: auto;
text-align: center;
padding: 10px;
}
+.benchmarks {
+ display: flex;
+ width: 100%;
+ flex-wrap: wrap;
+}
+
+.benchmarks a {
+ display: block;
+ flex: 1;
+ width: 370px;
+}
+
#logo {
font-family: "Gill Sans", sans-serif;
margin-top: 60px;
@@ -61,12 +73,12 @@
.benchmark {
display: block;
text-decoration: none;
- margin-top: 40px;
+ margin-top: 20px;
padding: 30px 0 10px 0;
- border-radius: 20px;
cursor: pointer;
outline: none;
border: 4px solid transparent;
+ transition: background-color 0.3s ease-out, transform 0.25s ease-in;
}
.benchmark:focus {
@@ -86,6 +98,7 @@
.benchmark:hover {
background-color: rgb(200, 0, 0);
+ transform: scale(1.05);
}
.benchmark:hover * {
@@ -92,23 +105,7 @@
color: white !important;
}
-#ares-6-logo {
- width: 625px;
- height: 137px;
-}
-
-#motionmark-logo {
- width: 625px;
- height: 154px;
-}
-
-#speedometer-logo {
- width: 625px;
- height: 116px;
-}
-
-#jetstream-logo {
- width: 621px;
- height: 96px;
-}
-
+.benchmark img {
+ max-width: 300px;
+ height: auto;
+}
\ No newline at end of file
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
