Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html19
1 files changed, 4 insertions, 15 deletions
diff --git a/public/index.html b/public/index.html
index 35a3030..d97baee 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,28 +3,17 @@
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
- <title>JavaScript/CSS Pan & Zoom Demo</title>
+ <title>SVG Element Pan & Zoom Demo</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
- <h1>Pan & Zoom an Element with CSS/JavaScript</h1>
+ <h1>Pan & Zoom SVG Element with CSS/JavaScript</h1>
<p>
- Click and drag on the image to pan. Use the mouse wheel
- to zoom in and out.
+ Click and drag the image to pan. Use the mouse wheel to zoom in and out.
</p>
- <p>
- <button>
- <span class="button-text svg">Raster image</span>
- <span class="button-text raster">SVG image</span>
- </button>
- </p>
-
- <div class="container">
- <object type="image/svg+xml" data="assets/images/image.svg"></object>
- <img src="assets/images/41156165560-4438592e93-o.webp"/>
- </div>
+ <object type="image/svg+xml" data="assets/images/image.svg"></object>
<script src="app.js"></script>
</body>
</html>