Add some files for a Content Security Policy blog post
authordbates@webkit.org <dbates@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 5 Aug 2016 02:09:14 +0000 (02:09 +0000)
committerdbates@webkit.org <dbates@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 5 Aug 2016 02:09:14 +0000 (02:09 +0000)
* blog-files/content-security-policy/compass-base.css: Added.
(.compass):
* blog-files/content-security-policy/csp-style-hash.html: Added.
* blog-files/content-security-policy/icons.svg: Added; derived from file
Websites/webkit.org/wp-content/themes/webkit/images/icons.svg. I am explicitly
not referencing file Websites/webkit.org/wp-content/themes/webkit/images/icons.svg
so that csp-style-hash.html is not affected by changes to this file.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@204158 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/blog-files/content-security-policy/compass-base.css [new file with mode: 0644]
Websites/webkit.org/blog-files/content-security-policy/csp-style-hash.html [new file with mode: 0644]
Websites/webkit.org/blog-files/content-security-policy/icons.svg [new file with mode: 0644]

index dbdcf12..2713051 100644 (file)
@@ -1,3 +1,15 @@
+2016-08-04  Daniel Bates  <dabates@apple.com>
+
+        Add some files for a Content Security Policy blog post
+
+        * blog-files/content-security-policy/compass-base.css: Added.
+        (.compass):
+        * blog-files/content-security-policy/csp-style-hash.html: Added.
+        * blog-files/content-security-policy/icons.svg: Added; derived from file
+        Websites/webkit.org/wp-content/themes/webkit/images/icons.svg. I am explicitly
+        not referencing file Websites/webkit.org/wp-content/themes/webkit/images/icons.svg
+        so that csp-style-hash.html is not affected by changes to this file.
+
 2016-07-24  Filip Pizlo  <fpizlo@apple.com>
 
         B3 should support multiple entrypoints
diff --git a/Websites/webkit.org/blog-files/content-security-policy/compass-base.css b/Websites/webkit.org/blog-files/content-security-policy/compass-base.css
new file mode 100644 (file)
index 0000000..6d1251d
--- /dev/null
@@ -0,0 +1,9 @@
+.compass {
+    --icon-length: 48px;
+    --scaled-icon-length: calc(6 * var(--icon-length));
+    height: var(--scaled-icon-length);
+    width: var(--scaled-icon-length);
+    background-color: blue;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
diff --git a/Websites/webkit.org/blog-files/content-security-policy/csp-style-hash.html b/Websites/webkit.org/blog-files/content-security-policy/csp-style-hash.html
new file mode 100644 (file)
index 0000000..27cc99b
--- /dev/null
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Security-Policy" content="style-src 'self' 'sha256-G0CufoWPLTm5OhVU1OioVsF0ge/f2hWhXLJHu3QH0bQ='; img-src 'self'; default-src 'none'">
+<link rel="stylesheet" href="compass-base.css">
+<style>
+.compass {
+    background-image: url("icons.svg");
+}
+</style>
+</head>
+<body>
+<div class="compass"></div>
+</body>
+</html>
diff --git a/Websites/webkit.org/blog-files/content-security-policy/icons.svg b/Websites/webkit.org/blog-files/content-security-policy/icons.svg
new file mode 100644 (file)
index 0000000..e8c6b2e
--- /dev/null
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright © 2015 Apple Inc. All rights reserved. -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="48"
+    height="528">
+    <style>
+        svg,symbol { color: white; }
+    </style>
+    <defs>
+        <symbol id="compass">
+            <path d="M 24 45.7600002 L 24 45.7600002 C 36.0177159 45.7600002 45.7599999 36.0177161 45.7599999 24.0000001 C 45.7599999 11.9822838 36.0177159 2.24000001 24 2.24000001 C 11.9822838 2.24000001 2.23999999 11.9822838 2.23999999 24.0000001 C 2.23999999 36.0177161 11.9822838 45.7600002 24 45.7600002 L 24 45.7600002 L 24 45.7600002 L 24 45.7600002 Z M 24 48 L 24 48 C 10.745166 48 8.52651283e-14 37.254834 8.52651283e-14 24.0000001 C 8.52651283e-14 10.745166 10.745166 0 24 0 C 37.254834 0 48 10.745166 48 24.0000001 C 48 37.254834 37.254834 48 24 48 L 24 48 L 24 48 L 24 48 Z" fill="currentColor"/>
+            <path d="M 19.2141787 30.7527044 C 20.0566026 31.3582067 21.0164459 31.8087988 22.052466 32.0629879 L 24.0150243 38.3621108 L 25.9644157 32.0671275 C 28.9532689 31.3397602 31.304042 28.97474 32.0270276 25.9677724 L 38.2840894 24.0065666 L 32.38318 22.1457238 L 30.1049072 24.2136546 C 29.9995478 27.5073249 27.2907334 30.1510903 24.0134391 30.1359337 C 23.1661809 30.1431339 22.3840431 29.959524 21.6645278 29.6641888 L 19.2141787 30.7527044 L 19.2141787 30.7527044 L 19.2141787 30.7527044 Z M 28.8019182 17.2563866 C 27.4120183 16.2548466 25.9438825 15.9331447 25.9438825 15.9331447 L 23.9849759 9.63788916 L 22.0355845 15.9328727 C 19.0467312 16.6602398 16.695958 19.0252601 15.9729726 22.0322277 L 9.71591065 23.9934336 C 9.71591065 23.9934336 13.7573684 25.2679011 15.7780972 25.9051349 L 17.8923556 23.9486543 C 17.9116726 20.5783691 20.6200789 17.8803136 23.9912031 17.8674375 C 24.8266313 17.8130168 26.1806153 18.2277657 26.3381938 18.3358993 C 26.3381937 18.3358993 28.8019182 17.2563866 28.8019182 17.2563866 L 28.8019182 17.2563866 L 28.8019182 17.2563866 Z" fill="currentColor"/>
+            <path d="M 22.4528571 21.5612813 L 10.1267612 32.8610634 L 25.4820204 26.3285511 L 37.8732388 15.1389366 L 22.4528571 21.5612813 L 22.4528571 21.5612813 L 22.4528571 21.5612813 Z" fill="currentColor"/>
+        </symbol>
+    </defs>
+    <use y="0" xlink:href="#compass"/>
+</svg>