twitter / opensource-website

Twitter's open source website, identifying projects we've released, organizations we support, and the work we do to support open source.

opensource.twitter.dev

This is the Twitter Open Source website at https://opensource.twitter.dev.

This site is built with hugo, using a custom built-in theme. Follow the standard instructions on the hugo website to install and run hugo. Just make sure to use hugo-extended, which has added support for Sass/SCSS stylesheets.

There are also some python scripts that run periodically to update some repo data.

opensource-website's Issues

[WCAG 1.4.3]: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds.

Describe the bug
The color contrast ratio of the 'View all Projects' and 'View all Careers' buttons with respect to its background is less than required 4.5:1.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://opensource.twitter.dev/
2. Run Accessibility Insights for Web 'FastPass' test on URL.
3. See error.

Expected behavior
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds.

Screenshots

Environment
OS Windows 10 Version 20H2
Microsoft Edge version 99.0.1150.52
Tool: Accessibility Insights for Web

How to fix:
Fix any of the following:
Element has insufficient color contrast of 2.82 (foreground color: #ffffff, background color: #1da1f2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Additional context
User Experience: People with low vision will find difficulty in identifying/reading the text/info as its color contrast ratio is low.

WCAG Rule Reference: https://www.w3.org/TR/WCAG21/#contrast-minimum

AI Tool Reference:This accessibility issue was found using Accessibility Insights for Web 2.31.1 (axe-core 4.3.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

I need a support, please help!

Please reply to this message as soon as you read it. I really need someone who can help!
thank you!

Add a scroll bar and tweet search option in profile

Add a scroll bar and tweet search option for scrolling between tweets with respect to timeline on a profile and searching for a tweet with a keyword.

Research about TwitterOSS Metrics page

Hi Twitter Team,
I'm reviewing "twitter.github.io" site and I'm interested with Metrics page (https://twitter.github.io/metrics/).
I checked "twitter.github.io" repository but I didn't see source code for "Metrics" page. Is this source code private?
Can I download this source code and integrate to my github.io page?
Can you explain help me some step to develop "Metrics" page?

Thanks you very much!

Glitch in Twitter desktop app on Windows 10

When I am scrolling down through my laptop on Twitter App of Windows 10, a glitch is occurring on the top bar where we see Home, Explore etc. written.
The issue is that the content while scrolling, is going over that bar for a second, again and again, resulting sometimes in a complete disappearance of that top bar.

Lock wiki edits to non-collabators

See offending edit

Add "dark mode" button in this website!!

I am adding the button named "D" , if we click on that then the dark mode will be activated. Dark mode is here to help with this, making the screen easier to see in low lighting such as in the night or early morning. It can be a lot easier on the eyes, causing less strain and is better in the long run. So can you assign me this because I want to contribute in this.

Like count decrement and sync issue

Title: Like count is not decremented from the post when the user removes the Like

Steps to Reproduce:

1. Open any post from the timeline.
2. Like the post; Like count should be incremented by 1
3. Remove the like; like count should be decremented by 1 (Issue)
4. Go back to the timeline and verify Like count displayed for the post.
5. Like the same post from the timeline; Like count should be incremented by 1 (Sync issue due to step 3)
6. Remove the like from timeline; like count should be decremented by 1
7. Go back to the post and verify the Like count displayed for the post. (Sync Issue)

Expected Result:

1. Like count should be incremented by 1 when the user likes the post and decremented by 1 when removes the like.
2. Like count displayed on opened post and timeline should be the same.
3. The number of users listed under the Like section should match with the Like count.

Actual Result:

1. Like count is not decremented when the user removes like from the post (Issue in Step 3).
2. Like count remains the same when the user removes like from opened post and Likes the same post back from the timeline (sync issue).
3. Like count displayed on the timeline and on the opened post doesn't match when the user removes Like from the timeline (Issue in Step 7).

likeCount.zip

IE7/IE8 issues

I'm not sure what your support policy is. There are some issues in IE7 if that matters to you. Screenshot of IE7 below.

There more significant ones are:

• There's NaN rather than the date being shown against repos in the header. This is also happening in IE8.
• There is no bottom margin to the header because IE7 has this weird bug where it eats bottom margins of floated children under certain circumstances. Some details about the bug in this post - http://nicolasgallagher.com/better-float-containment-in-ie/
• I found that scrolling was really slow.

I will add boxes around "heat , light , love "

I

will add boxes and it will look great then like this

security.txt

I think it would be a good idea to add a security.txt so people can report security issues easily

Require CONTRIBUTING.md

You should add CONTRIBUTING.md because this repository doesn't have CONTRIBUTING.md and you have to read the code to get an overview of the repository. For example: https://github.com/twitter/twemoji/blob/master/CONTRIBUTING.md

Twitter Open source contribution?

What do you suggest to contribute in Twitter for what purpose?

Mr

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Environment
For web, specify your OS and browser version. For mobile, specify device, OS
and version. For libraries, what version of build tools are you using?

Additional context
Add any other context about the problem here.

Move scripts for before the </body>

Project language does not show if title overflows a single line

link not render of chromium when should to be render

refers to twitter.com

Is your feature request related to a problem? Please describe.

When a link is published from the bugs.chromium.org a preview of the link is not generated as when it occurs with other links.

Describe the solution you'd like

Generate a preview of the bugs.chromium.org

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.

an example of a bugs.chromium.org that has no preview generated.

an example link with preview generated.

Fix up web links

Noticed that the sidebar links to Join the Flock, Twitter Eng and Logos are outdated. Should resolve.

Search for repositories

It starts getting quite difficult to search for repositories based on language since the number has exceeded 100 repos. Wouldn't it be better if we add a simple search based on language so people can take a look at languages which they prefer to contribute to.

deleted

Broken Appspot Link

http://socghop.appspot.com/ gives a 404 not found.

Twitter Open source project status page doesn't show correct project status labels icons.

Describe the bug

Twitter Open source project status page doesn't show correct project status labels icons.
Broken links to the status label icons.

To Reproduce

Steps to reproduce the behavior:

1. Go to opensource-website / content
2. Click on status.md page
3. Scroll down to 'Idea' status
4. See error

Expected behavior

Correct label icons corresponding to the project status should be displayed.

Additional context

Changing the broken links in the status.md file should fix the issue.

Self-XSS at twitter.github.io/projects/

Use simpler clearfix

https://github.com/twitter/twitter.github.com/blob/master/assets/grid.css#L50

There is a smaller version of clearfix that you might want to use:

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

Fix broken links across Twitter projects

https://twitter.com/brandondamos/status/569229532718358530

Upgrade from legacy ga.js to analytics.js

Hello all!

The web page currently uses the legacy Google Analytics library ga.js. GA implemented a bunch of additional features and added new properties; hence they upgraded the library to analytics.js.

The change would only be a couple of lines from the frontend. I believe GA automatically migrated all the legacy accounts to the new one i.e. Universal Analytics, so not much change in the settings panel.

Ref: https://developers.google.com/analytics/devguides/collection/upgrade/reference/gajs-analyticsjs

Readme Dosent say much about the project

Describe the bug
Readme Dosent Describe The Project Very Well Making it hard to know the total purpose of the project at a glance
Update project readme file

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Environment
For web, specify your OS and browser version. For mobile, specify device, OS
and version. For libraries, what version of build tools are you using?

Additional context
Add any other context about the problem here.

GitHub API limit exceeds while developing

The current web page makes unauthenticated requests to the GitHub API (which allows only 50 requests in an hour). This is okay for short-term if the website is receiving less than 50 hits in an hour.

However, there should be a way to quickly add a GitHub personal access token to test while developing upon the repository, such that a number of refreshes do no come in the way (5000 authenticated requests are allowed in an hour) and remove it before committing a new change.

Suggested solution: In my case, I have currently modified $.getJSON to $.ajax and added headers parameter to send a personal token as an Authentication header.

**Is your feature request related to a problem? Please describe.**

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Originally posted by @amds9 in https://github.com/twitter/twitter.github.io/issues/106

Twitter algorithm enhancement

Mr Amds9

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

add a license

Use :after instead of ::after

https://github.com/twitter/twitter.github.com/blob/master/assets/style.css#L176

IE doesn't support ::after but it does support :after. All modern browsers must support both notations, so you're better off using the earlier, single-colon notation for wider browser support.

(FR) language chooser option for twitter GUI / tweetdeck

perhaps this repo twitter/twitter.github.io would have been a better place to ask this question?

see here: twitter/twitter-text#291

I have actually gone through ALL your repos on https://twitter.github.io/projects.html to find something related, but your language processing team works closed source, I suppose? Please forward to them, thanks. Perhaps tomorrow you meet one of them in the cafeteria by chance ...

need to add image zoom button needed to improve sharpness for users

Update favicon for more aesthetically pleasing option.

Is your feature request related to a problem? Please describe.
The issue is not related to an problem, the idea is simply aesthetic but if the favicon.ico file had round edges it may be more appealing/aesthetically pleasing.

Describe the solution you'd like
I would like to update the favicon.ico file to a more appealing less sharp-edged image with round edges instead. alternatives can be found at https://about.twitter.com/en/who-we-are/brand-toolkit

Describe alternatives you've considered
While the current favicon serves it's purpose, it could be replaced with a round edged square or circle with the blue background and white twitter icon

Additional context
I am happy to contribute this change myself, this is the current favicon which I find slightly unpleasing to the eye:

I intend to replace it with either of these images:

chasing popups in grid example makes them stay

While idling on http://twitter.github.com/bootstrap/scaffolding.html#gridSystem I noticed a few of the little popups would persist.

By chasing them from bottom to top I could reproduce this. These artifacts seem to be popup's popups.

The attached image shows the result.

Add missing favicon

We forgot to add a favicon! 😬

Clarify licensing

I'd love to be able to modify this template and use for my own github repos, but it's unclear whether or not this is ok. Could you please clarify the licensing of this project?

Stargazers links to watchers in recently-updated section

See https://github.com/twitter/twitter.github.com/blob/master/index.html#L60

var $watchers = $("<a>").attr("href", repo.html_url + "/watchers").text(repo.watchers + " stargazers");

There is an error in the number of repos of twitter

Describe the bug
In the image that shows the number of open-source repos of github there is an error, it shows 100 repos and there are only 97.

To Reproduce

1. Go to the website
2. Scroll down to "Explore projects"
3. See error

Expected behavior
The image should say 97 public repos

Environment
Arch linux, Firefox 105.0.3

Eu quero essas reações para o twitter e com filtros na pesquisa.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Just Do It

update CONTRIBUTING.md

I would like to add following things in contributiong.md
1.Difference between GIT and GITHUB
2.How to clone,fork repository
3.How to create a branch and then use git push to push to repo
4.Create a PR
5.Squash commits in a single issue into one
6, Updating the forked and local repo as the updations are made in the upstream

Top locations does not update dynamically

Locations are currently self reported from our GitHub contributors. Because of this, we do not have a simple way to compile our top locations because location names are not standardized. For example, SF may be called "SF" or "San Francisco". It would be great to figure out how to update top locations dynamically.

Support for bluetooth multimedia devices in transmissions using Periscope

Samsung airdots and other bluetooth audio and voice devices have malfunctions during live broadcasts. Support for bluetooth devices required.

Catch API errors

When the jsonp github api throws an error, it doesn't use the http status code, but instead the error code ends up in the response body, e.g:

jQuery17109736815500073135_1389722497469({
    "meta": {
        "X-RateLimit-Limit": "60",
        "X-RateLimit-Remaining": "0",
        "X-RateLimit-Reset": "1389723035",
        "X-GitHub-Media-Type": "github.beta",
        "status": 403
    },
    "data": {
        "message": "API rate limit exceeded for 198.72.206.137. (But here's the good news: Authenticated requests get a higher rate limit. Check out the documentation for more details.)",
        "documentation_url": "http://developer.github.com/v3/#rate-limiting"
    }
})

You should probably notify the user that there was a problem with the API and perhaps display that data.message when meta.status != 200

Loading repositories on demand when scrolling

It would be really cool if the repo "pages" (100 repos per API call) were loaded as the user scrolls down, instead of loading them all at page load. Give a similar experience as instagram or facebook or whatever.

I would like to use this template for an org that has 1500+ repositories, but currently it takes forever to load, and then you hit the github API limit :-) It would be cool to only load the first 100, and then dynamically add more when scrolling down the page.

Twitter API response error code

GET: https://api.twitter.com/1.1/statuses/home_timeline.json
Auth Type: 1.0
Consumer key : ####
Consumer secret : ####
Token: ####
Token secret: ####
Signature Method: HMAC-SHA1

Expected Result : Returns a collection of the most recent Tweets and Retweets posted by the authenticating user and the users they follow

Actual Result: {
"errors": [
{
"code": 32,
"message": "Could not authenticate you."
}
]
}

Twitter Spaces need bug fixing

Description

Sometimes unable to hear other people's voices over twitter Spaces.

Add border in every project card for separation highlighting

On the projects list project card are not bordered or highlighted for separation. It would be great to add border. This is how it would look like ⏬