From 6ddfda80e0442869692e620fd6f8051ac0c5a8ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?U=C4=9Fur=20Eren?= <contact@ugureren.net>
Date: Mon, 29 Jul 2024 18:54:25 +0300
Subject: [PATCH] feat: Twitter Slinks (#270)

This PR adds support for twitter slinks



![resim](https://github.com/user-attachments/assets/c630bfb3-7806-4697-a812-915cd17ae223)
---
 packages/frontend/public/index.html           | 26 ++++++++++++-------
 packages/frontend/src/theme/css/global.css.ts |  5 +++-
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/packages/frontend/public/index.html b/packages/frontend/public/index.html
index aa69fde8..b144d920 100644
--- a/packages/frontend/public/index.html
+++ b/packages/frontend/public/index.html
@@ -22,13 +22,19 @@
     <meta name="twitter:description" content="A framework for building safer memecoins." />
     <meta name="twitter:image" content="https://unruggable.meme/images/social-hero.png" />
 
-    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/favicon/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon/favicon-16x16.png">
-    <link rel="manifest" href="%PUBLIC_URL%/favicon/site.webmanifest">
-    <link rel="mask-icon" href="%PUBLIC_URL%/favicon/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#00aba9">
-    <meta name="theme-color" content="#ffffff">
+    <!-- Twitter Slink -->
+    <meta name="twitter:player" content="https://unruggable.meme/deploy" />
+    <meta name="twitter:player:stream" content="https://unruggable.meme/deploy" />
+    <meta name="twitter:player:width" content="600" />
+    <meta name="twitter:player:height" content="600" />
+
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/favicon/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon/favicon-16x16.png" />
+    <link rel="manifest" href="%PUBLIC_URL%/favicon/site.webmanifest" />
+    <link rel="mask-icon" href="%PUBLIC_URL%/favicon/safari-pinned-tab.svg" color="#5bbad5" />
+    <meta name="msapplication-TileColor" content="#00aba9" />
+    <meta name="theme-color" content="#ffffff" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#ff007a" />
@@ -38,11 +44,11 @@
     <script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js" crossorigin></script>
 
     <!-- Inter font -->
-    <link rel="preconnect" href="https://rsms.me/">
-    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+    <link rel="preconnect" href="https://rsms.me/" />
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
 
     <title>Unruggable interface</title>
-    
+
     <style>
       @supports (font-variation-settings: normal) {
         * {
diff --git a/packages/frontend/src/theme/css/global.css.ts b/packages/frontend/src/theme/css/global.css.ts
index ea108811..c90df308 100644
--- a/packages/frontend/src/theme/css/global.css.ts
+++ b/packages/frontend/src/theme/css/global.css.ts
@@ -10,6 +10,7 @@ globalStyle('*', {
 globalStyle('html, body', {
   margin: 0,
   padding: 0,
+  overflow: 'hidden',
 })
 
 globalStyle('html', {
@@ -23,12 +24,14 @@ globalStyle('html', {
 })
 
 globalStyle('html, body, #root', {
-  minHeight: '100%',
+  height: '100%',
 })
 
 globalStyle('#root', {
   position: 'relative',
   width: '100%',
+  minHeight: '100%',
+  overflow: 'auto',
 })
 
 globalStyle('html', {