A Simple UX improvement and de-bloater extension Firefox meant for the geeksforgeeks.org site. Once a good site, the current UI makes it tedious to read articles as promotions, ads, and recommended pages greatly reduce the content viewport. This extension removes all the bloat and makes the article take up the whole screen (100% width instead of the original 65%).
Simple demo showing the before and after of the de-bloating.
Banners are the site promotions as seen in the screenshot.
The sidebar is the area that appears to the right of the article (remaining 35% of the viewport).
- Removal of side banner.
- Removal of Sign Up and Login bloat.
- removal of ad banner at the start of the article.
Installation and setup could be achieved by either running the the build locally or via Jenkins (via the Jenkinsflie).
- Install and setup nodejs and npm on the system.
- Clone the repo and install the dependencies via
npm install. - Create a Firefox developers account and obtain WRT issuer and WRT secret API keys. Export, as enviornmental varaibles, the two keys under the env variables
WEB_EXT_API_KEYandWEB_EXT_API_SECRETrespectively. - Sign the extension via the command
npm run sign-ext. After a few minutes , the signed extension would be downloaded toweb-ext-artifacts/. The packaged.xpiextension could now be loaded into Firefox.
- Install and setup nodejs and npm on the system.
- Clone the repo and install the dependencies via
npm install. - Create a Firefox developers account and obtain WRT issuer and WRT secret API keys. Save these two API keys as secrets named
jwt-firefox-dev-issuerandjwt-firefox-dev-secretrespectively. - Upon parameterizing the job and supplying the
BRANCHto build, the job could be built. If successful, the extension would be saved as an artifact.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent