iOS logo compatability

src/static/css/App.css

@@ -942,8 +942,15 @@ a {
     min-width: 0;
   }
 
+  /* fuckin iOS gotta render gaussian blurs differently so better fuckin uhh make rasters for mobile users */
+  #homeIcon {
+    content: url("../icons/rasterLogo.png");
+  }
+
   .name {
     font-size: min(6vw, 2em);
+    background: url("../icons/rasterLogo.png") 0/5rem no-repeat;
+    background-size: contain;
   }
 
   .mobileV {

src/templates/header.html

@@ -11,7 +11,7 @@
     <meta property="og:type" content="website" />
     <meta
       property="og:image"
-      content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal3.svg') }}"
+      content="https://asimonson.com{{ url_for('static', filename='icons/rasterLogoCircle.png') }}"
     />
     <meta property="og:url" content="{{ var['description'] }}" />
     <meta property="twitter:title" content="Andrew Simonson" />
@@ -20,7 +20,7 @@
     <meta property="og:site_name" content="Andrew Simonson - Portfolio" />
     <meta
       property="twitter:image"
-      content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal3.svg') }}"
+      content="https://asimonson.com{{ url_for('static', filename='icons/rasterLogoCircle.png') }}"
     />
     <meta name="twitter:image:alt" content="some example picture idk" />
     <meta name="twitter:site" content="@asimonson1125" />