Add low tech icon generator.

python-websockets · May 23, 2021 · c0750da · c0750da
1 parent 4d2cd03
commit c0750da
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 3 deletions.
diff --git a/logo/github-social-preview.html b/logo/github-social-preview.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
         <title>GitHub social preview</title>
         <style>
@@ -32,7 +32,8 @@
     <body>
         <p>Take a screenshot of this DOM node to make a PNG.</p>
         <p>For 2x DPI screens.</p>
-        <p class="screenshot x2"><img src="vertical.svg"></p>
+        <p class="screenshot x2"><img src="vertical.svg" alt="preview @ 2x"></p>
         <p>For regular screens.</p>
-        <p class="screenshot"><img src="vertical.svg"></p>
+        <p class="screenshot"><img src="vertical.svg" alt="preview"></p>
     </body>
+</html>
diff --git a/logo/icon.html b/logo/icon.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Icon</title>
+        <style>
+            body {
+                font-family: -apple-system;
+                font-size: 24px;
+                font-weight: 100;
+                text-align: center;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Take a screenshot of these DOM nodes to2x make a PNG.</p>
+        <p><img src="icon.svg" height="8" width="8" alt="8x8 / 16x16 @ 2x"></p>
+        <p><img src="icon.svg" height="16" width="16" alt="16x16 / 32x32 @ 2x"></p>
+        <p><img src="icon.svg" height="32" width="32" alt="32x32 / 32x32 @ 2x"></p>
+        <p><img src="icon.svg" height="32" width="32" alt="32x32 / 64x64 @ 2x"></p>
+        <p><img src="icon.svg" height="64" width="64" alt="64x64 / 128x128 @ 2x"></p>
+        <p><img src="icon.svg" height="128" width="128" alt="128x128 / 256x256 @ 2x"></p>
+        <p><img src="icon.svg" height="256" width="256" alt="256x256 / 512x512 @ 2x"></p>
+        <p><img src="icon.svg" height="512" width="512" alt="512x512 / 1024x1024 @ 2x"></p>
+    </body>
+</html>