old/new switch buttons

layouts/header/script.js

@@ -1180,13 +1180,29 @@ setTimeout(async () => {
                 userDataFunction({ detail: u });
             });
         }
+    }, 5000);
+    setTimeout(() => {
         let version = document.getElementById('oldtwitter-version');
         if(version) {
             fetch(`https://raw.githubusercontent.com/dimdenGD/OldTwitter/master/manifest.json?t=${Date.now()}`).then(res => res.json()).then(res => {
                 version.innerText += ` (last version: ${res.version})`;
             });
         }
-    }, 5000);
+        let about = document.getElementById('about');
+        if(about) {
+            let a = document.createElement('a');
+            a.href = location.href.replace('twitter.com', 'mobile.twitter.com');
+            setInterval(() => {
+                a.href = location.href.replace('twitter.com', 'mobile.twitter.com');
+            }, 500);
+            a.innerText = '[Open this page in new Twitter]';
+            a.addEventListener('click', e => {
+                e.stopImmediatePropagation();
+            });
+            a.style.color = 'var(--light-gray)';
+            about.appendChild(a);
+        }
+    }, 500);
     document.addEventListener('updateUserData', userDataFunction);
 
     let root = document.querySelector(":root");

layouts/home/index.html

@@ -95,6 +95,7 @@ <h1>Who to follow</h1><br>
                         <a href="/tos">Terms</a>
                         <a href="/privacy">Privacy</a>
                     </div>
+                    <br>
                 </div>
             </div>
         </div>

layouts/home/style.css

@@ -707,7 +707,7 @@ a:hover,
     color: var(--light-gray);
     font-size: 12px;
     margin-top: 5px;
-    padding: 10px
+    padding: 10px 3px;
 }
 
 .about-links a,

layouts/notifications/index.html

@@ -58,6 +58,7 @@ <h1>Who to follow</h1><br>
                         <a href="/tos">Terms</a>
                         <a href="/privacy">Privacy</a>
                     </div>
+                    <br>
                 </div>
             </div>
         </div>

layouts/notifications/style.css

@@ -680,7 +680,7 @@ a:hover,
     color: var(--light-gray);
     font-size: 12px;
     margin-top: 5px;
-    padding: 10px
+    padding: 10px 3px;
 }
 
 .about-links a,

layouts/profile/index.html

@@ -133,6 +133,7 @@ <h1 style="margin-bottom:5px;">Trends</h1>
                         <a href="/tos">Terms</a>
                         <a href="/privacy">Privacy</a>
                     </div>
+                    <br>
                 </div>
             </div>
         </div>

layouts/profile/style.css

@@ -707,7 +707,7 @@ a:hover,
 
 #about {
     margin-top: 5px;
-    padding: 10px;
+    padding: 10px 3px;
     font-size: 12px;
     color: var(--light-gray)
 }

layouts/search/index.html

@@ -78,6 +78,7 @@ <h1>Who to follow</h1><br>
                         <a href="/tos">Terms</a>
                         <a href="/privacy">Privacy</a>
                     </div>
+                    <br>
                 </div>
             </div>
         </div>

layouts/search/style.css

@@ -712,7 +712,7 @@ a:hover,
     color: var(--light-gray);
     font-size: 12px;
     margin-top: 5px;
-    padding: 10px
+    padding: 10px 3px;
 }
 
 .about-links a,

layouts/settings/index.html

@@ -143,6 +143,7 @@ <h1>Who to follow</h1><br>
                         <a href="/tos">Terms</a>
                         <a href="/privacy">Privacy</a>
                     </div>
+                    <br>
                 </div>
             </div>
         </div>

layouts/settings/style.css

@@ -259,7 +259,7 @@ body {
 }
 #about {
     margin-top: 5px;
-    padding: 10px;
+    padding: 10px 3px;
     font-size: 12px;
     color: var(--light-gray);
 }

layouts/tweet/index.html

@@ -82,6 +82,7 @@ <h1>Who to follow</h1><br>
                         <a href="/tos">Terms</a>
                         <a href="/privacy">Privacy</a>
                     </div>
+                    <br>
                 </div>
             </div>
         </div>

layouts/tweet/style.css

@@ -709,7 +709,7 @@ a:hover,
     color: var(--light-gray);
     font-size: 12px;
     margin-top: 5px;
-    padding: 10px
+    padding: 10px 3px;
 }
 
 .about-links a,

manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Old Twitter Layout (2022)",
   "description": "A new extension that returns old Twitter's look.",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "manifest_version": 3,
   "homepage_url": "https://github.com/dimdenGD/OldTwitter",
   "background": {
@@ -67,6 +67,12 @@
     }
   },
   "content_scripts": [
+    {
+      "matches": ["https://mobile.twitter.com/*"],
+      "js": ["scripts/newtwitter.js"],
+      "all_frames": true,
+      "run_at": "document_end"
+    },
     {
       "matches": ["https://twitter.com/*"],
       "js": ["scripts/config.js", "scripts/apis.js", "scripts/content.js"],

scripts/newtwitter.js

@@ -0,0 +1,8 @@
+let r = document.createElement('a');
+r.href = location.href.replace('mobile.twitter.com', 'twitter.com');
+setInterval(() => {
+    r.href = location.href.replace('mobile.twitter.com', 'twitter.com');
+}, 500);
+r.textContent = 'Open this page in OldTwitter';
+r.style.cssText = 'position: fixed; top: 0; right: 10px; padding: 0.5em; background: #fff; color: #000; font-family: Arial, sans-serif;border-radius:3px;';
+document.body.appendChild(r);