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
|
||||
|
||||
source_url = "https://git.grobecker.me/Erik/blog"
|
||||
|
||||
[extra.nav]
|
||||
# Whether to show the Atom/RSS feed button in the nav
|
||||
show_feed = true
|
||||
|
|
|
@ -82,6 +82,6 @@ jgs~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~^`---'~^~^~
|
|||
```
|
||||
{% 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
|
|
@ -12,6 +12,7 @@ katex = true
|
|||
- [ ] markdown
|
||||
- [ ] syntax
|
||||
- [ ] programmability
|
||||
- [ ] [revealjs](https://github.com/hakimel/reveal.js)
|
||||
- [ ] typst
|
||||
- [ ] syntax
|
||||
- [x] math
|
||||
|
@ -34,7 +35,12 @@ katex = true
|
|||
[^1]: like plotting, etc.
|
||||
[^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
|
||||
|
||||
|
|
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"
|
||||
|
||||
// #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({
|
||||
import cetz.draw: *
|
||||
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),
|
||||
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$
|
||||
plot.bezier
|
||||
}
|
||||
)
|
||||
})
|
||||
})
|
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:
|
||||
set shell := ["powershell.exe", "-c"]
|
||||
#set shell := ["powershell.exe", "-c"]
|
||||
|
||||
|
||||
# view the blog as it would be published in a browser
|
||||
view:
|
||||
zola serve
|
||||
zola serve -f
|
||||
|
||||
# view the blog with drafts in a browser
|
||||
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