diff --git a/linux_toolkit_2021/css/remark.css b/linux_toolkit_2021/css/remark.css
index dd1a53f6b39862def7d7326f28f7bb1062c2bf6f..475808d44bb090ad6cb3c224550da04e3c149cc7 100644
--- a/linux_toolkit_2021/css/remark.css
+++ b/linux_toolkit_2021/css/remark.css
@@ -26,4 +26,21 @@ h1, h2, h3 {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
-}
\ No newline at end of file
+}
+
+
+img {
+ width: 40%;
+}
+
+.remark-inline-code {
+ color: #f18a21;
+}
+
+strong {
+ color: #f18a21;
+}
+
+p {
+ line-height: 1.25;
+}
diff --git a/linux_toolkit_2021/example_01_template.html b/linux_toolkit_2021/example_01_template.html
deleted file mode 100644
index f35c2336432819466b590350cc984ce66d6f9a2d..0000000000000000000000000000000000000000
--- a/linux_toolkit_2021/example_01_template.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
- <title>Hello, world!</title>
- <meta name="description" content="A simple HTML document.">
- </head>
- <body>
- <h1>Hello, world!</h1>
- <p>This demonstrates a simple HTML document.</p>
- </body>
-</html>
\ No newline at end of file
diff --git a/linux_toolkit_2021/example_02_position.html b/linux_toolkit_2021/example_02_position.html
deleted file mode 100644
index 55ca426348b849b8726d3501a592b39f0eff2e74..0000000000000000000000000000000000000000
--- a/linux_toolkit_2021/example_02_position.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
- <title>Hello, positions!</title>
- <meta name="description" content="A HTML document demonstrating positioning.">
- <style>
- .container-outer {
- position: relative;
- top: 10px;
- width: 100%;
- height: 90px;
- background-color: blue;
- }
-
- .container-inner {
- position: absolute;
- top: 50px;
- right: 50px;
- width: 100%;
- height: 30px;
- background-color: yellow;
- }
- </style>
- </head>
- <body>
- <div class="container-outer">
- <div class="container-inner">
- </div>
- </div>
- </body>
-</html>
\ No newline at end of file
diff --git a/linux_toolkit_2021/example_03_datatable.html b/linux_toolkit_2021/example_03_datatable.html
deleted file mode 100644
index 2e4cf677bc529d38cd4bdda1284f675374312f2a..0000000000000000000000000000000000000000
--- a/linux_toolkit_2021/example_03_datatable.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
- <title>Hello, table!</title>
- <meta name="description" content="A HTML document with an interactive table.">
-
- <!-- jQuery -->
- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-
- <!-- DataTable -->
- <link rel="stylesheet" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css">
- <script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
-
- <script>
- $(document).ready(function () {
- $('.table-interactive').DataTable();
- });
- </script>
- </head>
- <body>
- <h1>Hello, table!</h1>
- <p>This demonstrates an interactive table.</p>
-
- <table class="table table-interactive">
- <thead>
- <tr>
- <th>Name</th>
- <th>Age</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Timmy</td>
- <td>9</td>
- </tr>
- <tr>
- <td>Santa Clause</td>
- <td>-1</td>
- </tr>
- </tbody>
- </table>
- </body>
-</html>
\ No newline at end of file
diff --git a/linux_toolkit_2021/example_04_masonry.html b/linux_toolkit_2021/example_04_masonry.html
deleted file mode 100644
index ceccdfdfcad79140b359d30ad14ff42ba520a948..0000000000000000000000000000000000000000
--- a/linux_toolkit_2021/example_04_masonry.html
+++ /dev/null
@@ -1,45 +0,0 @@
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
- <title>Hello, masonry!</title>
- <meta name="description" content="A HTML document with a masonry.">
-
- <!-- jQuery -->
- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-
- <!-- Masonry -->
- <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
-
- <script>
- $(document).ready(function () {
- $('.grid').masonry({
- itemSelector: '.grid-item',
- });
- });
- </script>
-
- <style>
- .grid { width: 840px; background-color: #efefef; }
- .grid-item { width: 200px; height: 20px; background-color: #618b55; margin: 5px; }
- .grid-item--width2 { width: 410px; }
- .grid-item--height2 { height: 40px; }
- .grid-item--height4 { height: 80px; }
- </style>
- </head>
- <body>
- <h1>Hello, masonry!</h1>
- <p>This demonstrates a masonry.</p>
-
- <div class="grid">
- <div class="grid-item grid-item--height4"></div>
- <div class="grid-item grid-item--width2"></div>
- <div class="grid-item grid-item--height2"></div>
- <div class="grid-item"></div>
- <div class="grid-item grid-item--height2"></div>
- <div class="grid-item"></div>
- </div>
- </body>
-</html>
\ No newline at end of file
diff --git a/linux_toolkit_2021/illustrations.bmpr b/linux_toolkit_2021/illustrations.bmpr
deleted file mode 100644
index 9b1e6bbcef156f74b7157a0f4177503600204bc1..0000000000000000000000000000000000000000
Binary files a/linux_toolkit_2021/illustrations.bmpr and /dev/null differ
diff --git a/linux_toolkit_2021/index.html b/linux_toolkit_2021/index.html
index 46ad8d38c0849c118c0088f62722e5f2f275edac..429258a85cf983f14f1534a05b5ad0adca465727 100644
--- a/linux_toolkit_2021/index.html
+++ b/linux_toolkit_2021/index.html
@@ -5,23 +5,6 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="css/remark.css">
<link rel="stylesheet" media="print" href="css/remark.print.css">
-<style>
- img {
- width: 40%;
- }
-
- .remark-inline-code {
- color: #f18a21;
- }
-
- strong {
- color: #f18a21;
- }
-
- body {
- line-height: 2em;
- }
-</style>
</head>
<body>
<textarea id="source">
@@ -331,7 +314,7 @@ find ~/Documents -type f -exec grep -l "//.*TODO" {} \;
# file conversion
-sometimes you want to convert between similar file formats. there are a lot of tools for this.most are specific for some kind of file content.here are some common ones:
+sometimes you want to convert between similar file formats. there are a lot of tools for this. most are specific for some kind of file content.here are some common ones:
- `ffmpeg` for audio and video
- `pandoc` for many hierarchical text formats (mark down, html, latex)
@@ -350,8 +333,82 @@ done
---
-# Downloading stuff
+# wget
+mirror webpage
+
+```bash
+wget --mirror --convert-links --page-requisites \
+--no-parent -e robots=off https://thealternative.ch
+```
+
+
+---
+
+# git
+
+Git is a version control system: Keep track of who changed what, when and why, and revert changes easily.
+
+```bash
+git init
+git add *
+git commit -m "Initial commit"
+git remote add git@gitlab.ethz.com/thealternative/courses.git
+git push -u origin --all
+```
+
+*Visit the git course next week!*
+
+---
+
+# ssh
+
+`Euler` is an ETH supercomputer:
+
+```bash
+ssh nilsl@euler.ethz.ch
+```
+
+Connect with SSH and execute commands in the console of the server.
+
+---
+
+# tmux
+
+Execute long-running processes in the background while your terminal is closed. Especially useful in combination with SSH.
+
+```bash
+tmux new -s new_session
+tmux attach new_session
+```
+
+---
+
+# xdotools
+
+Automate key presses & mouse movements.
+```
+xdotool key ctrl+c key alt+Tab key ctrl+v
+xdotool mousemove 20 100 click 1 sleep 2 mosemove 100 20
+```
+
+---
+
+# Longlist of interesting tools
+
+**stow** lets you manage config files easily.
+**ranger** is a console-based file manager.
+**i3** is an alternative window-manager.
+**borg** is a backup tool.
+
+
+---
+
+# Longlist of interesting tools with not helpful descriptions
+
+**ranger** is a cringe file manager.
+**i3** is gnome for vegans.
+**rm -rf /** saves storage space.
</textarea>
<script src="js/remark.min.js" type="text/javascript"></script>