From fd7a8ebcfb7e4b1417305019cd2c8fd371f3ff69 Mon Sep 17 00:00:00 2001
From: Kristin Fritsch <ich@kristin-fritsch.de>
Date: Wed, 18 Feb 2026 22:55:52 +0100
Subject: [PATCH] Remove twitter

---
 README.md                                 |  2 -
 components/Footer/Footer.tsx              | 10 ----
 components/Meta.tsx                       |  4 +-
 components/Section/SocialMediaSection.tsx | 12 ----
 components/TwitterFeed.tsx                | 72 -----------------------
 data/cities/en/berlin.md                  |  2 -
 data/cities/en/bristol.md                 |  3 -
 data/cities/en/brussels.md                |  1 -
 data/cities/en/dortmund.md                |  3 -
 data/cities/en/hamburg.md                 |  1 -
 data/cities/en/istanbul.md                |  1 -
 data/cities/en/london.md                  |  3 -
 data/cities/en/melbourne.md               |  3 -
 data/cities/en/nairobi.md                 |  1 -
 data/cities/en/rheinmain.md               |  1 -
 data/cities/en/romagna.md                 |  1 -
 data/cities/en/san-francisco.md           |  1 -
 data/cities/en/stockholm.md               |  3 -
 package-lock.json                         | 23 --------
 package.json                              |  1 -
 pages/cities/[slug].js                    |  5 --
 pages/index.tsx                           | 16 ++---
 translations/en.json                      |  5 +-
 23 files changed, 7 insertions(+), 167 deletions(-)
 delete mode 100644 components/TwitterFeed.tsx

diff --git a/README.md b/README.md
index 06a4bb1..ad53297 100644
--- a/README.md
+++ b/README.md
@@ -78,7 +78,6 @@ Each city **MUST HAVE**:
 - title
 - tagline
 - meetup_name
-- twitter
 - some content
 
 If you want to show a list of social icons after your city description, add the social block to your markdown.<br />
@@ -86,7 +85,6 @@ Example:
 
 ```
 socials:
-  - twitter: https://twitter.com/ots_bln
   - facebook: https://www.facebook.com/opentechschool.berlin
 ```
 
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index f796f1f..5df8ec0 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -42,16 +42,6 @@ export default function Footer() {
           <Grid item xs={12} sm={2}>
             <h4>{t('footer.connect')}</h4>
             <ul>
-              <li>
-                <a
-                  href='https://twitter.com/opentechschool'
-                  target='_blank'
-                  rel='noopener noreferrer'
-                  className='invert'
-                >
-                  Twitter
-                </a>
-              </li>
               <li>
                 <a
                   href='https://www.facebook.com/OpenTechSchool'
diff --git a/components/Meta.tsx b/components/Meta.tsx
index a6584cf..8c23d57 100644
--- a/components/Meta.tsx
+++ b/components/Meta.tsx
@@ -25,9 +25,7 @@ export default function Meta({ pageTitle, pageDescription, pageImage }) {
             pageImage || assetPath('/sharing-images/website-into-sharing.png?1')
           }`}
         />
-        <meta name='twitter:card' content='summary_large_image' />
-        <meta name='twitter:site' content='@OpenTechSchool' />
-        <link
+<link
           rel='apple-touch-icon'
           sizes='180x180'
           href={assetPath('/apple-touch-icon.png')}
diff --git a/components/Section/SocialMediaSection.tsx b/components/Section/SocialMediaSection.tsx
index 3b2e015..020b6d6 100644
--- a/components/Section/SocialMediaSection.tsx
+++ b/components/Section/SocialMediaSection.tsx
@@ -3,8 +3,6 @@ import Grid from '@mui/material/Grid'
 import TextSection from './TextSection'
 import FacebookIcon from '@mui/icons-material/Facebook'
 import GitHubIcon from '@mui/icons-material/GitHub'
-import TwitterIcon from '@mui/icons-material/Twitter'
-
 export default function SocialMediaSection({ bgColor = '' }) {
   const iconStyle = {
     fontSize: 50,
@@ -24,16 +22,6 @@ export default function SocialMediaSection({ bgColor = '' }) {
             <FacebookIcon style={iconStyle} />
           </a>
         </Grid>
-        <Grid item xs={3} md={1}>
-          <a
-            href='https://twitter.com/OpenTechSchool'
-            target='_blank'
-            rel='noopener noreferrer'
-            className='icon'
-          >
-            <TwitterIcon style={iconStyle} />
-          </a>
-        </Grid>
         <Grid item xs={3} md={1}>
           <a
             href='http://discourse.opentechschool.org/'
diff --git a/components/TwitterFeed.tsx b/components/TwitterFeed.tsx
deleted file mode 100644
index 44482ab..0000000
--- a/components/TwitterFeed.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useState, useRef } from 'react'
-import PropTypes from 'prop-types'
-import useTranslation from '../hooks/useTranslation'
-import TextSection from '../components/Section/TextSection'
-import { TwitterTimelineEmbed } from 'react-twitter-embed'
-import useIntersectionObserver from '../hooks/useIntersectionObserver'
-
-const TwitterFeed = ({ screenName }) => {
-  const { t } = useTranslation()
-  const twitterFeedContainer = useRef()
-  const [isTwitterFeedVisible, setTwitterFeedVisible] = useState(false)
-
-  useIntersectionObserver({
-    target: twitterFeedContainer,
-    rootMargin: '100px',
-    onIntersect: ([{ isIntersecting }]) => {
-      if (isIntersecting && !isTwitterFeedVisible) {
-        setTwitterFeedVisible(true)
-      }
-    },
-  })
-
-  return (
-    <div ref={twitterFeedContainer}>
-      {isTwitterFeedVisible && (
-        <TextSection classname='grey' title='Tweets'>
-          <div className='wrapper'>
-            <div className='tweets-from'>
-              {t('twitterfeed.tweetsFrom')}{' '}
-              <a
-                href={`https://twitter.com/${screenName}`}
-                target='_blank'
-                rel='noopener noreferrer'
-              >
-                @{screenName}
-              </a>
-            </div>
-            <TwitterTimelineEmbed
-              sourceType='profile'
-              screenName={screenName}
-              noFooter={true}
-              noHeader={true}
-              options={{ height: 600 }}
-            />
-          </div>
-        </TextSection>
-      )}
-      <style jsx>{`
-        .wrapper {
-          max-width: 600px;
-          min-height: 600px;
-          margin: -20px auto 0 auto;
-          text-align: center;
-        }
-
-        .tweets-from {
-          margin-bottom: 20px;
-        }
-
-        h1 {
-          text-align: center;
-        }
-      `}</style>
-    </div>
-  )
-}
-
-TwitterFeed.propTypes = {
-  screenName: PropTypes.string,
-}
-
-export default TwitterFeed
diff --git a/data/cities/en/berlin.md b/data/cities/en/berlin.md
index a37dcce..108e23c 100644
--- a/data/cities/en/berlin.md
+++ b/data/cities/en/berlin.md
@@ -7,10 +7,8 @@ page_description: |
   very beginning and where we host our events is the fantastic coworking space, Co.Up.
 location: 'Berlin, Germany'
 tagline: 'Where everything started... and you can take a ride in a rotating TV tower'
-twitter: OTS_BLN
 meetup_name: opentechschool-berlin
 socials:
-  - twitter: https://twitter.com/ots_bln
   - facebook: https://www.facebook.com/opentechschool.berlin
 discourse_group: TeamBerlin
 ---
diff --git a/data/cities/en/bristol.md b/data/cities/en/bristol.md
index e809fee..3471d77 100644
--- a/data/cities/en/bristol.md
+++ b/data/cities/en/bristol.md
@@ -6,9 +6,6 @@ page_description: |
 location: 'Bristol, UK'
 tagline: 'The start of a great adventure'
 meetup_name: CodeHub-Bristol
-twitter: CodeHubBs
-socials:
-  - twitter: https://twitter.com/CodeHubBs
 members:
   - katja: Katja Durrani
   - gicela: Gicela Morales
diff --git a/data/cities/en/brussels.md b/data/cities/en/brussels.md
index b084900..16d564b 100644
--- a/data/cities/en/brussels.md
+++ b/data/cities/en/brussels.md
@@ -9,7 +9,6 @@ location: 'Brussels, Belgium'
 tagline: 'Where knowledge is brewed'
 discourse_group: TeamBrussels
 meetup_name: OpenTechSchool-Brussels
-twitter: false
 socials: false
 ---
 
diff --git a/data/cities/en/dortmund.md b/data/cities/en/dortmund.md
index 43c7179..a388090 100644
--- a/data/cities/en/dortmund.md
+++ b/data/cities/en/dortmund.md
@@ -4,10 +4,7 @@ title: Dortmund
 location: 'Dortmund, Germany'
 is_inactive: true
 tagline: 'Between currywurst, football and compilers.'
-twitter: OTS_DO
 discourse_group: TeamDortmund
-socials:
-  - twitter: https://twitter.com/ots_do
 ---
 
 ## About OpenTechSchool
diff --git a/data/cities/en/hamburg.md b/data/cities/en/hamburg.md
index 73f1acd..cb2d1b5 100644
--- a/data/cities/en/hamburg.md
+++ b/data/cities/en/hamburg.md
@@ -4,7 +4,6 @@ slug: hamburg
 title: Hamburg
 location: 'Hamburg, Germany'
 tagline: 'Shipping is our tradition... and so are Franzbrötchen.'
-twitter: false
 discourse_group: TeamHamburg
 ---
 
diff --git a/data/cities/en/istanbul.md b/data/cities/en/istanbul.md
index d95e24a..28de836 100644
--- a/data/cities/en/istanbul.md
+++ b/data/cities/en/istanbul.md
@@ -4,7 +4,6 @@ title: Istanbul
 location: 'İstanbul, Turkey'
 is_inactive: true
 tagline: 'Bridging two continents, and the people.'
-twitter: OTS_IST
 ---
 
 ## About
diff --git a/data/cities/en/london.md b/data/cities/en/london.md
index f69abcc..c8feb09 100644
--- a/data/cities/en/london.md
+++ b/data/cities/en/london.md
@@ -4,7 +4,4 @@ title: London
 location: 'London, UK'
 is_inactive: true
 meetup_name: 'opentechschool-london'
-twitter: ots_london
-socials:
-  - twitter: https://twitter.com/ots_london
 ---
diff --git a/data/cities/en/melbourne.md b/data/cities/en/melbourne.md
index b124af2..f7d8c13 100644
--- a/data/cities/en/melbourne.md
+++ b/data/cities/en/melbourne.md
@@ -4,9 +4,6 @@ title: Melbourne
 location: 'Melbourne, Australia'
 is_inactive: true
 tagline: 'Great learning is achieved with great coffee!'
-twitter: OTS_AU
-socials:
-  - twitter: https://twitter.com/ots_au
 ---
 
 ## About
diff --git a/data/cities/en/nairobi.md b/data/cities/en/nairobi.md
index 044f222..19369b4 100644
--- a/data/cities/en/nairobi.md
+++ b/data/cities/en/nairobi.md
@@ -4,7 +4,6 @@ title: Nairobi
 location: 'Nairobi, Kenya'
 is_inactive: true
 tagline: 'When nature and tech had a baby, Nairobi was born'
-twitter: OTSNairobi
 ---
 
 ## About
diff --git a/data/cities/en/rheinmain.md b/data/cities/en/rheinmain.md
index 2e70092..e9310d7 100644
--- a/data/cities/en/rheinmain.md
+++ b/data/cities/en/rheinmain.md
@@ -4,7 +4,6 @@ title: RheinMain
 location: 'RheinMain, Germany'
 is_inactive: true
 tagline: 'RheinMain rocks!'
-twitter: OTS_RM
 ---
 
 ## About
diff --git a/data/cities/en/romagna.md b/data/cities/en/romagna.md
index a500406..987de56 100644
--- a/data/cities/en/romagna.md
+++ b/data/cities/en/romagna.md
@@ -7,7 +7,6 @@ page_description: |
 location: 'Cesena, Italy'
 tagline: 'Code, Piadina and Sangiovese'
 meetup_name: opentechschool-romagna
-twitter: false
 socials: false
 discourse_group: TeamRomagna
 ---
diff --git a/data/cities/en/san-francisco.md b/data/cities/en/san-francisco.md
index cdd939a..37f94df 100644
--- a/data/cities/en/san-francisco.md
+++ b/data/cities/en/san-francisco.md
@@ -4,7 +4,6 @@ title: San Francisco
 location: 'San Francisco, CA, USA'
 is_inactive: true
 tagline: 'Greetings from Karl'
-twitter: ots_sf
 ---
 
 ## About
diff --git a/data/cities/en/stockholm.md b/data/cities/en/stockholm.md
index fff2588..530f07c 100644
--- a/data/cities/en/stockholm.md
+++ b/data/cities/en/stockholm.md
@@ -4,9 +4,6 @@ title: Stockholm
 location: 'Stockholm, Sweden'
 is_inactive: true
 tagline: 'Where kanelbullar and köttbullar come from'
-twitter: OTS_STHLM
-socials:
-  - twitter: https://twitter.com/ots_sthml
 ---
 
 ## About
diff --git a/package-lock.json b/package-lock.json
index f0998d4..086fdf0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,6 @@
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-markdown": "^9.0.1",
-        "react-twitter-embed": "^4.0.4",
         "rehype-raw": "^7.0.0"
       },
       "devDependencies": {
@@ -6327,22 +6326,6 @@
         "react-dom": ">=16.6.0"
       }
     },
-    "node_modules/react-twitter-embed": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/react-twitter-embed/-/react-twitter-embed-4.0.4.tgz",
-      "integrity": "sha512-2JIL7qF+U62zRzpsh6SZDXNI3hRNVYf5vOZ1WRcMvwKouw+xC00PuFaD0aEp2wlyGaZ+f4x2VvX+uDadFQ3HVA==",
-      "license": "MIT",
-      "dependencies": {
-        "scriptjs": "^2.5.9"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -6616,12 +6599,6 @@
         "loose-envify": "^1.1.0"
       }
     },
-    "node_modules/scriptjs": {
-      "version": "2.5.9",
-      "resolved": "https://registry.npmjs.org/scriptjs/-/scriptjs-2.5.9.tgz",
-      "integrity": "sha512-qGVDoreyYiP1pkQnbnFAUIS5AjenNwwQBdl7zeos9etl+hYKWahjRTfzAZZYBv5xNHx7vNKCmaLDQZ6Fr2AEXg==",
-      "license": "MIT"
-    },
     "node_modules/section-matter": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
diff --git a/package.json b/package.json
index 84ebd73..6611f0e 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,6 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^9.0.1",
-    "react-twitter-embed": "^4.0.4",
     "rehype-raw": "^7.0.0"
   },
   "devDependencies": {
diff --git a/pages/cities/[slug].js b/pages/cities/[slug].js
index 244f5a0..db997a0 100644
--- a/pages/cities/[slug].js
+++ b/pages/cities/[slug].js
@@ -9,7 +9,6 @@ import Grid from '@mui/material/Grid'
 import Icon from '@mui/material/Icon'
 import FacebookIcon from '@mui/icons-material/Facebook'
 import GitHubIcon from '@mui/icons-material/GitHub'
-import TwitterIcon from '@mui/icons-material/Twitter'
 import InstagramIcon from '@mui/icons-material/Instagram'
 import useTranslation from '../../hooks/useTranslation'
 import WithLocale from '../../containers/withLocale'
@@ -18,7 +17,6 @@ import CityLayout from '../../components/CityLayout/CityLayout'
 import CityHero from '../../components/CityHero/CityHero'
 import TextSection from '../../components/Section/TextSection'
 import TeamSection from '../../components/Section/TeamSection'
-import TwitterFeed from '../../components/TwitterFeed'
 import { useAssetPath } from '../../utils/assetPath'
 
 const WrappedIcon = (props) => <Icon {...props} />
@@ -34,7 +32,6 @@ export function CityTemplate({ content, data }) {
 
   const socialIconsList = {
     facebook: <FacebookIcon />,
-    twitter: <TwitterIcon />,
     github: <GitHubIcon />,
     instagram: <InstagramIcon />,
     discourse: { imgSrc: assetPath('/discourse_blue_icon.png') },
@@ -132,8 +129,6 @@ export function CityTemplate({ content, data }) {
 
       <TeamSection frontmatter={frontmatter} />
 
-      {frontmatter.twitter && <TwitterFeed screenName={frontmatter.twitter} />}
-
       <style jsx>{`
         .markdown :global(p) {
           margin-bottom: 20px;
diff --git a/pages/index.tsx b/pages/index.tsx
index 172b049..f908756 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -12,7 +12,6 @@ import ChapterSection from '../components/Section/ChapterSection'
 import Button from '../components/Button/Button'
 import ContactSection from '../components/Section/ContactSection'
 import SocialMediaSection from '../components/Section/SocialMediaSection'
-import TwitterFeed from '../components/TwitterFeed'
 import Masthead from '../components/Header/Masthead'
 import { mediaquery } from '../style/style.js'
 import { useAssetPath } from '../utils/assetPath'
@@ -98,9 +97,7 @@ export const Index: NextPage = () => {
               <p>{t('homepage.waysToJoin.learner.description')}</p>
               <Button>
                 <Link href={`/community`} className='invert button'>
-
                   {t('homepage.waysToJoin.learner.cta')}
-
                 </Link>
               </Button>
             </div>
@@ -118,9 +115,7 @@ export const Index: NextPage = () => {
               <p>{t('homepage.waysToJoin.support.description')}</p>
               <Button>
                 <Link href={`/contribute#supporter`} className='invert button'>
-
                   {t('homepage.waysToJoin.support.cta')}
-
                 </Link>
               </Button>
             </div>
@@ -137,10 +132,11 @@ export const Index: NextPage = () => {
               <h3>{t('homepage.waysToJoin.coach.title')}</h3>
               <p>{t('homepage.waysToJoin.coach.description')}</p>
               <Button>
-                <Link href={`/contribute#volunteering`} className='invert button'>
-
+                <Link
+                  href={`/contribute#volunteering`}
+                  className='invert button'
+                >
                   {t('homepage.waysToJoin.coach.cta')}
-
                 </Link>
               </Button>
             </div>
@@ -152,9 +148,7 @@ export const Index: NextPage = () => {
           title={t('chapter.active')}
           hideInactiveChapters={true}
         />
-
       </TextSection>
-      <TwitterFeed screenName='OpenTechSchool' />
       <ContactSection />
       <SocialMediaSection />
       <style jsx>{`
@@ -227,7 +221,7 @@ export const Index: NextPage = () => {
         }
       `}</style>
     </PageLayout>
-  );
+  )
 }
 
 export default WithLocale(Index)
diff --git a/translations/en.json b/translations/en.json
index 3adfca4..9cbe4be 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -274,7 +274,7 @@
       "bullet2": "already organizing (or organized) some tech events (e.g. meetups, usergroups)",
       "bullet3": "know how to code and is enthusiast about coaching at a beginner level",
       "connect": "Something very helpful in getting people to get in touch with each other. OTS can help you out! We already have a Slack where you can get connected.",
-      "social": "Social networks are a great tool to promote your events and get in touch with more tech enthusiasts every day. OTS has its own (global) Facebook and Twitter profiles and in addition to this, we’ll provide a localized OTS Twitter account for your city.",
+      "social": "Social networks are a great tool to promote your events and get in touch with more tech enthusiasts every day. OTS has its own (global) Facebook profile and in addition to this, we'll help you promote your city chapter online.",
       "previousChapters": "Also keep in mind that there might has been a chapter in your city before. It's best to reach out to them and learn about what went well and what didn't. See a list of previous chapters at the bottom of the page.",
       "planningMeetup": {
         "title": "Planning the meetup",
@@ -324,9 +324,6 @@
   "city": {
     "eventsTitle": "Upcoming Events"
   },
-  "twitterfeed": {
-    "tweetsFrom": "by"
-  },
   "header": {
     "websiteTitle": "OpenTechSchool",
     "learn": "Learn",