Compare commits

..

4 Commits

Author SHA1 Message Date
0a94932185 Update screenshot 2024-04-02 20:51:54 -04:00
6de10ffeb3 Update screenshot 2024-02-27 03:40:39 -05:00
59bbe8820c Add README 2024-02-26 20:33:51 -05:00
101c9310d7 Fix typos 2024-02-26 20:28:43 -05:00
4 changed files with 17 additions and 5 deletions

12
README.md Normal file
View File

@@ -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.

BIN
assets/screenshot_final.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

View File

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 97 KiB

View File

@@ -1,15 +1,15 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8">
<meta name="viewpoint" content="weidth=device-width, intial-scale=1.0" /> <meta name="viewpoint" content="width=device-width, intial-scale=1.0">
<title>Pixel Perfect -- What is my browser size?</title> <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="stylesheet" href="assets/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
</head> </head>
<body> <body>