sufyaan-website/browser/browser.tex

% Options for packages loaded elsewhere
\PassOptionsToPackage{unicode}{hyperref}
\PassOptionsToPackage{hyphens}{url}

\documentclass[
]{article}
\usepackage{amsmath,amssymb}
\usepackage{titlesec}
\usepackage{titling}
\usepackage{lmodern}
\usepackage{xcolor}
\usepackage{iftex}
\usepackage[margin=1in]{geometry}
\ifPDFTeX
  \usepackage[T1]{fontenc}
  \usepackage[utf8]{inputenc}
  \usepackage{textcomp} % provide euro and other symbols
\else % if luatex or xetex
  \usepackage{unicode-math}
  \defaultfontfeatures{Scale=MatchLowercase}
  \defaultfontfeatures[\rmfamily]{Ligatures=TeX,Scale=1}
\fi
% Use upquote if available, for straight quotes in verbatim environments
\IfFileExists{upquote.sty}{\usepackage{upquote}}{}
\IfFileExists{microtype.sty}{% use microtype if available
  \usepackage[]{microtype}
  \UseMicrotypeSet[protrusion]{basicmath} % disable protrusion for tt fonts
}{}
\makeatletter
\@ifundefined{KOMAClassName}{% if non-KOMA class
  \IfFileExists{parskip.sty}{%
    \usepackage{parskip}
  }{% else
    \setlength{\parindent}{0pt}
    \setlength{\parskip}{1pt plus 2pt minus 1pt}}
}{% if KOMA class
  \KOMAoptions{parskip=half}}
\makeatother
\definecolor{myblue}{RGB}{24, 102, 201}
\titleformat{\section}
{\huge\bfseries\color{myblue}}
{}
{0em}
{}[\titlerule]

\titleformat{\subsection}
{\Large\bfseries}
{}
{0em}
{}

\titleformat{\subsubsection}[runin]
{\bfseries}
{}
{0em}
{}[:]

\titlespacing{\subsubsection}
{0em}{0.75em}{0.5em}

\titlespacing{\subsection}
{0em}{1em}{0.65em}

\titlespacing{\maketitle}
{0em}{0em}{0em}
\renewcommand{\maketitle}{
	\begin{center}
		{\huge\bfseries \theauthor}\\
		\vspace{.35em}
		\href{https://sufyaan.me/browser}{sufyaan.me/browser}
	\end{center}
}
\usepackage{color}
\usepackage{fancyvrb}
\newcommand{\VerbBar}{|}
\newcommand{\VERB}{\Verb[commandchars=\\\{\}]}
\DefineVerbatimEnvironment{Highlighting}{Verbatim}{commandchars=\\\{\}}
% Add ',fontsize=\small' for more characters per line
\newenvironment{Shaded}{}{}
\newcommand{\AlertTok}[1]{\textcolor[rgb]{1.00,0.00,0.00}{\textbf{#1}}}
\newcommand{\AnnotationTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\newcommand{\AttributeTok}[1]{\textcolor[rgb]{0.49,0.56,0.16}{#1}}
\newcommand{\BaseNTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
\newcommand{\BuiltInTok}[1]{\textcolor[rgb]{0.00,0.50,0.00}{#1}}
\newcommand{\CharTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\CommentTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textit{#1}}}
\newcommand{\CommentVarTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\newcommand{\ConstantTok}[1]{\textcolor[rgb]{0.53,0.00,0.00}{#1}}
\newcommand{\ControlFlowTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{\textbf{#1}}}
\newcommand{\DataTypeTok}[1]{\textcolor[rgb]{0.56,0.13,0.00}{#1}}
\newcommand{\DecValTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
\newcommand{\DocumentationTok}[1]{\textcolor[rgb]{0.73,0.13,0.13}{\textit{#1}}}
\newcommand{\ErrorTok}[1]{\textcolor[rgb]{1.00,0.00,0.00}{\textbf{#1}}}
\newcommand{\ExtensionTok}[1]{#1}
\newcommand{\FloatTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
\newcommand{\FunctionTok}[1]{\textcolor[rgb]{0.02,0.16,0.49}{#1}}
\newcommand{\ImportTok}[1]{\textcolor[rgb]{0.00,0.50,0.00}{\textbf{#1}}}
\newcommand{\InformationTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\newcommand{\KeywordTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{\textbf{#1}}}
\newcommand{\NormalTok}[1]{#1}
\newcommand{\OperatorTok}[1]{\textcolor[rgb]{0.40,0.40,0.40}{#1}}
\newcommand{\OtherTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{#1}}
\newcommand{\PreprocessorTok}[1]{\textcolor[rgb]{0.74,0.48,0.00}{#1}}
\newcommand{\RegionMarkerTok}[1]{#1}
\newcommand{\SpecialCharTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\SpecialStringTok}[1]{\textcolor[rgb]{0.73,0.40,0.53}{#1}}
\newcommand{\StringTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\VariableTok}[1]{\textcolor[rgb]{0.10,0.09,0.49}{#1}}
\newcommand{\VerbatimStringTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\WarningTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\setlength{\emergencystretch}{3em} % prevent overfull lines
\providecommand{\tightlist}{%
  \setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}
\setcounter{secnumdepth}{-\maxdimen} % remove section numbering
\ifLuaTeX
\usepackage[bidi=basic]{babel}
\else
\usepackage[bidi=default]{babel}
\fi
\babelprovide[main,import]{english}
% get rid of language-specific shorthands (see #6817):
\let\LanguageShortHands\languageshorthands
\def\languageshorthands#1{}
\ifLuaTeX
  \usepackage{selnolig}  % disable illegal ligatures
\fi
\IfFileExists{bookmark.sty}{\usepackage{bookmark}}{\usepackage{hyperref}}
\IfFileExists{xurl.sty}{\usepackage{xurl}}{} % add URL line breaks if available
\urlstyle{same} % disable monospaced font for URLs
\hypersetup{
  pdftitle={(POST) My New Browser Setup},
  pdflang={en},
  colorlinks=true,
linkcolor=blue,
filecolor=blue,
urlcolor=blue,
  pdfcreator={LaTeX via pandoc}}

\title{Sufyaan's Website}
\author{Sufyaan's Website}
\date{}

\begin{document}
\maketitle


\section[My New Browser Setup]{My New Browser Setup}\label{why-i-use-terminal-apps}

\textbf{17 March 2023}


\textbf{Category: }Software

I have a new browser setup on my desktop to increase my privacy and
convenience. It is divided into two profiles that perform differently
based on what I need to do in the moment.

\hypertarget{what-is-it}{%
\subsection[What is it?]{What is it?}\label{what-is-it}}

I use Librewolf as my browser. It is a fork of Firefox that is enhanced
for privacy without heavily impacting user experience. I divided it into
two profiles:

\begin{enumerate}
\tightlist
\item
  Accounts (instances in which I need to login)
\item
  Browsing (general website browsing)
\end{enumerate}

Let me walk through how each profile is setup.

\hypertarget{profile-setup}{%
\subsection[Profile Setup]{Profile Setup}\label{profile-setup}}

Firstly, let me talk about common settings between both profiles.

\hypertarget{common-in-both}{%
\subsubsection{Common In Both}\label{common-in-both}}

On both profiles, I have my settings to optimize my privacy. On
Firefox-based browsers, it is very easy to use these settings because
most of them have little impact on convenience. I use Brave Search as my
search engine and will switch to my own SearX instance when I get a good
server. In terms of extensions, I have the \textquotesingle uBlock
Origin\textquotesingle{} extension installed setup to block JavaScript
and remote fonts by default. I have the default lists along with all the
others unchecked by default apart from language lists. I block every
single domain from Google, Facebook, Microsoft and other websites which
are known for tracking. If a website breaks, I whitelist that website in
particular.

\hypertarget{accounts-profile}{%
\subsubsection{Accounts Profile}\label{accounts-profile}}

My accounts profile is optimized to work well with day-to-day logins and
important websites. I use this profile for all websites where I can
login like Google or Microsoft.

I use the following extensions:

\begin{enumerate}
\tightlist
\item
  Cookie AutoDelete

  \begin{itemize}
  \tightlist
  \item
    Enabled with whitelisting to auto-delete cookies for websites which
    I open by accident.
  \item
    Using extension instead of Librewolf\textquotesingle s built-in
    setting because it currently does not work for me.
  \end{itemize}
\item
  Containers

  \begin{itemize}
  \tightlist
  \item
    For multiple accounts
  \end{itemize}
\end{enumerate}

\hypertarget{browsing-profile}{%
\subsubsection{Browsing Profile}\label{browsing-profile}}

My browsing profile runs in permanent private browsing mode so my
cookies, cache and browsing history are automatically deleted when I
close my browser. I use it for general web browsing like watching
videos, viewing articles and more. I have most of the content I like in
an RSS feed but this profile is useful for some websites which either do
not have an RSS feed or I only need to use once.

For this profile, I use these extensions:

\begin{enumerate}
\tightlist
\item
  Dark Reader

  \begin{itemize}
  \tightlist
  \item
    \textquotesingle Invert Listed Only\textquotesingle{} mode turned on
    because most websites I use have dark mode turned on already.
  \end{itemize}
\item
  LibRedirect

  \begin{itemize}
  \tightlist
  \item
    To redirect common websites to their free, libre and open-source
    frontends.
  \item
    Some examples are:

    \begin{itemize}
    \tightlist
    \item
      YouTube -\/-\textgreater{} Invidious
    \item
      Twitter -\/-\textgreater{} Nitter
    \item
      Reddit -\/-\textgreater{} LibReddit
    \item
      Medium -\/-\textgreater{} Scribe
    \item
      Wikipedia -\/-\textgreater{} Wikiless
    \end{itemize}
  \item
    I highly recommend everyone to do the same because these frontends
    are lightweight and do not use JavaScript which makes them load
    swiftly.
  \end{itemize}
\end{enumerate}

\hypertarget{conclusion}{%
\subsection[Conclusion]{Conclusion}\label{conclusion}}

This setup has been serving me extremely well. I will continue using
this setup and building on it if any specific need arises.

\end{document}