even better twitter card no touch delay

aliceisjustplaying · Sep 7, 2021 · 6600f5e · 6600f5e
1 parent 8b15a37
commit 6600f5e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/bottom_white_bg.png b/bottom_white_bg.png
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="🥺" />
     <meta name="twitter:description" content="performative and memeable" />
-    <meta name="twitter:image" content="https://iveble.art/bottom.png" />
+    <meta name="twitter:image" content="https://iveble.art/bottom_white_bg.png" />
   </head>
   <body>
     <div id="container">

diff --git a/main.css b/main.css
@@ -21,7 +21,7 @@ body {
 #content {
   font-size: 5rem;
   font-weight: bold;
-  padding: 10vw 3vw 10vw 3vw;
+  padding: 5vw 3vw 5vw 3vw;
   text-align: center;
   flex: 1 1 1px;
 }
@@ -85,6 +85,7 @@ a.button {
   text-align: center;
   transition: all 0.15s;
   cursor: pointer;
+  touch-action: manipulation;
 }
 
 #footer {
@@ -97,13 +98,14 @@ a.button {
 @media only screen and (max-device-width: 428px) and (-webkit-min-device-pixel-ratio: 2) {
   #content {
     font-size: 10vw;
+    padding: 10vw 3vw 10vw 3vw;
   }
 
   a.button {
     font-size: 2rem;
   }
   #footer {
-    font-size: 1.6rem;
+    font-size: 2rem;
   }
 
   /* twitter button */