Tessera

Julia's Reruns Bot

@b0rk-reruns.jvns.ca

This is a bot that I (@b0rk.jvns.ca) made to post reruns of my comics. Posts ~3x/week. Almost all of these are part of zines that you can buy at https://wizardzines.com, and you can find all of them at https://wizardzines.com/comics.

292 Posts252 Follower 1 Folgt

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 3d ago

unix permissions permalink: https://wizardzines.com/comics/unix-permissions/ from our zine Bite Size Linux!: https://wizardzines.com/zines/bite-size-linux/

### There are 3 things you can do to a file

**r**ead **w**rite e**x**ecute

### `ls -l file.txt` shows you permissions.
Here's how to intepret the output:

`rw- rw- r-- bork staff`

the first `rw-` means bork (user) can read & write
the second `rw-` means staff (group) can read & write
`r--` means ANYONE can read

### File permissions are 12 bits

The first digit is `setuid`, the second digit is `setgid`, the third digit is `sticky`
`110` (user) `110` (group) `100` (all)

For files:
r = can read
w = can write
x = can execute

For directories, it's approximately:
r = can list files
w = can create files
x = can cd into & access files

### 110 in binary is 6
So `rw-`
= 110
= 6

`r--`
= 100
= 4

`r-- `
= 100
= 4

`chmod 644 file.txt` means change the permissions to `rw- r-- r--`: simple!

### setuid affects executables
`$ls -l /bin/ping`
`rws r-x r-x root root`

(the s means ping always runs as oot)

`setgid` does 3 different unre

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 5d ago

unix domain sockets permalink: https://wizardzines.com/comics/unix-domain-sockets/ from our zine Bite Size Linux!: https://wizardzines.com/zines/bite-size-linux/

### unix domain sockets are files

```
$ file mysock.sock
socket
```
the file's permissions determine who can send data to the socket.

### they let 2 programs on the same computer communicate

Docker uses Unix domain sockets, for example!

process: GET/container (HTTP request)
Docker: Here you go!

### There are 2 kind of unix domain sockets

- `stream`: Like TCP! Lets you send a continuous stream of bytes
- `datagram`: Like UDP! Let you send discrete chunks of data

### advantage 1
Lets you use file permission to restrict access to HTTP/database services!

`chmod 600 secret.sock`

This is why Docker uses a unix domain socket. (lock icon)

evil process: run evil container
Linux, nonplussed: permission denied

### advantage 2
UDP sockets aren't always reliable (even on the same compute).

unix domain datagram sockets ARE reliable! And they won't reorder packets!

Process: I can send data and I KNOW it'll arrive

### advantage 3
You can send a file descriptor over a unix domain soc

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last wk.

anatomy of a HTTP response permalink: https://wizardzines.com/comics/anatomy-http-response/ from our zine HTTP: Learn your browser's language!: https://wizardzines.com/zines/http/

### HTTP responses have:
- a status code (200 OK! 404 not found!)
- headers
- a body (HTML, an image, JSON, etc)

### Here's the HTTP response from `examplecat.com/cat.txt`:
```
HTTP/1.1 200 OK
status
Accept-Ranges: bytes
Cache-Control: public, max-age=0
Content-Length: 33
Content-Type: text/plain; charset=UTF-8 Date: Mon, 09 Sep 2019 01:57:35 GMT
Etag: "ac5affa59f554a1440043537ae973790-ssl"
Strict-Transport-Security: max-age=31536000
Age: 0
Server: Netlify
[ASCII image of a cat, labelled "cat!" with a smiley face]
```
The first line, `HTTP/1.1 200 OK` is the status code. "200" is the status.

The lines from `Accept-Ranges` to `Server` are the headers.

The cat picture is the body.

### There are a few kinds of response headers:

- when the resource was sent/modified:
```
Date: Mon, 09 Sep 2019 01:57:35 GMT
Last-Modified: 3 Feb 2017 13:00:00 GMT
```

- about the response body:
```
Content-Language: en-US
Content-Length: 33
Content-Type: text/plain; charset=UTF-8
Content-Encoding: g

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2w ago

TLS certificates permalink: https://wizardzines.com/comics/certificates/ from our zine HTTP: Learn your browser's language!: https://wizardzines.com/zines/http/

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2w ago

HTTP/2 permalink: https://wizardzines.com/comics/http2/ from our zine HTTP: Learn your browser's language!: https://wizardzines.com/zines/http/

HTTP/2 is a new version of HTTP. Here's what you need to know:

### A lot isn't changing
All the methods, status codes, request/response bodies, and headers mean exactly the same thing in HTTP/2.

before (HTTP/1.1):
```
method: GET
path: /cat.gif
headers:
- Host: examplecat.com
- User-Agent: curl
```

after (HTTP/2):
```
method: GET
path: /cat.gif
authority: examplecat.com
headers:
- User-Agent: curl
```

one change:
Host header => authority

#### HTTP/2 is faster
Even though the data sent is the same, the way HTTP/2 sends it is different. The main differences are:
- It's a binary format (it's harder to ```tcpdump``` traffic and debug)
- Headers are compressed
- Multiple requests can be sent on the same connection at a time

before (HTTP/1.1):
→ request 1
response 1 ←
→ request 2
response 2 ←

after (HTTP/2):
→ request 1
→ request 2
response 2 ←
response 1 ← (out of order is ok)
(one TCP connection)

All these changes together mean that HTTP/2

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2w ago

shellcheck permalink: https://wizardzines.com/comics/shellcheck/ from our zine Bite Size Bash!: https://wizardzines.com/zines/bite-size-bash/

### shellcheck finds problems with your shell scripts
`$ shellcheck my-script.sh`
shellcheck: oops, you can't use in an `if [ ... ]`!

### it checks for hundreds of common shell scripting errors
shellcheck: hey, that's a bash- only feature but your script starts with `#!/bin/sh`

### every shellcheck error has a number (like "SC2013")
and the shellcheck wiki has a page for every error with examples! I've learned a lot from the wiki.

### it even tells you about misused commands
shellcheck: hey, it looks like you're not using `grep` correctly here
person: wow I'm not! thanks!

### your text editor probably has a shellcheck plugin
shellcheck: I can check your shell scripts every time you save!

### basically, you should probably use it
bash has too many weird edge cases for me to remember, I love that shellcheck can help me out!

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 3w ago

shell script arguments permalink: https://wizardzines.com/comics/shell-arguments/ from our zine Bite Size Bash!: https://wizardzines.com/zines/bite-size-bash/

### panel 1: a script's arguments are in `$1`, `$2`, `$3`, etc

```
./script.sh panda banana
```

`$1` is `"panda"` and `$2` is `"banana"`

### panel 2: arguments are great for making simple scripts

Here's a 1-line `svg2png` script that I use to convert SVGs to PNGs:

```
#!/bin/bash
inkscape "$1" -b white --export-png="$2"
```

I run it like this:

```
$ svg2png old.svg new.png
```

(arrow pointing to `"$2"`: "always quote your variables!")

### panel 3: get all the arguments with `"${@}"`

```
ls --color "${@}"
```

### panel 4: you can loop over arguments

```
for i in "${@}"
do
echo "$i"
done
```

### panel 5: 1 line shell scripts are great

person: "I can write a tiny script so I don't have to remember a long command!"

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 3w ago

non-POSIX features permalink: https://wizardzines.com/comics/bashisms/ from our zine Bite Size Bash!: https://wizardzines.com/zines/bite-size-bash/

$### some bash features aren't in the POSIX spec Illustration of a smiling stick figure with curly hair. Person: here are some examples! These won't work in POSIX shells like `dash` and `sh`. ### arrays POSIX shells only have one array: `$@` for arguments ### [[ $DIR=/home/*]] POSIX alternative: match strings with `grep` ### [[ ... ]] POSIX alternative: `[ ... ]` ### diff <(./cmd1) <./cmd2) this is called "process substitution", you can use named pipes instead ### the local Keyword in POSIX shells, all variables are global ### for ((i=0; i <3; i++)) `sh` only has for `x` in ... loops, not C-style loops ### a. {png, svg} you'll have to type `a.png a.svg` ### {1..5} POSIX alternative: `$(seq 1 5)` ### $'\n' POSIX alternative: `$(printf "\n")` ### ${var//search/replace} POSIX alternative: pipe to `sed`$

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 3w ago

environment variables permalink: https://wizardzines.com/comics/environment-variables/ from our zine Bite Size Bash!: https://wizardzines.com/zines/bite-size-bash/

$### panel 1: every process has environment variables how to see any process's environment variables on Linux: ``` cat /proc/$PID/environ | tr '\0' '\n' ``` ### panel 2: shell scripts have 2 kinds of variables 1. environment variables 2. shell variables unlike in most languages, in shell you access both of these in the exact same way: `$VARIABLE` ### panel 3: export sets environment variables ``` export ANIMAL=panda ``` `export ANIMAL=panda` means that every child process will have `ANIMAL` set to `panda` ### panel 4: child processes inherit environment variables this is wy the variables set in your `.bash_profile` work in all programs you start from the terminal. They're all child processes of your bash shell! ### panel 5: shell variables aren't inherited ``` var=panda ``` in this example, `$var` only gets set in this process, not in child processes ### panel 6: you can set environment variables when starting a program Illustration of a smiling stick figure with curly$

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 4w ago

xargs permalink: https://wizardzines.com/comics/xargs/ from our zine Bite Size Command Line!: https://wizardzines.com/zines/bite-size-command-line/

### xargs takes white space separated strings from stdin and converts them into command-line arguments
```
$ echo "/home /tmp"
| xargs ls
```
will run `ls /home/tmp`

### this is useful when you want to run the same command on a list of files!
- delete (`xargs rm`)
- combine (`xargs cat`)
- search (`xargs grep`)
- replace (`xargs sed`)

### how to replace "foo" with "bar" in all .txt files:
```
find. -name '*.txt' |
xargs sed -i s/foo/bar/g
```

### how to lint every Python file in your Git repo:
```
git ls-files | grep pyl
xargs pep8
```
### if there are spaces in your filenames "my day.txt" xargs will think it's 2 files
""my" and "day.txt"
fix it like this:
```
find -print0 |
xargs -0 COMMAND
```
### more useful xargs options
`-n 1` (max-args): makes xargs run a separate process max-args for each input
`-P` (capital P, max-procs): is the max number of parallel processes xargs will start

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 4w ago

top permalink: https://wizardzines.com/comics/top/ from our zine Bite Size Command Line!: https://wizardzines.com/zines/bite-size-command-line/

### top
a live-updating summary of the top users of your system's resources:

sad little stick person: who's using all my memory
top: chrome, obv!

let's explain some numbers in top!

### load average
3 numbers that roughly reflect demand for your CUs on the system in the last 1, 5, and 15 minutes.

if it's higher than the # of CPUs you have, that's often bad!

### memory
4 numbers: total/free/used/cached

One perhaps unexpected thing: total is NOT free+ used!

total = free + used + cached (filesystem cache)

### % CPU
confused stick figure with hair sticking out: 350%? what?

this column is given as the % of a single core. If you have 4 cores, this can go up to 400%!

### RES
this column is the "resident set size", aka how much RAM your process is using.

SHR is how much of the RES is shared with other processes

### htop
a prettier & more interactive version of top

Illustration of a graph showing different users of system resources with graphs showing used and cached memory in di

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 4w ago

tar permalink: https://wizardzines.com/comics/tar/ from our zine Bite Size Command Line!: https://wizardzines.com/zines/bite-size-command-line/

### panel 1
The tar file format combines many files into one file.

a.txt
b.txt
dir/c.txt

tar files aren't compressed by themselves. Usually you gzip them: .tar.gz or .tgz!

### panel 2:
Usually when you use the 'tar' command, you'll run some incantation.
To unpack a tar.gz, use:
```tar -xzf file.tar.gz``

person 1: what's xzf?
person 2: let's learn!

### panel 3: -X is for extract
into the current directory by default (change with -C)

### panel 4: -C is for create
makes a new tar file!

### panel 5: -t is for list
lists the contents of a tar archive

### panel 6: -f is for file
which tar file to create or unpack

### panel 7: tar can compress / decompress

-z gzip format (.gz)
-j bzip2 format (.bz2)
-J x2 format (.xz)
& more! see the man page

### panel 8: putting it together
list contents of a .tar.bz2:
```$tar tvf file.tar.bz2 ```
j = verbose

create a .tar.gz:
```$ tar -c2f file.tar.gz dir/```
dir/ = files to go in the archive

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last mo.

meet the remote permalink: https://wizardzines.com/comics/meet-the-remote/ from our zine How Git Works: https://wizardzines.com/zines/git/

### any repository you're pushing to / pulling from is called a "remote"

remotes can be:
- hosted by GitHub/GitLab/etc.
- on your own server
- just a folder on your computer

### git push syntax

(same for git pull)

`git push origin main`

"`origin`" is the remote name, "`main`" is the remote branch.

the default name for a remote is origin but you can name it anything

### tip!
I like to configure `push.autoSetupRemote true` to automatically set up tracking the first time I push a new branch

### remotes are where the drama happens

Smiling stick figure with short curly hair: I spent 3 hours working on `cats.py`

person: git pull

git, represented by a box with a smiley face: fun fact! your coworker totally rewrote that file!

### example: I use 2 remotes when contributing to open source projects

Diagram of a box labelled "local repo". Local repo has an arrow labelled "push to here", pointing to a box labelled "My personal GitHub fork". That box has an arrow labelled "pull reque

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last mo.

meet the merge permalink: https://wizardzines.com/comics/meet-the-merge/ from our zine How Git Works: https://wizardzines.com/zines/git/

### merging is a huge thing in git

But the terminology around merging is a bit confusing:

- `git merge`
isn't the only way to combine branches: you can also use `git rebase`!

- merge conflicts (surrounded by sad faces) can happen if you do any of these:
- `git merge`
- `git rebase`
- `git cherry-pick`
- `git revert`
- `git stash pop `

- merge commits are only created by `git merge`

Illustration of two stick figures talking, one is bald and looks unhappy, the other has curly hair and is smiling.

person 1: ... and what the heck is "fast forward"?

person 2: let's talk about it!

### there are 3 situations when combining branches

1. easy: no divergence ("fast-forward")
Diagram of a box with a heart in it, labelled "main". Branching off it in a horizontal line, are three boxes with a star, a hash symbol, and a squiggle. The squiggle box is labelled "panda".

git merge moves the main branch forward to where the panda branch is, like this:
Same diagram as a

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last mo.

meet the commit permalink: https://wizardzines.com/comics/meet-the-commit/ from our zine How Git Works: https://wizardzines.com/zines/git/

### commits never change
once you've made a commit, it's set in stone:
- the files in it never change
- its diff never changes
- its history never changes
- the message/author never change

### commit hashes
commits never change because their ID is calculated from their contents.

Illustration of a box labelled `sha1 hash`.

Going into the box are:
- every file
- parent(s)
- message
- author
- timestamp

Coming out of the box is an arrow labelled `3530a42`.

### you can think of commits as a pile of diffs

Illustration of a stack of boxes connected with lines. Each box is labelled "diff", except for the bottom one, which is labelled "START". The top box has an arrow pointing to it that says "current".

if you combine all the diffs together, you'll get the current state of the project!

(not how Git works, but a VERY useful way to think about commits!)

### you can also think of commits as a pile of snapshots

Illustration of a stack of boxes connected with lines. Each box is labelle

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last mo.

meet the branch permalink: https://wizardzines.com/comics/meet-the-branch/ from our zine How Git Works: https://wizardzines.com/zines/git/

### theoretically you could use git without branches

You could keep track of your commit IDs manually:

Illustration of a smiling stick figure with medium-length straight hair.

person: hmm, what was I working on? oh yes, `a38b997`!

But most people use branches.

### every branch has 3 things

- a name (like `main`)
- a latest commit (like `2e9ffc`)
- a reflog of how that branch has evolved over time (page 26)

Branches also sometimes have a corresponding remote branch which they "track"

### branches are core to how git stores your work

If your commits are "lost" (not on a branch) (page 13):
- (sad face) git's garbage collection will eventually delete them
- (sad face) they'll become incredibly difficult to find

### the only difference between the main branch and any other branch is how you treat them

For example: it's common to never commit to main directly, and instead commit to other branches which you merge into main when you're done.

### all changes to a branch are record

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last mo.

CSS variables permalink: https://wizardzines.com/comics/css-variables/ from our zine Hell Yes! CSS!: https://wizardzines.com/zines/css/

### duplication is annoying

Illustration of a frowning stick figure with curly hair.

person, thinking: ugh, I have `color: #f79` set in 27 places and now I need to change it in 27 places

### define variables in any selector

```
body {
--text-color: #f79;
body {
}

```
(applies to everything)
```
#header {
--text-color: #c50;
}
```
(applies to children of `#header`)

### use variables with `var()`
```
body {
color: var(--text-color);
}
```
(variables always start with `--`)

### do math on them with `calc()`
```
#sidebar {
width: calc(
var (--my-var) + 1em
);
}
```

### you can change a variable's value in Javascript
```
let root =
document.documentElement;
root.style.setProperty(
'--text-color', 'black');
```

### changes to variables apply immediately
JS, represented by a box with a smiley face: set `--text-color` to red

css renderer, also represented by a box with a smiley face: ok everything using it is red now!

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last mo.

CSS units permalink: https://wizardzines.com/comics/units/ from our zine Hell Yes! CSS!: https://wizardzines.com/zines/css/

### CSS has 2 kinds of units: absolute & relative
absolute:
- px
- pt
- pc
- in
- cm
- mm

relative
- em
- rem
- vw
- vh
- %

### `rem`
the root element's font size

`1rem` is the same everywhere in the document. `rem` is a good unit for setting font sizes!

### `em`
the parent element's font size
```
.child {
font-size: 1.5em;
}
```

Illustration of a box labelled "parent". Inside it is a box labelled, in larger text, "child". An arrow is pointing to the "child" text, labelled "font size is 1.5 x parent".

### O is the same in all units
```
.btn {
margin: 0;
}
```
also, `0` is different from `none`. `border: 0` sets the border width and `border: none` sets the style

### 1 inch = 96 px
on a screen, 1 CSS "inch" isn't really an inch, and 1 CSS "pixel" isn't really a screen pixel. look up "device pixel ratio" for more.

### rem & em help with accessibility
```
.modal {
width: 20rem;
}
```
this scales nicely if the user increases their browser's default font size

Julia's Reruns Bot @b0rk-reruns.jvns.ca · last mo.

CSS transitions permalink: https://wizardzines.com/comics/css-transitions/ from our zine Hell Yes! CSS!: https://wizardzines.com/zines/css/

### an element's computed style can change

2 ways this can happen:

1. pseudo-classes
(like `:hover`)

2. Javascript code
`el.classList.add('x')`

### new styles change the element instantly...
```
a:hover {
color: red;
}
```
the element will turn red right away

### unless you set the transition property

```
a {
color: blue;
transition: all 2s;
}
a:hover {
color: red;
}
```
("`all 2s`" = will fade from blue to red over 2s)

### transition has 3 parts
`transition: color 1s ease;`

`color`: which CSS properties to animate
`1s`: duration
`ease`: timing function

### not all property changes can be animated....
`list-style-type: square;`

CSS renderer, represented by a box with a smiley face: I don't know how to animate that, sorry!

### ...but there are dozens of properties that can
if it's a number or color, it can probably be animated!
```
font-size: 14px;
rotate: 90deg;
width: 20em;
```

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

CSS testing checklist permalink: https://wizardzines.com/comics/testing-checklist/ from our zine Hell Yes! CSS!: https://wizardzines.com/zines/css/

Finally, it's important to test your site with different browsers, screen sizes, and accessibility evaluation tools.

### browsers
- Chrome
- Safari
- Firefox
- maybe others!

### sizes
- small phone (300px wide)
- tablet (~700px)
- desktop (~1200px)

### accessibility
- colour contrast
- text size
- keyboard navigation
- works with a screen reader

### performance
- fake a slow/high latency network connection!

Illustration of a smiling stick figure with curly hair.

person: the most important thing is to know your users! Check your analytics: if 10% of your users are using IE, test your site on IE!

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

tshark permalink: https://wizardzines.com/comics/tshark/ from our zine Bite Size Networking!: https://wizardzines.com/zines/bite-size-networking/

### Wireshark is an amazing graphical packet analysis tool
("Wireshark" has hearts around it)

tshark is the command line version of Wireshark

it can do 100x more things than tcpdump (heart)

### `-Y`
filter which packets are captured

```
tshark -y
'http.request.method
== "GET"
```
(uses Wireshark's SUPER POWERFUL filter language)

### `-d`
is for "decode as"

tells tshark what protocol to interpret a port as

Example: 8888 is often HTTP!

```
$tshark
-d tcp.port==8888,http
```

### `-T FORMAT`
Output format. My favourites:
- json
- fields: csv/tsv
(for these above two you can specify which fields you want with `-e`)
- text: default summary

### `-e`
Which fields to output. Ex:
```
$tshark -T fields
-e http.request.method
-e http.request.uri
-e ip.dst
```
(supports WAY more protocols than HTTP)
```
GET /foo 92.183.216.34
POST /bar 10.23.38.132
```

### `-r file.pcap`
analyze packets from a file instead of the network

### `-w`
(same as tcpdump)

Write captured packets to a

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

tcpdump permalink: https://wizardzines.com/comics/tcpdump/ from our zine Bite Size Networking!: https://wizardzines.com/zines/bite-size-networking/

### tcpdump lets you view network packets being sent and received

happy little stick figure: it's not the easiest to use but it's usually installed (heart)

### `-n`
don't try to resolve IP addresses/ports to DNS/port names. makes it run faster

### `i wlan0`
Which network interface to capture packets on

person: I often use "`-i any`" to make sure I'm not missing any packets!

### `-w file.pcap`
Write packets to a file for later analysis with tcpdump/tshark/wireshark/another tool

pcap is short for "packet capture"

### `-A`
print packet contents, not just headers. Nice if you want to quickly see what a few packets contain.

### `-c 1000000`
Only capture a limited count of packets.

person: I use it with `-w` so I don't accidentally fill up my disk!

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

tc permalink: https://wizardzines.com/comics/tc/ from our zine Bite Size Networking!: https://wizardzines.com/zines/bite-size-networking/

### tc
is for "traffic control"

humanoid traffic light, its hand held up as though directing traffic: packets! stop/slow down/go the other way!

great for simulating network problems!

### make your internet slow
```
$ sudo tc qdisc add dev
wlp3s0 root netem
delay 500ms
```
(delay packets by 500ms)

and fast again:
```
$ sudo tc qdisc del dev
wlp3s0 root netem
```

### netem rules
netem ("network emulator") is a part of tc that lets you:
- drop
- duplicate
- delay
- corrupt

packets. see the man page `$ man netem`

### make your brother's internet slow
Have a Linux router? You can configure tc on it to make your brother's internet slower than yours. google "tc QoS" for a start.

### show current tc settings
```
$ tc qdisc show
$ tc class show dev DEV
$ tc filter show dev DEV
```

### panel 6

smiling stick figure: `tc` can do 10 million more things! This is just the beginning!

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

writing tip: say something surprising permalink: https://wizardzines.com/comics/surprise/

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

writing tip: ask good questions permalink: https://wizardzines.com/comics/writing-ask-questions/

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

write for one person permalink: https://wizardzines.com/comics/write-for-one-person/

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

highlight the main ideas permalink: https://wizardzines.com/comics/main-ideas/

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

learning on my own permalink: https://wizardzines.com/comics/learning-on-my-own/ from our zine So you want to be a wizard: https://wizardzines.com/zines/wizard/

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

learning at work permalink: https://wizardzines.com/comics/learning-at-work/ from our zine So you want to be a wizard: https://wizardzines.com/zines/wizard/

Julia's Reruns Bot @b0rk-reruns.jvns.ca · 2mo ago

it's not too late to start learning permalink: https://wizardzines.com/comics/start-learning-today/ from our zine So you want to be a wizard: https://wizardzines.com/zines/wizard/