Úprava stránky Firefoxu + komponenta Card

This commit is contained in:
Filip Znachor 2023-06-06 20:18:31 +02:00
parent 2c72cf0851
commit be500d4fc5
3 changed files with 141 additions and 10 deletions

View file

@ -0,0 +1,7 @@
<template>
<div class="card">
<div class="inner">
<slot />
</div>
</div>
</template>

View file

@ -1,17 +1,42 @@
:root {
--c-brand: #d0204a;
--c-brand-light: #ca3f60;
--c-bg-card: rgba(0,0,0,.04);
--c-border-card: rgba(0,0,0,.1);
}
html.dark {
--c-brand: #cf3559;
--c-brand-light: #ca3f60;
--c-bg: #1C1B22;
--c-bg-light: #2B2A33;
--c-border: #2B2A33;
--c-bg-card: rgba(0,0,0,.3);
--c-border-card: rgba(0,0,0,.3);
}
.page .theme-default-content {
padding-top: 2.5rem;
}
:is(blockquote, .card) :is(p, ol, ul) {
margin: 7px 0;
line-height: 1.5;
}
.card {
background-color: var(--c-bg-card);
border: 1px solid var(--c-border-card);
border-radius: 6px;
margin: 5px 0;
}
.card > .inner {
margin: 12px 16px;
}

View file

@ -1,28 +1,127 @@
# Firefox
Oblíbený a rychlý webový prohlížeč zaměřený na soukromí. Více na [firefox.com](https://firefox.com).
Firefox je rychlý, bezpečný a vysoce přizpůsobitelný open-source webový prohlížeč disponující vlastním vykreslovacím jádrem, mnoha užitečnými funkcemi a rozšířeními.
## Instalace a konfigurace
Stáhnout jej můžete na [stránkách Mozilly](https://firefox.com), ale předinstalovaný je ve většině linuxových distribucích.
Na svém [Gitu](https://git.znachor.cz/Znachor/Firefox) jsem vytvořil výchozí konfiguraci prohlížeče Firefox, které je zaměřená na soukromí a lepší zážitek z prohlížeče.
## Vylepšená konfigurace
Kromě konfigurace tam najdete taky doporučení na užitečná rozšíření.
Firefox bohužel ve výchozím nastavení nemá dobře nastavenou ochranu soukromí a také obsahuje spoustu zbytečných funkcí (Pocket, Firefox View, ...).
V [tomto repozitáři](https://git.znachor.cz/Znachor/Firefox) poskytuji svojí **výchozí konfiguraci Firefoxu**, která se zaměřuje na **soukromí** a **rychlé prohlížení**, aniž by rozbíjela webové stránky a je tak **vhodná pro každého**.
Pro instalaci konfigurace doporučuji založit nový profil a následně provést kroky popsané [v repozitáři](https://git.znachor.cz/Znachor/Firefox).
## Vyhledávače
Pro ochranu vašeho soukromí není dobré používat vyhledávače jako je Google či Bing a podobné, jelikož o uživatelích sbírají spousty dat které využívají k cílení reklam. Vybral jsem několik vyhledávačů, které by vám mohly vyhovovat a respektují i chrání vaše soukromí.
<Card>
[**Brave Search**](https://search.brave.com)
- Rychlý a soukromý vyhledávač s vlastním indexem.
- Dobrý na vyhledávání v angličtině a částečně i v češtině.
- [search.brave.com](https://search.brave.com) | dostupný [přes Tor](https://search.brave4u7jddbv7cyviptqjc7jusxh72uik7zt6adtckl5f4nwy2v72qd.onion)
</Card>
<Card>
[**Startpage**](https://startpage.com/)
- Rychlé a anonymní vyhledávání přes Google.
- Výsledky přebírá z Googlu, proto jsou tam téměř stejné.
- [www.startpage.com](https://startpage.com)
</Card>
<Card>
[**DuckDuckGo**](https://duckduckgo.com/)
- Soukromý vyhledávač, který vás nesleduje.
- Využívá výsledky z Bingu, které však nemusí všem vyhovovat.
- [www.duckduckgo.com](https://duckduckgo.com/) | dostupný [přes Tor](https://duckduckgogg42xjoc72x3sjasowoarfbgcmvfimaftt6twagswzczad.onion/)
</Card>
## Rozšíření
V této sekci najdete rozšíření *nejen* pro Firefox, která zlepší vaše soukromí a zjednoduší vám prohlížení.
Všechna zde uvedená rozšíření jsou open-source.
**Doporučená rozšíření**, která nesmí chybět
<Card>
[**uBlock Origin**](https://addons.mozilla.org/addon/ublock-origin/)
- Efektivní blokovač reklam, sledovačů, malwaru a dalšího nechtěného obsahu.
</Card>
**Užitečná rozšíření**, která se mohou hodit
<Card>
[**Bitwarden**](https://addons.mozilla.org/addon/bitwarden-password-manager/)
- Bezpečný, open-source a bezplatný správce hesel, který je možno self-hostovat.
</Card>
<Card>
[**Panorama Tab Groups**](https://addons.mozilla.org/addon/panorama-tab-groups/)
- Rozšíření na snadné seskupování a organizaci velkého množství panelů.
</Card>
<Card>
[**Dark Reader**](https://addons.mozilla.org/addon/darkreader/)
- Vynucení tmavého motivu na každé webové stránce.
</Card>
<Card>
[I still don't care about cookies](https://addons.mozilla.org/addon/istilldontcareaboutcookies/)
- Rozšíření na zbavení se otravných hlášek ohledně cookies.
</Card>
<Card>
[IPvFoo](https://addons.mozilla.org/addon/ipvfoo-pmarks/)
- Zobrazení IP vzdálených serverů, ke kterým se připojujete.
</Card>
**Další rozšíření**, která stojí za zmínku
- [Firefox Translations](https://addons.mozilla.org/addon/firefox-translations/) - lokální překladač stránek respektující vaše soukromí
- [SponsorBlock](https://addons.mozilla.org/addon/sponsorblock/) - blokování sponzorovaných segmentů na YouTube
- [Firefox Color](https://addons.mozilla.org/addon/firefox-color/) - přizpůsobení barev prohlížeče
## Problémy
Na Fedoře jsem narazil na několik problému s výkonem Firefoxu. Níže najdete, co bylo potřeba změnit.1
Při používání Firefoxu jsem narazil na pár problémů, které se mi povedlo vyřešit, proto jejich řešení přikládám i sem.
### Hardwarová video akcelerace
Díky hardwarové video akceleraci můžete na přehrávání videoobsahu použít GPU, pro aktivaci je potřeba:
Na Linuxu s Nvidia GPU mi nefungovala hardwarová video akcelerace, bylo potřeba provést tyto změny:
1) Nastavit `gfx.webrender.all` a `media.ffmpeg.vaapi.enabled` na `true` v `about:config`.
2) Pokud používáte **Wayland**, tak je potřeba zapnout Wayland mode pomocí `MOZ_ENABLE_WAYLAND=1`.
1. Na stránce `about:config` změnit následující:
- `gfx.webrender.all` = `true`
- `media.ffmpeg.vaapi.enabled` = `true`
2. Při používání **Wayland**u je potřeba zapnout Wayland mode pomocí env `MOZ_ENABLE_WAYLAND=1`
### Pomalé načítání stránek
Ve Firefoxu se mi každá stránka načítá trochu pomaleji. Problém se objevuje po aktivaci rozšíření jako je uBlock Origin nebo I dont care about cookies. Zatím netuším, kde by mohl být problém.
Z neznámých důvodů načítal Firefox na Waylandu stránky na mém 144 Hz monitoru cca 3x pomaleji než na klasickém 60 Hz.
- Pomohlo vypnutí vsyncu a nastavení refresh hodnoty v `about:config`
- `widget.wayland.vsync.enabled` = `false`
- `layout.frame_rate` = `144`
## Další zdroje
Spoustu užitečných rad nejen ohledně Firefoxu na Linuxu najdete na [Arch Linux Wiki](https://wiki.archlinux.org/title/Firefox).
Spoustu užitečných rad nejen ohledně Firefoxu na Linuxu najdete také na [Arch Linux Wiki](https://wiki.archlinux.org/title/Firefox).
<script setup>
import Card from '../../../components/Card.vue'
</script>