Compare commits
2 commits
b31851236c
...
303787e460
| Author | SHA1 | Date | |
|---|---|---|---|
303787e460
|
|||
|
38170ba6ec
|
10 changed files with 253 additions and 20 deletions
20
BACKLOG.md
Normal file
20
BACKLOG.md
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
# BACKLOG
|
||||||
|
|
||||||
|
- blog articles
|
||||||
|
- [ ] recommendation of software (excalidraw etc.)
|
||||||
|
- [ ] audio formats (flac, wave, etc.) and what you should use what for[^1]
|
||||||
|
- [ ] reference managing and all related tools (zotero, archivebox/`archive.is`) alongside reference formats and `bibtex`
|
||||||
|
- [ ] newer image formats (`JpegXL`, `HEIC`) and their features
|
||||||
|
- [ ] rooting my phone and the stuff I used for that (Pixelflasher[^2], KernelSU vs Magisk vs APatch)
|
||||||
|
- [ ] how to find other software ([alternativeto](https://alternativeto.net))
|
||||||
|
- [ ] RSS feeds and how to read them properly (readers, aggregators and client)
|
||||||
|
- [ ] my favourite encryption toolset (age/rage, PGP/GPG, LUKS)
|
||||||
|
- other stuff
|
||||||
|
- [ ] docker image
|
||||||
|
- [ ] uploading via sftp + wireguard inside of `justfile`
|
||||||
|
- [ ] support for other languages (like german)
|
||||||
|
- [ ] create slides (using `revealjs`) for each article
|
||||||
|
- [ ] automatically if possible
|
||||||
|
|
||||||
|
[^1]: and some `ffmpeg` commands which are needed
|
||||||
|
[^2]: and my weird problems with bootloader mode etc.
|
||||||
6
README.md
Normal file
6
README.md
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
# My blog stuff
|
||||||
|
|
||||||
|
This blog is written using the amazingly fast engine [zola](https://www.getzola.org) and the beatifully crafted [duckquill](https://duckquill.daudix.one) theme.
|
||||||
|
|
||||||
|
It can be viewed using my `justfile`.
|
||||||
|
|
||||||
|
|
@ -44,6 +44,8 @@ show_read_time = true
|
||||||
|
|
||||||
show_copy_button = true
|
show_copy_button = true
|
||||||
|
|
||||||
|
source_url = "https://git.grobecker.me/Erik/blog"
|
||||||
|
|
||||||
[extra.nav]
|
[extra.nav]
|
||||||
# Whether to show the Atom/RSS feed button in the nav
|
# Whether to show the Atom/RSS feed button in the nav
|
||||||
show_feed = true
|
show_feed = true
|
||||||
|
|
|
||||||
|
|
@ -82,6 +82,6 @@ jgs~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~
|
||||||
```
|
```
|
||||||
{% end %}
|
{% end %}
|
||||||
|
|
||||||
This blog is written using the wonderful engine [zola](https://www.getzola.org) and the [duckquill](https://duckquill.daudix.one) theme
|
<!-- This blog is written using the wonderful engine [zola](https://www.getzola.org) and the [duckquill](https://duckquill.daudix.one) theme -->
|
||||||
|
|
||||||
## asd
|
## asd
|
||||||
|
|
@ -12,6 +12,7 @@ katex = true
|
||||||
- [ ] markdown
|
- [ ] markdown
|
||||||
- [ ] syntax
|
- [ ] syntax
|
||||||
- [ ] programmability
|
- [ ] programmability
|
||||||
|
- [ ] [revealjs](https://github.com/hakimel/reveal.js)
|
||||||
- [ ] typst
|
- [ ] typst
|
||||||
- [ ] syntax
|
- [ ] syntax
|
||||||
- [x] math
|
- [x] math
|
||||||
|
|
@ -34,7 +35,12 @@ katex = true
|
||||||
[^1]: like plotting, etc.
|
[^1]: like plotting, etc.
|
||||||
[^2]: many more are supported using pandoc
|
[^2]: many more are supported using pandoc
|
||||||
|
|
||||||
<!-- ## Markdown -->
|
## Markdown
|
||||||
|
|
||||||
|
### Revealjs
|
||||||
|
|
||||||
|
MD can be used to create beatiful slides using the `reveal.js` library like in
|
||||||
|
[this example](./revealjs/funny.html)
|
||||||
|
|
||||||
## Typst
|
## Typst
|
||||||
|
|
||||||
|
|
|
||||||
162
content/blog/format-comparison/revealjs/funny.html
Normal file
162
content/blog/format-comparison/revealjs/funny.html
Normal file
|
|
@ -0,0 +1,162 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="theme-color" content="#000000" />
|
||||||
|
<meta name="description" content="Reveal JS Presentation" />
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.min.css" />
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/theme/solarized.css"
|
||||||
|
id="theme" />
|
||||||
|
|
||||||
|
<link rel="stylesheet"
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/atelier-cave-light.min.css"
|
||||||
|
integrity="sha512-fNprY9f5BGeuC3KYaGc0+fAke3ZIFpsUXTMsqg2Bi2c7F/ktzTnutNkzNmq3izYkr2ke+/pyBpNsZbk1tA9OZw=="
|
||||||
|
crossorigin="anonymous" />
|
||||||
|
|
||||||
|
<title>Reveal JS - CDN Example - Markdown</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="reveal">
|
||||||
|
<div class="slides">
|
||||||
|
|
||||||
|
<section data-markdown>
|
||||||
|
<textarea data-template>
|
||||||
|
# Simple Markdown
|
||||||
|
## Bayes' theorem
|
||||||
|
$$
|
||||||
|
P(A\mid B) = \frac{P(B \mid A) \\; P(A)}{P(B)}
|
||||||
|
$$
|
||||||
|
</textarea>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-markdown data-separator="---">
|
||||||
|
<textarea data-template>
|
||||||
|
# Slides are separated by three dashes
|
||||||
|
---
|
||||||
|
## First
|
||||||
|
Slide 1
|
||||||
|
---
|
||||||
|
## Second
|
||||||
|
Slide 2
|
||||||
|
---
|
||||||
|
## Third
|
||||||
|
Slide 3
|
||||||
|
</textarea>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$">
|
||||||
|
<textarea data-template>
|
||||||
|
# Using spaces and dashes
|
||||||
|
|
||||||
|
_Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes_
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## First - main
|
||||||
|
Slide 1.1
|
||||||
|
|
||||||
|
--
|
||||||
|
|
||||||
|
## First - auxiliary
|
||||||
|
Slide 1.2
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Second
|
||||||
|
Slide 2
|
||||||
|
</textarea>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-markdown>
|
||||||
|
<textarea data-template>
|
||||||
|
# No slide splitting
|
||||||
|
|
||||||
|
_Since there are no separators defined, dashes will become horizontal rulers_
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
A
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
B
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
C
|
||||||
|
</textarea>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-markdown data-separator="---">
|
||||||
|
<textarea data-template>
|
||||||
|
<!-- .slide: data-background="#FFDEE9" -->
|
||||||
|
# Setting slide background
|
||||||
|
---
|
||||||
|
<!-- .slide: data-background="linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%)" -->
|
||||||
|
## Slide background
|
||||||
|
</textarea>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-markdown data-separator="---">
|
||||||
|
<textarea data-template>
|
||||||
|
# Setting element attributes
|
||||||
|
---
|
||||||
|
## Element attributes
|
||||||
|
- Item 1 <!-- .element: class="fragment" data-fragment-index="2" -->
|
||||||
|
- Item 2 <!-- .element: class="fragment" data-fragment-index="1" -->
|
||||||
|
</textarea>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-markdown data-separator="---">
|
||||||
|
<textarea data-template>
|
||||||
|
# Presenting code
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Introduction to Python
|
||||||
|
|
||||||
|
**Print 10 Fibonacci numbers (basic)**
|
||||||
|
|
||||||
|
```python [1|2|3|4|5|6|7|8|9]
|
||||||
|
a = 0
|
||||||
|
b = 1
|
||||||
|
print(a)
|
||||||
|
print(b)
|
||||||
|
for k in range(2, 10):
|
||||||
|
c = a + b
|
||||||
|
a = b # 'a' becomes 'b'
|
||||||
|
b = c # and 'b' becomes 'c'
|
||||||
|
print(b)
|
||||||
|
```
|
||||||
|
</textarea>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/markdown/markdown.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/math/math.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/notes/notes.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/highlight/highlight.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
Reveal.initialize({
|
||||||
|
controls: true,
|
||||||
|
progress: true,
|
||||||
|
history: true,
|
||||||
|
center: true,
|
||||||
|
|
||||||
|
// IMPORTANT: The order matters!
|
||||||
|
// So, RevealHightlight must be the LAST to load
|
||||||
|
plugins: [RevealMarkdown, RevealMath, RevealNotes, RevealHighlight]
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,21 +1,40 @@
|
||||||
|
#set page(
|
||||||
|
width: auto,
|
||||||
|
height: auto,
|
||||||
|
margin: .5cm,
|
||||||
|
)
|
||||||
|
|
||||||
#import "@preview/cetz:0.2.2"
|
#import "@preview/cetz:0.2.2"
|
||||||
|
|
||||||
|
// #cetz.canvas({
|
||||||
|
// import cetz.draw: *
|
||||||
|
// import cetz.plot
|
||||||
|
// plot.plot(size: (10, 4), x-tick-step: 2, y-tick-step: 50,
|
||||||
|
// {
|
||||||
|
// plot.add(domain: (-4, 4),
|
||||||
|
// x => (x, calc.pow(x, 4) ),
|
||||||
|
// label: $f(x)=x^4$
|
||||||
|
// )
|
||||||
|
// plot.add(domain: (-5, 6.34),
|
||||||
|
// x => (x, calc.pow(x, 3)),
|
||||||
|
// label: $f(x)=x^3$
|
||||||
|
// )
|
||||||
|
// plot.add(domain: (-10, 10),
|
||||||
|
// x => (x, calc.pow(x, 2)),
|
||||||
|
// label: $f(x) = x^2$
|
||||||
|
// )
|
||||||
|
// })
|
||||||
|
// })
|
||||||
|
|
||||||
#cetz.canvas({
|
#cetz.canvas({
|
||||||
import cetz.draw: *
|
import cetz.draw: *
|
||||||
import cetz.plot
|
import cetz.plot
|
||||||
plot.plot(size: (10, 4), x-tick-step: 2, y-tick-step: 50,
|
plot.plot(
|
||||||
|
size: (10, 4),
|
||||||
|
x-tick-step: 2,
|
||||||
|
y-tick-step: 2,
|
||||||
{
|
{
|
||||||
plot.add(domain: (-4, 4),
|
plot.bezier
|
||||||
x => (x, calc.pow(x, 4) ),
|
}
|
||||||
label: $f(x)=x^4$
|
|
||||||
)
|
|
||||||
plot.add(domain: (-5, 6.34),
|
|
||||||
x => (x, calc.pow(x, 3)),
|
|
||||||
label: $f(x)=x^3$
|
|
||||||
)
|
|
||||||
plot.add(domain: (-10, 10),
|
|
||||||
x => (x, calc.pow(x, 2)),
|
|
||||||
label: $f(x) = x^2$
|
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
})
|
|
||||||
18
content/blog/software-recommendations/index.md
Normal file
18
content/blog/software-recommendations/index.md
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
+++
|
||||||
|
title = "Recommondation of Software"
|
||||||
|
draft = true
|
||||||
|
+++
|
||||||
|
|
||||||
|
## TODO
|
||||||
|
|
||||||
|
- [ ] note taking
|
||||||
|
- [ ] obsidian
|
||||||
|
- [ ] trilium
|
||||||
|
- [ ] vscode
|
||||||
|
- [ ] some extensions
|
||||||
|
- link to [formats](@/blog/format-comparison/index.md)
|
||||||
|
- [ ] graphic shit (should have examples)
|
||||||
|
- [ ] excalidraw
|
||||||
|
- [ ] gimp
|
||||||
|
- [ ] reveal.js
|
||||||
|
- [ ] with an example
|
||||||
6
justfile
6
justfile
|
|
@ -1,11 +1,11 @@
|
||||||
# use PowerShell instead of sh:
|
# use PowerShell instead of sh:
|
||||||
set shell := ["powershell.exe", "-c"]
|
#set shell := ["powershell.exe", "-c"]
|
||||||
|
|
||||||
|
|
||||||
# view the blog as it would be published in a browser
|
# view the blog as it would be published in a browser
|
||||||
view:
|
view:
|
||||||
zola serve
|
zola serve -f
|
||||||
|
|
||||||
# view the blog with drafts in a browser
|
# view the blog with drafts in a browser
|
||||||
view-drafts:
|
view-drafts:
|
||||||
zola serve --drafts
|
zola serve --drafts -f
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
Subproject commit 1ff05370457d666fe32c62277b811b5e365ab5b1
|
Subproject commit d2853606f9625423f88082f02a2265636a0087b9
|
||||||
Loading…
Add table
Reference in a new issue