Update screenshot

Add README
2024-04-02 20:51:54 -04:00 · 2024-02-27 03:40:39 -05:00 · 2024-02-26 20:33:51 -05:00 · 2024-02-26 20:28:43 -05:00
4 changed files with 17 additions and 5 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,12 @@
+# Pixel Perfect
+
+- Displays current browser window size (width x height) in pixels.
+- Values will live update when browser window is resized.
+
+## Screenshot
+
+![Pixel Perfect in action.](https://forge.haothitran.com/KlazHTT/pixel-perfect/raw/branch/main/assets/screenshot_final.png)
+
+## Acknowledgements
+
+- [Vincent Garreau](https://vincentgarreau.com/en) for [particle.js](https://vincentgarreau.com/particles.js/) - A lightweight JavaScript library for creating particles.
--- a/assets/screenshot_final.png
+++ b/assets/screenshot_final.png
--- a/assets/screenshot_raw.png
+++ b/assets/screenshot_raw.png
--- a/index.html
+++ b/index.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
-    <meta charset="utf-8" />
-    <meta name="viewpoint" content="weidth=device-width, intial-scale=1.0" />
+    <meta charset="utf-8">
+    <meta name="viewpoint" content="width=device-width, intial-scale=1.0">

    <title>Pixel Perfect -- What is my browser size?</title>

-    <meta name="description" content="What is my browser size?" />
+    <meta name="description" content="What is my browser size?">

-    <link rel="stylesheet" href="assets/style.css" />
-    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
+    <link rel="stylesheet" href="assets/style.css">
+    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
  </head>

  <body>
Author	SHA1	Message	Date
KlazHTT	0a94932185	Update screenshot	2024-04-02 20:51:54 -04:00
KlazHTT	6de10ffeb3	Update screenshot	2024-02-27 03:40:39 -05:00
KlazHTT	59bbe8820c	Add README	2024-02-26 20:33:51 -05:00
KlazHTT	101c9310d7	Fix typos	2024-02-26 20:28:43 -05:00