update eir theme bg, and use overlay-panel in about page

public/css/themes/eir.css

@@ -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-image: url("https://eir-nya.gay/static/images/background/night_sky.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-repeat: no-repeat;
-    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-size: cover;
-    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-position: 50% 0%;
-    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-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 {
+    background: var(--bg_panel);
+}
 .search-bar > form input::placeholder {
     color: var(--fg_faded);
 }

public/md/about.md

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

src/sass/index.scss

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