diff --git a/Resolutions.html b/Resolutions.html
index e746903..f8b6592 100644
--- a/Resolutions.html
+++ b/Resolutions.html
@@ -22,107 +22,8 @@
         <svg width="100%" viewBox="-2 -2 4000 4000" id="output">
 
 
-            <circle cx="1920" cy="1440" r="640" fill="url('#myGradient')" />
-            <text x="0" y="0" dominant-baseline="center" font-size="60%" transform-origin="top left" transform="translate(1922 1442) rotate(-35)" fill="#007700" text-anchor="middle">Jesse's Ideal Zone</text>
-
-
-            <line x1="640" y1="0" x2="640" y2="200000" stroke="#88ff0033" stroke-width="10" />
-            <line x1="1280" y1="0" x2="1280" y2="200000" stroke="#88ff0033" stroke-width="10" />
-            <line x1="1920" y1="0" x2="1920" y2="200000" stroke="#88ff0033" stroke-width="10" />
-            <line x1="2560" y1="0" x2="2560" y2="200000" stroke="#88ff0033" stroke-width="10" />
-            <line x1="3200" y1="0" x2="3200" y2="200000" stroke="#88ff0033" stroke-width="10" />
-            <line x1="3840" y1="0" x2="3840" y2="200000" stroke="#88ff0033" stroke-width="10" />
-
-
-            <line x1="0" y1="0" x2="200000" y2="0" stroke="#88ff0033" stroke-width="10" />
-            <line x1="0" y1="360" x2="200000" y2="360" stroke="#88ff0033" stroke-width="10" />
-            <line x1="0" y1="720" x2="200000" y2="720" stroke="#88ff0033" stroke-width="10" />
-            <line x1="0" y1="1080" x2="200000" y2="1080" stroke="#88ff0033" stroke-width="10" />
-            <line x1="0" y1="1440" x2="200000" y2="1440" stroke="#88ff0033" stroke-width="10" />
-            <line x1="0" y1="1800" x2="200000" y2="1800" stroke="#88ff0033" stroke-width="10" />
-
-
           
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<!-- 
-
-            <svg x="2560" y="360" width="640" height="360" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
-                <text x="50%" y="100%" dominant-baseline="auto" font-size="100%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">640x360</text>
-            </svg>
-            <svg x="2640" y="480" width="80" height="120" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-                <text x="50%" y="0%" dominant-baseline="auto" font-size="100%" transform="translate(0 -11)" fill="#999" text-anchor="middle">80x120</text>
-            </svg>
-            <svg x="0" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="240" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="480" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="720" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="960" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="1200" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="1440" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="1680" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-                <text x="50%" y="100%" dominant-baseline="auto" font-size="90%" transform="translate(0 -11)" fill="#999" text-anchor="middle">240x240</text>
-            </svg>
-            <svg x="1920" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="2160" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="2400" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="2640" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="2880" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="3120" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="3360" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="3600" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg>
-            <svg x="3840" y="1680" width="240" height="240" overflow="visible">
-                <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />
-            </svg> -->
-
-
         </svg>
     </div>
     <script>
@@ -152,103 +53,126 @@
 
         
 
-        outText += `<line x1="0" y1="0" x2="200000" y2="0" stroke="#9f9" />`;
-        outText += `<line x1="0" y1="360" x2="200000" y2="360" stroke="#9f9" />`;
-        outText += `<line x1="0" y1="720" x2="200000" y2="720" stroke="#9f9" />`;
-        outText += `<line x1="0" y1="1080" x2="200000" y2="1080" stroke="#9f9" />`;
-        outText += `<line x1="0" y1="1440" x2="200000" y2="1440" stroke="#9f9" />`;
-        outText += `<line x1="0" y1="1800" x2="200000" y2="1800" stroke="#9f9" />`;
+        
         outText += `<line x1="0" y1="0" x2="16000" y2="9000" stroke="#204A87" />`;
         outText += `<line x1="0" y1="0" x2="16000" y2="10000" stroke="#5C3566" />`;
         outText += `<line x1="0" y1="0" x2="4000" y2="3000" stroke="#EF2929" />`;
         outText += `<line x1="0" y1="0" x2="5000" y2="4000" stroke="#C4A000" />`;
         outText += `<line x1="0" y1="0" x2="16000" y2="16000" stroke="#999" /> `;
 
-        outText += `<svg x="0" y="0" width="2560" height="1080" overflow="visible">`;
+
+        var width = 2560;
+        var height = 1080;
+
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#B03060" stroke-width="1" />`;
-        outText += `    <text x="92%" y="100%" dominant-baseline="auto" font-size="60%" transform="translate(0 -11)" fill="#B03060" text-anchor="middle">Ultrawide 2560x1080</text>`;
+        outText += `    <text x="92%" y="100%" dominant-baseline="auto" font-size="60%" transform="translate(0 -11)" fill="#B03060" text-anchor="middle">Ultrawide ${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1600" height="900" overflow="visible">`;
+
+        width = 1600; height = 900;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">1600x900</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">${width}x${height}</text>`;
         outText += `</svg>`;
 
         
-        outText += `<svg x="0" y="0" width="2560" height="1080" overflow="visible">`;
+
+        width = 960; height = 960;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
+        outText += `    <rect width="100%" height="100%" fill="none" stroke="#999" stroke-width="1" />`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#999" text-anchor="middle">${width}x${height}</text>`;
+        outText += `</svg>`;
+        
+        width = 2560; height = 1080;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#B03060" stroke-width="1" />`;
-        outText += `    <text x="92%" y="100%" dominant-baseline="auto" font-size="60%" transform="translate(0 -11)" fill="#B03060" text-anchor="middle">Ultrawide 2560x1080</text>`;
+        outText += `    <text x="92%" y="100%" dominant-baseline="auto" font-size="60%" transform="translate(0 -11)" fill="#B03060" text-anchor="middle">Ultrawide ${width}x${height}</text>`;
         outText += `</svg>`;
         //outText += `<svg x="0" y="0" width="1136" height="640" overflow="visible">`;
         //outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
         //outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="40%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">iPhone 5 1136x640</text>`;
         //outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1600" height="900" overflow="visible">`;
+        width = 1600; height = 900;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">1600x900</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="640" height="480" overflow="visible">`;
+        width = 640; height = 480;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#EF2929" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="100%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">PS2 640x480</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="100%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">PS2 ${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="320" height="240" overflow="visible">`;
+        width = 320; height = 240;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#EF2929" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="70%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">PS1 320x240</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="70%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">PS1 ${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="800" height="600" overflow="visible">`;
+        width = 800; height = 600;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#EF2929" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="80%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">800x600</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" font-size="80%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1024" height="768" overflow="visible">`;
+        width = 1024; height = 768;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#EF2929" stroke-width="1" />`;
-        outText += `    <text x="60%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">1024x768</text>`;
+        outText += `    <text x="60%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#EF2929" text-anchor="middle">${width}x${height}</text>`;
         outText += `</svg>`;
         //outText += `<svg x="0" y="0" width="1366" height="768" overflow="visible">`;
         //outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
         //outText += `    <text x="88%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">Netbook 1366x768</text>`;
         //outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1280" height="1024" overflow="visible">`;
+        width = 1280; height = 1024;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#C4A000" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#C4A000" text-anchor="middle">1280x1024</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#C4A000" text-anchor="middle">${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="480" height="272" overflow="visible">`;
+        width = 480; height = 272;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="80%" y="100%" dominant-baseline="auto" font-size="40%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">PSP 480x272</text>`;
+        outText += `    <text x="80%" y="100%" dominant-baseline="auto" font-size="40%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">PSP ${width}x${height}</text>`;
         outText += `</svg>`;
         //outText += `<svg x="0" y="0" width="1536" height="864" overflow="visible">`;
         //outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
         //outText += `    <text x="53%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">HD 1920x1080, with 1.25 display scaling to effectivly 1536x864</text>`;
         //outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1920" height="1080" overflow="visible">`;
+        width = 1920; height = 1080;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="93%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">HD 1920x1080</text>`;
+        outText += `    <text x="93%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">HD ${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1080" height="1920" overflow="visible">`;
+        width = 1080; height = 1920;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="70%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">Sideways HD 1080x1920</text>`;
+        outText += `    <text x="70%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">Sideways HD ${width}x${height}</text>`;
         outText += `</svg>`;
         //outText += `<svg x="0" y="0" width="2208" height="1242" overflow="visible">`;
         //outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
         //outText += `    <text x="93%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">iPhone 6s Plus internal resolution 2208x1242</text>`;
         //outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1280" height="720" overflow="visible">`;
+        width = 1280; height = 720;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="91%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">1280x720</text>`;
+        outText += `    <text x="91%" y="100%" dominant-baseline="auto" font-size="50%" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="2560" height="1440" overflow="visible">`;
+        width = 2560; height = 1440;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">QHD 2560x1440</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">QHD ${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="1440" height="2560" overflow="visible">`;
+        width = 1440; height = 2560;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">Sideways QHD 1440x2560</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">Sideways QHD ${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="3840" height="2160" overflow="visible">`;
+        width = 3840; height = 2160;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="90%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">4k 3840x2160</text>`;
+        outText += `    <text x="90%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">4k ${width}x${height}</text>`;
         outText += `</svg>`;
-        outText += `<svg x="0" y="0" width="2160" height="3840" overflow="visible">`;
+        width = 2160; height = 3840;
+        outText += `<svg x="0" y="0" width="${width}" height="${height}" overflow="visible">`;
         outText += `    <rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />`;
-        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">Sideways 4k 2160x3840</text>`;
+        outText += `    <text x="50%" y="100%" dominant-baseline="auto" transform="translate(0 -11)" fill="#204A87" text-anchor="middle">Sideways 4k ${width}x${height}</text>`;
         outText += `</svg>`;
         //outText += `<svg x="0" y="0" width="1920" height="1200" overflow="visible">`;
         //outText += `    <rect width="100%" height="100%" fill="none" stroke="#5C3566" stroke-width="1" />`;