update eir theme bg, and use overlay-panel in about page
Some checks failed
Build and Publish Docker / build (push) Has been cancelled

This commit is contained in:
Eir Sunny 2025-02-17 17:38:20 -06:00
parent ec60cfc24d
commit 0dfa10aeb6
3 changed files with 92 additions and 86 deletions

View File

@ -41,11 +41,10 @@
}
body {
background: linear-gradient(rgba(130, 88, 88, 0.875), rgba(130, 88, 88, 0.5)), url("https://eir-nya.gay/res/images/cubes.png");
background: -webkit-linear-gradient(rgba(130, 88, 88, 0.875), rgba(130, 88, 88, 0.5)), url("https://eir-nya.gay/res/images/cubes.png");
background: -moz-linear-gradient(rgba(130, 88, 88, 0.875), rgba(130, 88, 88, 0.5)), url("https://eir-nya.gay/res/images/cubes.png");
background: -o-linear-gradient(rgba(130, 88, 88, 0.875), rgba(130, 88, 88, 0.5)), url("https://eir-nya.gay/res/images/cubes.png");
background: -ms-linear-gradient(rgba(130, 88, 88, 0.875), rgba(130, 88, 88, 0.5)), url("https://eir-nya.gay/res/images/cubes.png");
background-image: url("https://eir-nya.gay/static/images/background/night_sky.png");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 0%;
background-attachment: fixed;
font-family: Terminess, hack, 'Courier New', courier, monospace;
@ -64,7 +63,7 @@ body {
--fg_nav: var(--accent);
--bg_panel: rgba(0.9803921568627451, 0.6666666666666666, 0.6705882352941176, 0.875); /*#343746;*/
--bg_elements: #292b36;
--bg_elements: #292b3680; /*#292b36;*/
--bg_overlays: #20202080; /*#44475a;*/
--bg_hover: #2f323f;
@ -94,6 +93,9 @@ body {
--profile_stat: #919cbf;
}
.search-bar > form input::placeholder{
.search-bar > form {
background: var(--bg_panel);
}
.search-bar > form input::placeholder {
color: var(--fg_faded);
}

View File

@ -8,82 +8,85 @@ Nitter is created by Zedeus, whose source can be found at <https://github.com/ze
The rest of this page is copied from Cynthia's fork:
> # About
>
> Nitter is a free and open source alternative Twitter front-end focused on
> privacy and performance.
>
> * No JavaScript or ads
> * All requests go through the backend, client never talks to Twitter
> * Prevents Twitter from tracking your IP or JavaScript fingerprint
> * Uses Twitter's unofficial API (no rate limits or developer account required)
> * Lightweight (for [@nim_lang](/nim_lang), 60KB vs 784KB from twitter.com)
> * RSS feeds
> * Themes
> * Mobile support (responsive design)
> * AGPLv3 licensed, no proprietary instances permitted (source code below)
>
> Nitter's GitHub wiki contains
> [instances](https://github.com/zedeus/nitter/wiki/Instances) and
> [browser extensions](https://github.com/zedeus/nitter/wiki/Extensions)
> maintained by the community.
>
> ### Fork features by Cynthia Foxwell
>
> * Localized following via cookies (list exportable and editable in preferences)
> * Image zooming/carousel (requires JavaScript)
> * Up to date Twitter features, e.g. Community Notes
> * Embeds for chat services on-par with services like [FxTwitter](https://github.com/FixTweet/FxTwitter) and [vxTwitter](https://github.com/dylanpdx/BetterTwitFix)
>
> ## Why use Nitter?
>
> It's impossible to use Twitter without JavaScript enabled. For privacy-minded
> folks, preventing JavaScript analytics and IP-based tracking is important, but
> apart from using a VPN and uBlock/uMatrix, it's impossible. Despite being behind
> a VPN and using heavy-duty adblockers, you can get accurately tracked with your
> [browser's fingerprint](https://restoreprivacy.com/browser-fingerprinting/),
> [no JavaScript required](https://noscriptfingerprint.com/). This all became
> particularly important after Twitter [removed the
> ability](https://www.eff.org/deeplinks/2020/04/twitter-removes-privacy-option-and-shows-why-we-need-strong-privacy-laws)
> for users to control whether their data gets sent to advertisers.
>
> Using an instance of Nitter (hosted on a VPS for example), you can browse
> Twitter without JavaScript while retaining your privacy. In addition to
> respecting your privacy, Nitter is on average around 15 times lighter than
> Twitter, and in most cases serves pages faster (eg. timelines load 2-4x faster).
>
> ## Donating
>
> Even though I could be selfish and point people to donate to me instead of
> Zedeus, it would be disrespectful.
>
> GitHub Sponsors: <https://github.com/sponsors/zedeus> \
> Donations go to zedeus, original creator of Nitter.
>
> Liberapay: <https://liberapay.com/zedeus> \
> Patreon: <https://patreon.com/nitter> \
> BTC: bc1qp7q4qz0fgfvftm5hwz3vy284nue6jedt44kxya \
> ETH: 0x66d84bc3fd031b62857ad18c62f1ba072b011925 \
> LTC: ltc1qhsz5nxw6jw9rdtw9qssjeq2h8hqk2f85rdgpkr \
> XMR: 42hKayRoEAw4D6G6t8mQHPJHQcXqofjFuVfavqKeNMNUZfeJLJAcNU19i1bGdDvcdN6romiSscWGWJCczFLe9RFhM3d1zpL
>
> ## Credits
>
> * Zedeus for this project
> * PrivacyDevel, cmj, and taskylizard for keeping this project alive with forks after the main repo went inactive
> * Every other contributors who've committed to the main repo in the past
>
> ## To any law enforcement agencies and copyright holders
>
> **All illegal content should be reported to Twitter directly.** This service is
> merely a proxy of Twitter and no content is hosted on this server. Do not waste
> your time contacting internet service providers, hosting providers and/or domain
> registrars.
>
> If you would like more context, you can read about this exact issue happening to
> [PussTheCat.org's instance](https://pussthecat.org/nitter/).
>
> I emplore all Nitter instance hosts to not enable media proxying, even if it
> "phones home" to Twitter's CDN (which doesn't really pose a tracking risk and
> breaks videos anyways), as it [has been used as an attack vector to take down
> nitter.net](https://github.com/zedeus/nitter/issues/1150#issuecomment-1890855255).
<div class="overlay-panel">
# About
Nitter is a free and open source alternative Twitter front-end focused on
privacy and performance.
* No JavaScript or ads
* All requests go through the backend, client never talks to Twitter
* Prevents Twitter from tracking your IP or JavaScript fingerprint
* Uses Twitter's unofficial API (no rate limits or developer account required)
* Lightweight (for [@nim_lang](/nim_lang), 60KB vs 784KB from twitter.com)
* RSS feeds
* Themes
* Mobile support (responsive design)
* AGPLv3 licensed, no proprietary instances permitted (source code below)
Nitter's GitHub wiki contains
[instances](https://github.com/zedeus/nitter/wiki/Instances) and
[browser extensions](https://github.com/zedeus/nitter/wiki/Extensions)
maintained by the community.
### Fork features by Cynthia Foxwell
* Localized following via cookies (list exportable and editable in preferences)
* Image zooming/carousel (requires JavaScript)
* Up to date Twitter features, e.g. Community Notes
* Embeds for chat services on-par with services like [FxTwitter](https://github.com/FixTweet/FxTwitter) and [vxTwitter](https://github.com/dylanpdx/BetterTwitFix)
## Why use Nitter?
It's impossible to use Twitter without JavaScript enabled. For privacy-minded
folks, preventing JavaScript analytics and IP-based tracking is important, but
apart from using a VPN and uBlock/uMatrix, it's impossible. Despite being behind
a VPN and using heavy-duty adblockers, you can get accurately tracked with your
[browser's fingerprint](https://restoreprivacy.com/browser-fingerprinting/),
[no JavaScript required](https://noscriptfingerprint.com/). This all became
particularly important after Twitter [removed the
ability](https://www.eff.org/deeplinks/2020/04/twitter-removes-privacy-option-and-shows-why-we-need-strong-privacy-laws)
for users to control whether their data gets sent to advertisers.
Using an instance of Nitter (hosted on a VPS for example), you can browse
Twitter without JavaScript while retaining your privacy. In addition to
respecting your privacy, Nitter is on average around 15 times lighter than
Twitter, and in most cases serves pages faster (eg. timelines load 2-4x faster).
## Donating
Even though I could be selfish and point people to donate to me instead of
Zedeus, it would be disrespectful.
GitHub Sponsors: <https://github.com/sponsors/zedeus> \
Donations go to zedeus, original creator of Nitter.
Liberapay: <https://liberapay.com/zedeus> \
Patreon: <https://patreon.com/nitter> \
BTC: bc1qp7q4qz0fgfvftm5hwz3vy284nue6jedt44kxya \
ETH: 0x66d84bc3fd031b62857ad18c62f1ba072b011925 \
LTC: ltc1qhsz5nxw6jw9rdtw9qssjeq2h8hqk2f85rdgpkr \
XMR: 42hKayRoEAw4D6G6t8mQHPJHQcXqofjFuVfavqKeNMNUZfeJLJAcNU19i1bGdDvcdN6romiSscWGWJCczFLe9RFhM3d1zpL
## Credits
* Zedeus for this project
* PrivacyDevel, cmj, and taskylizard for keeping this project alive with forks after the main repo went inactive
* Every other contributors who've committed to the main repo in the past
## To any law enforcement agencies and copyright holders
**All illegal content should be reported to Twitter directly.** This service is
merely a proxy of Twitter and no content is hosted on this server. Do not waste
your time contacting internet service providers, hosting providers and/or domain
registrars.
If you would like more context, you can read about this exact issue happening to
[PussTheCat.org's instance](https://pussthecat.org/nitter/).
I emplore all Nitter instance hosts to not enable media proxying, even if it
"phones home" to Twitter's CDN (which doesn't really pose a tracking risk and
breaks videos anyways), as it [has been used as an attack vector to take down
nitter.net](https://github.com/zedeus/nitter/issues/1150#issuecomment-1890855255).
</div>

View File

@ -132,6 +132,7 @@ ul {
background-color: var(--bg_overlays);
padding: 10px 15px;
align-self: start;
box-sizing: border-box;
ul {
margin-bottom: 14px;