Move green filter in line.

2020-06-08 19:21:53 -07:00 · 2020-06-08 19:21:53 -07:00 · c7d4f579a7
parent 849067dbdb
commit c7d4f579a7
4 changed files with 25 additions and 12 deletions
--- a/apple2js.html
+++ b/apple2js.html
@ -400,6 +400,18 @@
    </div>
  </div>

+  <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg">
+    <filter id="green">
+      <feColorMatrix
+        type="matrix"
+        values="0.0 0.0 0.0 0.0 0
+                0.0 1.0 0.0 0.0 0
+                0.0 0.0 0.5 0.0 0
+                0.0 0.0 0.0 1.0 0"
+      />
+      </filter>
+  </svg>
+
  <script src="dist/main2.js"></script>
 </body>
 </html>
--- a/apple2jse.html
+++ b/apple2jse.html
@ -378,6 +378,18 @@
    </div>
  </div>

+  <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg">
+    <filter id="green">
+      <feColorMatrix
+        type="matrix"
+        values="0.0 0.0 0.0 0.0 0
+                0.0 1.0 0.0 0.0 0
+                0.0 0.0 0.5 0.0 0
+                0.0 0.0 0.0 1.0 0"
+      />
+      </filter>
+  </svg>
+
  <script src="dist/main2e.js"></script>
 </body>
 </html>
--- a/css/apple2.css
+++ b/css/apple2.css
@ -190,7 +190,7 @@ canvas {
 }

 .green {
-    filter: url('filters.svg#green');
+    filter: url('#green');
 }

 .scanlines:after {
--- a/css/filters.svg
+++ b/css/filters.svg
@ -1,11 +0,0 @@
-<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
-    <filter id="green">
-        <feColorMatrix
-            type="matrix"
-            values="0.0 0.0 0.0 0.0 0
-                    0.0 1.0 0.0 0.0 0
-                    0.0 0.0 0.5 0.0 0
-                    0.0 0.0 0.0 1.0 0"
-        />
-    </filter>
-</svg>