diff --git a/AnonimatoYPrivacidad.pdf b/AnonimatoYPrivacidad.pdf new file mode 100644 index 0000000..bb7db75 Binary files /dev/null and b/AnonimatoYPrivacidad.pdf differ diff --git a/background/CoverPage_OpenBokeron.png b/background/CoverPage_OpenBokeron.png new file mode 100644 index 0000000..78be0e0 Binary files /dev/null and b/background/CoverPage_OpenBokeron.png differ diff --git a/background/OpenBokeronPresentation_Cover.jpg b/background/OpenBokeronPresentation_Cover.jpg new file mode 100644 index 0000000..1e0b1a6 Binary files /dev/null and b/background/OpenBokeronPresentation_Cover.jpg differ diff --git a/background/OpenBokeronPresentation_Cover.png b/background/OpenBokeronPresentation_Cover.png new file mode 100644 index 0000000..00b4cea Binary files /dev/null and b/background/OpenBokeronPresentation_Cover.png differ diff --git a/background/corners.jpg b/background/corners.jpg new file mode 100644 index 0000000..6f81229 Binary files /dev/null and b/background/corners.jpg differ diff --git a/background/corners2.png b/background/corners2.png new file mode 100644 index 0000000..6980c6e Binary files /dev/null and b/background/corners2.png differ diff --git a/beamerthemeBokeronTemp.sty b/beamerthemeBokeronTemp.sty new file mode 100644 index 0000000..b0ab1f7 --- /dev/null +++ b/beamerthemeBokeronTemp.sty @@ -0,0 +1,187 @@ +% Bokeron Template based on Bayes Business School Beamer theme by Emilio Luis Sáenz Guillén + +\ProvidesPackage{beamerthemeBokeronTemp} + +\RequirePackage{silence} +\WarningsOff[mathdesign/mdbch] +\RequirePackage{etoolbox} + +% Eliminate navigation symbols +\setbeamertemplate{navigation symbols}{} + +% Section and subsection numbering in table of contents +\setbeamertemplate{section in toc}[sections numbered] +\setbeamertemplate{subsection in toc}[subsections numbered] +% Current position in the presentation +\useoutertheme[subsection = false]{miniframes} +\setbeamercolor{section in head/foot}{bg=BokeronBlue, fg=white} + +% Captions numbering +\setbeamertemplate{caption}[numbered] + +% Set slide margins +\setbeamersize{text margin left=2em, text margin right=10em} + +% Set Normal Text Color +\setbeamercolor{normal text}{fg=Black} + +% Structure colour (bullet points and section headings...) +\setbeamercolor{structure}{fg=BokeronBlue} + +% Font +\RequirePackage{fontspec} +\setromanfont{Arial} +\setsansfont[Scale=MatchLowercase]{Open Sans} +\RequirePackage{tikz} +% Font substitution +\DeclareFontFamilySubstitution{TS1}{\sfdefault}{lmr} +\DeclareFontFamilySubstitution{OMS}{\sfdefault}{lmr} + +% Define colours +\definecolor{BokeronTitleBlue}{RGB}{0, 149, 197} +\definecolor{LighterBokeronTitleBlue}{RGB}{204,217,236} +\definecolor{BokeronBlue}{RGB}{30, 160, 186} +\definecolor{BoxLightBlue}{RGB}{173, 235, 255} + + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%% TITLE %%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +% Adjust Frame Title Position +\setbeamertemplate{frametitle}{\vskip-0.2\paperheight\insertframetitle} +% Frame Title Font +\setbeamerfont{frametitle}{family=\rmfamily,series=\mdseries,size=\Large} +% Set Color for Title-like Elements +\setbeamercolor{titlelike}{fg=BokeronTitleBlue} +% Title page +\setbeamertemplate{title page}{ + \vbox{} + \vfill + \hbox{ + % Uncomment the following line if using Finsbury square or red background + % \hspace{3.5in} + \begin{minipage}[t]{0.4\textwidth} + {\usebeamerfont{title}\usebeamercolor[fg]{title}\inserttitle\par} + \ifx\insertsubtitle\@empty\else + {\usebeamerfont{subtitle}\usebeamercolor[fg]{subtitle}\insertsubtitle\par} + \fi + \vspace{0.1in} + {\usebeamerfont{author}\usebeamercolor[fg]{author}\insertauthor\par} + \vspace{0.1in} + {\usebeamerfont{institute}\usebeamercolor[fg]{institute}\insertinstitute\par} + {\usebeamerfont{date}\usebeamercolor[fg]{date}\insertdate\par} + \end{minipage} + \hfill + } + \vfill +} +% Sizes +\setbeamerfont{title}{family=\rmfamily,size=\LARGE} +\setbeamerfont{author}{size=\large} +\setbeamerfont{institute}{size=\large} +% Colours +\setbeamercolor{title}{fg=white} +\setbeamercolor{subtitle}{fg=white} +\setbeamercolor{author}{fg=white} +\setbeamercolor{institute}{fg=white} +\setbeamercolor{date}{fg=white} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%% BACKGROUND %%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\usebackgroundtemplate% +{% +\includegraphics[width=\paperwidth,height=\paperheight]{background/corners2.png}% +} + + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%% CLOSING SLIDE %%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\setbeamertemplate{endpage}{ +\begin{frame}[plain] +\begin{tikzpicture}[remember picture, overlay] + % Background image + \node[at=(current page.center)] { + \includegraphics[width=\paperwidth,height=\paperheight]{background/CoverPage_OpenBokeron.png} + }; +\end{tikzpicture} +\end{frame} +} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%% ITEMIZE %%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\setbeamertemplate{itemize item}{\textbullet} +\setbeamertemplate{itemize subitem}{--} +\setbeamertemplate{itemize subsubitem}{\textbullet} +% First-Level List Identations +\setlength{\leftmargini}{1.25em} +% Second-Level List Indentation +\setlength{\leftmarginii}{1em} +% Third-Level List Indentation +\setlength{\leftmarginiii}{1em} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%% FRAME TITLES %%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +% Normal frame title +\newcommand{\normalframetitle}{% + \setbeamertemplate{frametitle}{\vskip0.2\paperheight\insertframetitle} + \setbeamerfont{frametitle}{size=\LARGE,series=\mdseries} + \setstretch{1} +} +% Small frame title +\newcommand{\smallframetitle}{% + \setbeamertemplate{frametitle}{\vskip0.05\paperheight\insertframetitle} + \setbeamerfont{frametitle}{size={\fontsize{11}{15}},series=\bfseries} +} +% Smaller frame title +\newcommand{\smallerframetitle}{ + \setbeamertemplate{frametitle}{\vskip0.025\paperheight\insertframetitle} + \setbeamerfont{frametitle}{size={\fontsize{8}{12}},series=\bfseries} +} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%% TABLES %%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\renewcommand{\arraystretch}{1.3} +\newcommand{\tableheadrow}{\rowcolor{BokeronBlue}} +\newcommand{\tableheadcol}[1]{{\bfseries\color{white}#1}} +\AtBeginEnvironment{tabular}{\color{black}} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%% BLOCK %%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\setbeamerfont{block title}{family=\rmfamily,size=\large} +\setbeamercolor{block title}{fg=white,bg=BokeronTitleBlue} +\setbeamercolor{block body}{bg=LighterBokeronTitleBlue} +\setbeamertemplate{blocks}[rounded][shadow=false] + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%% FOOTLINE %%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\setbeamertemplate{footline}{% +\vskip0.15\paperheight +} +\setbeamercolor{myfootlinecolor}{bg=white,fg=BokeronBlue} +\setbeamertemplate{footline} +{% + \begin{beamercolorbox}[colsep=1.5pt, ht=3.5ex, dp=1.125ex, leftskip=.3cm, rightskip=.3cm plus1fil]{myfootlinecolor} + \leavevmode{\usebeamerfont{author in head/foot}\insertshortauthor}% + \hfill + {\usebeamerfont{institute in head/foot}\insertshortinstitute}% + \hfill% + {\usebeamerfont{title in head/foot}\insertframenumber/\inserttotalframenumber} + \end{beamercolorbox} +} + + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%% OTHERS %%%%%%%%%%%%%%%%%%%% +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +% Disable warning on \author +\pdfstringdefDisableCommands{% + \def\\{}% + \def\texttt#1{<#1>}% +} \ No newline at end of file diff --git a/images/LogoOpenBokeron.png b/images/LogoOpenBokeron.png new file mode 100644 index 0000000..17e0bdb Binary files /dev/null and b/images/LogoOpenBokeron.png differ diff --git a/images/qrCodeLimeSurvey.png b/images/qrCodeLimeSurvey.png new file mode 100644 index 0000000..20bfb26 Binary files /dev/null and b/images/qrCodeLimeSurvey.png differ diff --git a/images/signalCode.jpg b/images/signalCode.jpg new file mode 100644 index 0000000..96b31ac Binary files /dev/null and b/images/signalCode.jpg differ diff --git a/images/swLibre.png b/images/swLibre.png new file mode 100644 index 0000000..93e453c Binary files /dev/null and b/images/swLibre.png differ diff --git a/main.tex b/main.tex new file mode 100644 index 0000000..e97b81d --- /dev/null +++ b/main.tex @@ -0,0 +1,100 @@ +%% Requires compilation with XeLaTeX or LuaLaTeX +\documentclass[10pt,table,dvipsnames, t, compress, aspectratio=169]{beamer} + +%% Packages +\usepackage{tikz} % Load TikZ for creating graphics +\usetikzlibrary{tikzmark,calc,arrows.meta,shapes.arrows,decorations.pathreplacing} +% tikzmark: mark locations in the document +% calc: do coordinate calculations in TikZ +% arrows.meta: customize arrow styles +% shapes.arrows: predefined arrow shapes for nodes +% decorations.pathreplacing: decorate or replace paths (e.g., with brackets) + +\usepackage{caption, subcaption, bbm, mathtools, amsmath, lmodern} +\usepackage{graphicx, amssymb, cancel, pifont, bm} +\usefonttheme[onlymath]{serif} + +% Bibliography +\usepackage[style=apa, backend=biber]{biblatex} +\addbibresource{sn-bibliography.bib} + +% Theme +\usetheme{BokeronTemp} + +% Hyperref +\usepackage{hyperref} +% url in blue +\newcommand{\bluehref}[2]{% + \begingroup + \hypersetup{urlcolor=blue}% + \href{#1}{\color{blue}#2}% + \endgroup +} + +% Color box +\usepackage{xcolor} +\usepackage{tcolorbox} +\newtcolorbox{mybox}{colback=BoxLightBlue, colframe=BokeronBlue, width=0.9\linewidth} + +%% Title +\title{\textbf{\large Privacidad y\\Anonimato\\para Dummies}} +\author{ Muhammad Abdullah Sultan\\ + \texttt{masu@uma.es} + \\ + Alejandro García Peláez\\ + \texttt{alejandrogp@uma.es}} +\institute[Open Bokeron]{Open Bokeron\\ https://openbokeron.uma.es} +\date{12/02/2025} + + +\begin{document} + +%---------------------------------------------------------------------------------------- +% TITLE SLIDES +%---------------------------------------------------------------------------------------- + +{ +\usebackgroundtemplate{ +\begin{tikzpicture}[remember picture, overlay] + \node[at=(current page.center)] { \includegraphics[width=\paperwidth,height=\paperheight,keepaspectratio]{background/OpenBokeronPresentation_Cover.png} % portada + }; + \end{tikzpicture} +} +\begin{frame}[plain] + \titlepage +\end{frame} +} + +% Current section +\AtBeginSection[ ] +{ +\begin{frame}{} + \tableofcontents[currentsection,currentsubsection, + sectionstyle=show/shaded] +\end{frame} +} +% Current subsection +\AtBeginSubsection[ ] +{ +\begin{frame}{} + \tableofcontents[currentsection,currentsubsection, + sectionstyle=show/shaded] +\end{frame} +} + +\smallframetitle + +%---------------------------------------------------------------------------------------- +% Empezamos aquí +%---------------------------------------------------------------------------------------- + +\input{sections/Introduction} +\input{sections/Pretexto} +\input{sections/PlandeAccion} +\input{sections/Roadmap} + + + +\AtEndDocument{\usebeamertemplate{endpage}} + +\end{document} \ No newline at end of file diff --git a/nadaQueOcultar.jpg b/nadaQueOcultar.jpg new file mode 100644 index 0000000..3d130af Binary files /dev/null and b/nadaQueOcultar.jpg differ diff --git a/sections/Introduction.tex b/sections/Introduction.tex new file mode 100644 index 0000000..8a0bb8c --- /dev/null +++ b/sections/Introduction.tex @@ -0,0 +1,46 @@ +\section{Introducción} +\begin{frame} +\frametitle{\textbf{¿Quienes somos?}} +\textbf{Open Bokeron} +\begin{itemize} + \item Somos un grupo de estudiantes de la ETSI Informática de la UMA que nos dedicamos a promocionar el software libre. + \item Esto lo hacemos a partir de actividades como charlas, talleres, etc,. + \item Página web: \bluehref{https://openbokeron.uma.es}{https://openbokeron.uma.es}\\ + Twitter/X: @OpenBokeron\\ + Telegram: \bluehref{https://t.me/OpenBokeron}{https://t.me/OpenBokeron} +\end{itemize} +\end{frame} + +\begin{frame} +\frametitle{\textbf{¿Pero porque importa privacidad?}} +\begin{itemize} +\item \textbf{No tengo nada que esconder. } ¿Me das tu contraseña de Instagram? Como dijo Edward Snowden: 'Decir que no te importa la privacidad porque no tienes nada que esconder es como decir que no te importa la libertad de expresión porque no tienes nada que decir." +\item \textbf{Tus Datos Valen Dinero:} tus datos son el producto! Empresas como Google ganan millones vendiendo tu información a anunciantes. +\item \textbf{¿De verdad no tienes nada que esconder?} ¿Quieres que sepan cuántas veces has buscado 'por qué me pica aquí' en Google? +\item \textbf{La Privacidad es Poder:} La privacidad no es esconder, es tener el control sobre tu vida. Es decidir qué compartes, con quién y cuándo +\end{itemize} +\end{frame} + +\begin{frame} +\frametitle{\textbf{Por qué el software libre}} +\begin{itemize} + \item El código abierto permite que cualquiera revise y audite el software. No hay puertas traseras ni sorpresas ocultas. + \item A diferencia del software privativo, el software libre no recopila tus datos en secreto ni los vende a terceros. + \item Muchas herramientas de privacidad y anonimato, como Tor y Tails, son software libre. ¡Por algo lo usan periodistas y activistas. +\end{itemize} +\begin{figure} + \centering + \includegraphics[width=0.65\linewidth]{images/swLibre.png} +\end{figure} +\end{frame} + + +\begin{frame} +\begin{figure} + \centering + \includegraphics[width=0.5\linewidth]{nadaQueOcultar.jpg} + \label{fig:enter-label} +\end{figure} + + +\end{frame} \ No newline at end of file diff --git a/sections/PlandeAccion.tex b/sections/PlandeAccion.tex new file mode 100644 index 0000000..a87abd1 --- /dev/null +++ b/sections/PlandeAccion.tex @@ -0,0 +1,24 @@ +\section{Plan de acción} +\begin{frame} +\frametitle{\textbf{¡Manos a la obra!}} +\begin{itemize} +\item Limpiar cookies +\item VPNs: ejemplos y configuracion +\item Servidores proxy +\item En el navegador: instalación de bloqueadores de anuncios y bloquear javascript +\item DNS alternativos +\item Navegación segura y anónima con TOR +\item Sistemas operativos +\item Email privado y seguro +\item Privacidad en los móviles +\end{itemize} +\end{frame} + +\begin{frame} +\frametitle{\textbf{Código para chat de Signal}} +\begin{figure} + \centering + \includegraphics[width=0.60\linewidth]{images/signalCode.jpg} + \caption{QR para charlas y eventos futuros en Open Bokeron} +\end{figure} +\end{frame} \ No newline at end of file diff --git a/sections/Pretexto.tex b/sections/Pretexto.tex new file mode 100644 index 0000000..16db036 --- /dev/null +++ b/sections/Pretexto.tex @@ -0,0 +1,15 @@ +\section{Vocabulario hacker} +\begin{frame} +\frametitle{\textbf{Vocabulario hacker}} +\begin{itemize} +\item Dirección IP +\item DNS: El traductor de Internet +\item Navegadores y Motores de Búsqueda +\item Cookies: Las Galletas Espías +\item VPNs y tráfico cifrado +\item Brechas de seguridad +\item Contraseñas: Tu Primera Línea de Defensa +\item Doble Factor de Autenticación (2FA) +\item Ingeniería Social: El Arte del Engaño +\end{itemize} +\end{frame} \ No newline at end of file diff --git a/sections/Roadmap.tex b/sections/Roadmap.tex new file mode 100644 index 0000000..6259e11 --- /dev/null +++ b/sections/Roadmap.tex @@ -0,0 +1,22 @@ +\section{Roadmap para el futuro} +\begin{frame} +\frametitle{\textbf{Roadmap}} +\begin{itemize} +\item Cámbiate a un navegador que respeta tu privacidad como Brave, Mullvad, Librewolf, etc,. +\item Usar un gestor de contraseñas libre como Keepassxc, Bitwarden, etc,. +\item Intenta no usar servicios de empresas que venden tus datos a anunciantes como los de Google. +\item Usa un sistema operativo que respeta tú privacidad como Linux, GrapheneOS para móviles android, etc,. +\item Consultar recursos como Awesome-Privacy para buscar software que respeta tu privacidad. + +Awesome Privacy: \bluehref{https://github.com/pluja/awesome-privacy}{https://github.com/pluja/awesome-privacy} +\end{itemize} +\end{frame} + +\begin{frame} +\frametitle{\textbf{Encuesta de eventos Open Bokeron 2025}} +\begin{figure} + \centering + \includegraphics[width=0.60\linewidth]{images/qrCodeLimeSurvey.png} + \caption{QR para charlas y eventos futuros en Open Bokeron} +\end{figure} +\end{frame} \ No newline at end of file diff --git a/sn-bibliography.bib b/sn-bibliography.bib new file mode 100644 index 0000000..4f1960d --- /dev/null +++ b/sn-bibliography.bib @@ -0,0 +1,21 @@ +@book{doe2024example, + author = {John Doe}, + title = {An Example of Dummy Book}, + year = {2024}, + publisher = {Fictional Press}, + address = {New York}, + edition = {2nd}, + isbn = {978-3-16-148410-0}, + note = {This is a dummy book for illustrative purposes}, +} + +@book{smith2025dummy, + author = {Jane Smith}, + title = {Understanding Placeholder References}, + year = {2025}, + publisher = {Imaginary Press}, + address = {London}, + edition = {3rd}, + isbn = {978-1-234-56789-7}, + note = {This is a dummy reference for illustrative purposes}, +}