scripts/template/index.html

0001 <!DOCTYPE html>
0002 <html>
0003 <head>
0004     <meta charset="UTF-8">
0005     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
0006     <meta http-equiv="Pragma" content="no-cache" />
0007     <meta http-equiv="Expires" content="0" />
0008     <title>SVG Viewer</title>
0009     <link rel="stylesheet" type="text/css" href="styles.css">
0010 </head>
0011 <body>
0012     <div class="app">
0013         <h1>Select SVGs</h1>
0014         <div id="formContainer" class="svg-form">
0015             <!-- The checkboxes will be added here -->
0016         </div>
0017
0018         <div id="result-div" class="result-div" onmouseover="document.body.style.overflow='hidden';"  onmouseout="document.body.style.overflow='auto';">
0019             <svg id="result-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-500 -500 1000 1000">
0020
0021             </svg>
0022         </div>
0023         <br>
0024         <div class="tooltip">&#9432;
0025             <span>Click and drag to move around. Use the mouse wheel to zoom.</span>
0026         </div>
0027
0028     </div>
0029
0030
0031
0032     <script src="script.js"></script>
0033 </body>
0034 </html>