wm workshop

wm-workshop/inspiration/source.txt

+All files are from somewhere on the internet and not my creation.

wm-workshop/presentation/build.sh

+#!/bin/bash
+echo "Building pdf..."
+pandoc -t beamer --template template.tex --listings pres.md -o pres-part.pdf --pdf-engine pdflatex \
+    && pandoc -t beamer --template template.tex --listings firstslide.md -o firstslide.pdf --pdf-engine pdflatex \
+    && pdfunite firstslide.pdf pres-part.pdf pres.pdf \
+    && rm firstslide.pdf pres-part.pdf \
+    && echo "Build successful"

wm-workshop/presentation/firstslide.md

+# Welcome to the Window Manager Workshop!
+
+* Please get your certificate and identifying documents ready
+
+* Slides available under thealternative.ch -> courses -> wm workshop
+
+* If there are any technical problems, let me know!

wm-workshop/presentation/header.tex

+\usepackage[T1]{fontenc} %pipes don't display properly without this
+\usepackage[utf8]{inputenc}
+\usepackage{listings}
+\usepackage{color}
+\usepackage{datapie}
+\usepackage{multicol}
+\usepackage{siunitx} %pretty measurement unit rendering
+\usepackage{hyperref} %enable hyperlink for urls
+\usepackage{caption} % needed to tweak caption size
+
+
+\usefonttheme[onlymath]{serif}
+\setcounter{MaxMatrixCols}{20}
+
+\DeclareSIUnit\pixel{px}
+
+\usecolortheme[RGB={37,68,113}]{structure}
+\usetheme{Dresden}
+
+\newenvironment{figurehere}
+{\def\@captype{figure}}
+{}
+\makeatother
+
+%commands to exclude sections from miniframes
+\makeatletter
+\let\beamer@writeslidentry@miniframeson=\beamer@writeslidentry
+\def\beamer@writeslidentry@miniframesoff{%
+   	\expandafter\beamer@ifempty\expandafter{\beamer@framestartpage}{}% does not happen normally
+   	{%else
+   		% removed \addtocontents commands
+   		\clearpage\beamer@notesactions%
+   	}
+}
+\newcommand*{\miniframeson}{\let\beamer@writeslidentry=\beamer@writeslidentry@miniframeson}
+\newcommand*{\miniframesoff}{\let\beamer@writeslidentry=\beamer@writeslidentry@miniframesoff}
+\beamer@compresstrue
+\makeatother
+
+
+%various gray colors
+\definecolor{slg}{gray}{0.25}
+\definecolor{lg}{gray}{0.55}
+\definecolor{vlg}{gray}{0.73}
+\definecolor{tlg}{gray}{0.9}
+
+%TheAlt colors
+\definecolor{ldorange}{HTML}{F18A20}
+\colorlet{ldbright}{ldorange!70!white} % tinted version of orange, used in miniframes
+\definecolor{ldblue}{HTML}{254471}
+
+%reduce caption font size:
+\captionsetup{font={scriptsize,color=lg}}
+
+%do not prepend numbering/lettering to figures/subfigures
+\captionsetup{labelformat=empty} %do not prepend letters to figure captions
+
+%Apply TheAlt colors to theme
+ % section titles in top navigation bar
+\setbeamercolor{section in head/foot}{parent=palette tertiary,fg=ldorange}
+\setbeamertemplate{section in head/foot shaded}{\color{ldbright}\usebeamertemplate{section in head/foot}}
+ % miniframes (little navigation circles)
+\setbeamercolor*{mini frame}{fg=ldorange,bg=ldbright}
+\setbeamertemplate{mini frame in other section}[default][0]
+\setbeamertemplate{mini frame in other subsection}[default][0]
+ % others
+\setbeamercolor{author in head/foot}{fg=white}
+\setbeamercolor{subsection in head/foot}{fg=white}
+\setbeamercolor{caption name}{fg=vlg}
+\setbeamercolor{caption}{fg=vlg}
+\setbeamercolor{frametitle}{fg=ldblue}
+
+\setbeamertemplate{caption}{\raggedright\insertcaption\par}
+\setbeamertemplate{navigation symbols}{}
+\setbeamertemplate{bibliography item}[text]
+
+\definecolor{mygreen}{rgb}{0,0.6,0}
+\definecolor{mygray}{rgb}{0.5,0.5,0.5}
+\definecolor{mymauve}{rgb}{0.58,0,0.82}
+
+\lstdefinestyle{custombash}{
+	belowcaptionskip=1\baselineskip,
+	captionpos=,
+	breaklines=true,
+	frame=L,
+	xleftmargin=\parindent,
+	language=bash,
+	showstringspaces=false,
+	basicstyle=\scriptsize\ttfamily,
+	rulecolor=\color{tlg},
+	backgroundcolor=\color{tlg},
+	fillcolor=\color{tlg},
+	rulesepcolor=\color{tlg},
+	commentstyle=\itshape\color{purple!60!black},
+	keywordstyle=\bfseries\color{ldorange!80!black},
+	%keywordstyle=\bfseries\color{green!40!black},
+	identifierstyle=\color{blue},
+	stringstyle=\color{orange},
+}
+
+\lstset{language=Bash,style=custombash,caption={Descriptive Caption Text},label=DescriptiveLabel}
+
+\title{Bash Workshop}
+\author{Aline Abler}
+
+\institute{\includegraphics[width=0.35\textwidth]{img/logo_blue.pdf}}
+
+
+\renewcommand{\emph}[1]{\textcolor{ldorange}{#1}}
+\newcommand{\soft}[1]{\textcolor{lg}{#1}}
+\newcommand{\textt}[1]{\textcolor{blue}{\texttt{#1}}}
+\newcommand{\bigtext}[1]{\centering\Huge \textbf{\textcolor{ldorange}{#1}}}
+
+%shortcut to insert small logo in footline
+\def\logo{%
+	\resizebox{!}{3ex}{\includegraphics{img/logo_white.pdf}}
+}
+
+% Define a custom footline that includes our logo
+\setbeamertemplate{footline}
+{%
+	\begin{beamercolorbox}[wd=\paperwidth,ht=2.5ex,dp=1.125ex,%
+		leftskip=.3cm,rightskip=.3cm plus1fil]{title in head/foot}
+		\usebeamerfont{title in head/foot}%
+		\insertshorttitle\hfill\insertframenumber
+	\end{beamercolorbox}
+	\begin{beamercolorbox}[wd=\paperwidth,ht=3.5ex,dp=1.625ex,%
+		leftskip=.3cm,rightskip=.3cm plus1fil]{author in head/foot}
+		\usebeamerfont{author in head/foot}
+		\raisebox{0.5ex}{\insertshortauthor}\hfill\raisebox{-0.5ex}{\logo}
+	\end{beamercolorbox}
+}
+

wm-workshop/presentation/pres.md

+---
+author:
+- Noah Marti
+title: Window Manager Workshop
+---
+
+# Introduction
+
+## Introduction
+
+### What is this workshop about?
+
+Contents
+
+* An introduction by Noah Marti
+* Lukas Tobler about his bar
+* YOUR time
+
+### What can you do?
+
+Whatever you want
+
+* Rice your WM/DE on your own
+* Rice your WM/DE with our help
+
+# Ricing Guide - Basics
+
+## Do you know the five thinking steps?
+
+### What is ricing?
+
+Why RICE
+
+* Racing Inspired Car Enhancements
+
+Ricing your Computer
+
+* Configuring the graphical part of your OS to suit your desires
+
+### The five steps of ricing
+
+* WM
+* Basic config
+* Intermdeiate config
+* Advanced config
+* Finishing touch
+
+### WM
+
+* Decide which WM/DE you want to use
+
+### Basic Configuration
+
+* keybindings
+* autostart
+* wallpaper
+	* image
+* lockscreen
+	* image
+	* generated image
+
+### Intermediate Configuration
+
+* statusbar
+* panel
+* display on wallpaper
+* terminal
+
+### Advanced Configuration
+
+Additional cool tools
+
+* ranger
+* rofi
+* dmenu
+
+* Just for fun
+	* neofetch (or similar)
+	* cmatrix
+	* pipes.sh
+
+### Finishing Touch
+
+* Configure your day-to-day programs
+
+# Ricing Guide - Details
+
+## Window Manager
+
+### Window Manager (or DE)
+
+* floating/tiling/dynamic
+* have a look at the arch wiki [https://wiki.archlinux.org/title/Window\_manager]
+	* just test every WM :^)
+* what language/config do they use?
+* have a look at their homepage
+* look at some screenshots in the web
+* openbox, fvwm, berrywm, i3, herbstluftwm, bspwm, eiswm
+
+## Basic
+
+### Keybindings
+
+* usually comes with your WM
+* sxhkd
+
+### Autostart
+
+* usually comes with your WM
+
+### Wallpaper & Lockscreen
+
+* Wallpaper
+	* Any image you like
+	* Set with feh, nitrogen, bgs, hsetroot, habak, display
+	* Derive a colorscheme from it
+* Lockscreen
+	* Program to lock screen
+	* Image
+	* Generate Image with a skript (ImageMagick)
+
+## Intermediate
+
+### Statusbar
+
+* Polybar
+* Lemonbar
+* dzen2 (write your own)
+
+### Panel
+
+* xfce4-panel
+* tint2
+
+### Info on wallpaper
+
+* conky 
+
+### Terminal
+
+* Whatever you like
+* What do you want your terminal to support?
+* Shell
+	* bash (standard)
+	* csh, fsh, ...
+
+## Advanced
+
+### Additional things to have a look at
+
+* neofetch
+	* display system specifications in terminal
+* redshift
+	* "night mode" for your screen
+	* alternative: xrandr gamma correction
+
+* pywal
+	* create and apply colorscheme
+
+### Additional things to have a look at
+
+* rofi
+	* create menues
+* dmenu
+	* program launcher
+* .Xresources
+	* [https://wiki.archlinux.org/title/X\_resources]
+	* configure parameters for X client applications
+
+# Examples
+
+## Some examples
+
+### i3 + i3blocks
+
+\includegraphics[width=0.8\textwidth]{img/jc.png}
+
+### eiswm
+
+\includegraphics[width=0.8\textwidth]{img/eiswm.png}
+
+### berrywm
+
+\includegraphics[width=0.8\textwidth]{img/berrywm.png}
+
+### bspwm
+
+\includegraphics[width=0.8\textwidth]{img/bspwm.png}
+
+## More examples
+
+### Reddit
+
+* unixporn
+* search for your specific wm
+
+# Writing your own programs
+
+## Writing your own WM
+
+### Writing your own WM
+
+Dont
+
+### Framework
+
+Graphic Server
+
+* Xorg
+* Wayland
+
+### Where to start
+ 
+* from scratch
+* start with TinyWM [http://incise.org/tinywm.html]
+* fork the WM you like most
+
+### eiswm
+
+* a fork of dwm
+	* pretty lightweight
+	* written in C
+	* patches
+* just rename it and pretend its your work :^)
+* additional features
+	* gaps
+	* battery charge
+	* time
+	* more layouts
+
+## Writing your own bar
+
+### ggbar
+
+\bigtext{ggbar by Lukas Tobler}
+
+## Material
+
+### Course material
+* These slides and  additional content: \
+    \soft{http://thealternative.ch}
+
+<!-- -->
+
+* \soft{Theme by} Christian Horea, [CC BY](https://creativecommons.org/licenses/by/4.0/)
+* \soft{Original Presentation by} Noah Marti