Skip to content
Snippets Groups Projects
Commit c4c418aa authored by Florian Moser's avatar Florian Moser
Browse files

Add more slides

parent 067fc8f5
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 94 additions and 159 deletions
linux_toolkit_2021/css/remark.css
+ 18
− 1
View file @ c4c418aa
......@@ -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;
}
linux_toolkit_2021/example_01_template.html deleted 100644 → 0
+ 0
− 14
View file @ 067fc8f5
<!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
linux_toolkit_2021/example_02_position.html deleted 100644 → 0
+ 0
− 34
View file @ 067fc8f5
<!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
linux_toolkit_2021/example_03_datatable.html deleted 100644 → 0
+ 0
− 46
View file @ 067fc8f5
<!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
linux_toolkit_2021/example_04_masonry.html deleted 100644 → 0
+ 0
− 45
View file @ 067fc8f5
<!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
linux_toolkit_2021/illustrations.bmpr deleted 100644 → 0
+ 0
− 0
View file @ 067fc8f5
File deleted
linux_toolkit_2021/index.html
+ 76
− 19
View file @ c4c418aa
......@@ -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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment