Title: [202457] trunk/Websites/webkit.org/blog-files/color-gamut
- Revision
- 202457
- Author
- [email protected]
- Date
- 2016-06-24 15:44:10 -0700 (Fri, 24 Jun 2016)
Log Message
More examples for a blog post on color.
* blog-files/color-gamut/Shoes-oog.jpg: Added.
* blog-files/color-gamut/Shoes-sRGB.jpg: Added.
* blog-files/color-gamut/Webkit-logo-P3.png: Added.
* blog-files/color-gamut/Webkit-logo-oog.png: Added.
* blog-files/color-gamut/Webkit-logo-sRGB.png: Added.
* blog-files/color-gamut/index.html:
* blog-files/color-gamut/shoes-AdobeRGB.jpg: Added.
Modified Paths
Added Paths
Diff
Added: trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-AdobeRGB.jpg
(Binary files differ)
--- trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-AdobeRGB.jpg 2016-06-24 22:39:02 UTC (rev 202456)
+++ trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-AdobeRGB.jpg 2016-06-24 22:44:10 UTC (rev 202457)
Property changes on: trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-AdobeRGB.jpg
___________________________________________________________________
Added: svn:mime-type
+image/jpeg
\ No newline at end of property
Added: trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-oog.jpg
(Binary files differ)
--- trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-oog.jpg 2016-06-24 22:39:02 UTC (rev 202456)
+++ trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-oog.jpg 2016-06-24 22:44:10 UTC (rev 202457)
Property changes on: trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-oog.jpg
___________________________________________________________________
Added: svn:mime-type
+image/jpeg
\ No newline at end of property
Added: trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-sRGB.jpg
(Binary files differ)
--- trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-sRGB.jpg 2016-06-24 22:39:02 UTC (rev 202456)
+++ trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-sRGB.jpg 2016-06-24 22:44:10 UTC (rev 202457)
Property changes on: trunk/Websites/webkit.org/blog-files/color-gamut/Shoes-sRGB.jpg
___________________________________________________________________
Added: svn:mime-type
+image/jpeg
\ No newline at end of property
Added: trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-P3.png
(Binary files differ)
--- trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-P3.png 2016-06-24 22:39:02 UTC (rev 202456)
+++ trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-P3.png 2016-06-24 22:44:10 UTC (rev 202457)
Property changes on: trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-P3.png
___________________________________________________________________
Added: svn:mime-type
+image/png
\ No newline at end of property
Added: trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-oog.png
(Binary files differ)
--- trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-oog.png 2016-06-24 22:39:02 UTC (rev 202456)
+++ trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-oog.png 2016-06-24 22:44:10 UTC (rev 202457)
Property changes on: trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-oog.png
___________________________________________________________________
Added: svn:mime-type
+image/png
\ No newline at end of property
Added: trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-sRGB.png
(Binary files differ)
--- trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-sRGB.png 2016-06-24 22:39:02 UTC (rev 202456)
+++ trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-sRGB.png 2016-06-24 22:44:10 UTC (rev 202457)
Property changes on: trunk/Websites/webkit.org/blog-files/color-gamut/Webkit-logo-sRGB.png
___________________________________________________________________
Added: svn:mime-type
+image/png
\ No newline at end of property
Modified: trunk/Websites/webkit.org/blog-files/color-gamut/index.html (202456 => 202457)
--- trunk/Websites/webkit.org/blog-files/color-gamut/index.html 2016-06-24 22:39:02 UTC (rev 202456)
+++ trunk/Websites/webkit.org/blog-files/color-gamut/index.html 2016-06-24 22:44:10 UTC (rev 202457)
@@ -18,6 +18,11 @@
display: block;
}
+ section.shoes > img {
+ width: 600px;
+ height: 400px;
+ }
+
section.flowers > img {
width: 600px;
height: 398px;
@@ -37,6 +42,11 @@
display: block;
}
+ section.shoes > div > div > img {
+ width: 200px;
+ height: 133px;
+ }
+
section.flowers > div > div > img {
width: 200px;
height: 133px;
@@ -66,6 +76,9 @@
case "AdobeRGB":
imageType = "Adobe RGB";
break;
+ case "P3":
+ imageType = "Display P3";
+ break;
case "oog":
imageType = "Out of sRGB Gamut";
break
@@ -84,6 +97,27 @@
</head>
<body>
+ <section class="shoes">
+ <h2>Shoes</h2>
+ <img src="" alt="Bright orange shoes">
+ <p>Currently showing: sRGB</p>
+ <p>Tap/click on one of the images below to replace the main image</p>
+ <div>
+ <div>
+ <img src="" alt="Bright orange shoes in the sRGB color space">
+ <span>sRGB</span>
+ </div>
+ <div>
+ <img src="" alt="Bright orange shoes in the Adobe RGB color space">
+ <span>Adobe RGB</span>
+ </div>
+ <div>
+ <img src="" alt="Bright orange shoes showing which parts are outside of the sRGB gamut">
+ <span>Out of sRGB areas</span>
+ </div>
+ </div>
+ </section>
+
<section class="flowers">
<h2>Flowers</h2>
<img src="" alt="Lots of red flowers">
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
