]> git.ardis.lu - cloudflare-workers/commitdiff
Add example for style worker
authorArdis Lu <ardisglu@gmail.com>
Sun, 31 Mar 2024 20:26:09 +0000 (13:26 -0700)
committerArdis Lu <ardisglu@gmail.com>
Sun, 31 Mar 2024 20:26:09 +0000 (13:26 -0700)
.github/style-after.png [new file with mode: 0644]
.github/style-before.png [new file with mode: 0644]
README.md

diff --git a/.github/style-after.png b/.github/style-after.png
new file mode 100644 (file)
index 0000000..6e2e2b3
Binary files /dev/null and b/.github/style-after.png differ
diff --git a/.github/style-before.png b/.github/style-before.png
new file mode 100644 (file)
index 0000000..b0621d2
Binary files /dev/null and b/.github/style-before.png differ
index b154115f02fb9aaeb8f56d05f310ffa5f322841e..ac0c778d89d0434272cc3c97f05d2e56b7de169d 100644 (file)
--- a/README.md
+++ b/README.md
@@ -104,6 +104,12 @@ no styling.
 https://x.y.workers.dev?https://site-with-no-styles.example.com
 ```
 
+Before (https://www.cs.virginia.edu/~robins/YouAndYourResearch.html):
+<img alt="An unstyled page. The body text stretches the entire width of the screen, making it hard to read." src="./.github/style-before.png">
+
+After (https://x.y.workers.dev?https://www.cs.virginia.edu/~robins/YouAndYourResearch.html):
+<img alt="A styled version of the previous page. The body text is centered with a max width of about 700px, making a much easier reading experience." src="./.github/style-after.png">
+
 ## buttcoin
 
 Returns a page where all instances of the word "bitcoin" are replaced with
This page took 0.042009 seconds and 4 git commands to generate.