Commit 61f2e04c authored by Florian Moser's avatar Florian Moser
Browse files

Add more slides

parent 912dfb39
......@@ -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;
}
<!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
<!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
<!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
<!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
......@@ -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>
......
Markdown is supported
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