Now -- What I'm up to right now
+This page shows what I'm up to at the moment, following the idea of the /now page introduced by Derek Sivers. You can find more now pages on nownownow.
Last updated: 2024-05-12
+Still live in Berlin where I am working fully remote. I'm appproaching the second anniversary at Code Gaia now and have no plans to change any of it.
Priorities
I do a lot of things all the time and have a hard time to focus. Most of my energy right now hopefully flows into the following things:
@@ -43,6 +46,7 @@
- This homepage.
- Keeping up the pace professionally by taking up more management responsibilities.
+- Ramping up my side-project game (mainly by doing smaller freelancing jobs).
- Fleshing out a long form D&D campaign ("Out Of The Cold Shadow").
- Writing down more short adventures and one-shots and publish them on tiskifer.dk.
- My wedding and honeymoon in June!
@@ -94,6 +98,6 @@ by Camille- /setup
- + diff --git a/dist/posts.css b/dist/posts.css new file mode 100644 index 0000000..4bfaf00 --- /dev/null +++ b/dist/posts.css @@ -0,0 +1,17 @@ +main.posts { + margin: calc(var(--header-height-small) + 2rem) auto 4rem; +} +main.posts > #content > h1 { + padding: 0; +} + +main.posts article { + margin: 1rem 0; +} +main.posts article>div { + line-height: 2; +} +main.posts article>time, +main.posts article>div>a.external { + color: gray; +} diff --git a/dist/style.css b/dist/style.css index 1ad41bf..3f27c1e 100644 --- a/dist/style.css +++ b/dist/style.css @@ -3,6 +3,7 @@ --header-fg-color: #a3bd8d; --header-height: 192px; --header-multiplier: .25; + --header-height-small: calc(var(--header-height)*var(--header-multiplier)); --page-bg-color: #232425; --page-fg-color: #7e9fbe; --menu-bg-color: #000; @@ -62,7 +63,7 @@ body>header { } body>#spacer { - height: calc(var(--header-height) * var(--header-multiplier)); + height: var(--header-height-small); } body>header { @@ -87,7 +88,7 @@ body>header>svg { body>main { width: 960px; max-width: 98vw; - margin: var(--header-height) auto 4em; + margin: var(--header-height) auto 4rem; } a { @@ -101,14 +102,17 @@ a { margin: 2rem 0; } -#content>h1 { +#content>h1, +main.posts > header > h1 { margin: 0 0 .25em; - padding-top: 2em; font-size: 2rem; font-variant: small-caps; text-shadow: 1px 1px 0 var(--emboss-color); color: var(--header-fg-color); } +#content>h1 { + padding-top: 2em; +} #menu { display: flex; diff --git a/dist/til.css b/dist/til.css deleted file mode 100644 index fd532b5..0000000 --- a/dist/til.css +++ /dev/null @@ -1,15 +0,0 @@ -main#til > header { - margin: 0 0 2rem 0; - font-size: 1.5em; -} - -article.til { - margin: 1rem 0; -} -article.til>div { - line-height: 2; -} -article.til>time, -article.til>div>a.external { - color: gray; -} diff --git a/dist/til/2021-08-31.html b/dist/til/2021-08-31.html index bac7854..4e30ab6 100644 --- a/dist/til/2021-08-31.html +++ b/dist/til/2021-08-31.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,14 +31,14 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+There is a HTML tag for "Word Break Opportunity"
For example:
- - backKauf<wbr/>haus
.@@ -78,6 +78,6 @@ - /setup
- + diff --git a/dist/til/2021-09-03.html b/dist/til/2021-09-03.html index f49f50a..3b0554c 100644 --- a/dist/til/2021-09-03.html +++ b/dist/til/2021-09-03.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,13 +31,13 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+Bush refused offer to discuss Osama Bin Laden handover
- - back@@ -77,6 +77,6 @@ - /setup
- + diff --git a/dist/til/2021-09-04.html b/dist/til/2021-09-04.html index b00106a..5897fc0 100644 --- a/dist/til/2021-09-04.html +++ b/dist/til/2021-09-04.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,13 +31,13 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+- - back
git fetch $repo_url $remote_branch:$new_local_branch
@@ -77,6 +77,6 @@ - /setup
- + diff --git a/dist/til/2021-09-05.html b/dist/til/2021-09-05.html index d05895a..5dd7044 100644 --- a/dist/til/2021-09-05.html +++ b/dist/til/2021-09-05.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,13 +31,13 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+E-Mail that isn't spam is called ham!
- - back@@ -77,6 +77,6 @@ - /setup
- + diff --git a/dist/til/2022-02-22.html b/dist/til/2022-02-22.html index 82c8dd4..f117f51 100644 --- a/dist/til/2022-02-22.html +++ b/dist/til/2022-02-22.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,8 +31,10 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+Adding aliases in vite with typescript needs the same alias in tsconfig
For example:
@@ -67,8 +69,6 @@ export default defineConfig({ }The asterixes in the syntax are important (
- - backalias/*
=>./path/*
).@@ -108,6 +108,6 @@ export default defineConfig({ - /setup
- + diff --git a/dist/til/2022-03-22.html b/dist/til/2022-03-22.html index 40f6580..475506f 100644 --- a/dist/til/2022-03-22.html +++ b/dist/til/2022-03-22.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,16 +31,16 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+There is a file system for EFI vars now
On kernel updates I saw a recurring "EFI variables are not supported on this system", so I investigated and learned that the new EFI variables are provided via a file system that needs to be mounted first:
- - backmount -t efivarfs efivarfs /sys/firmware/efi/efivars
@@ -80,6 +80,6 @@ - /setup
- + diff --git a/dist/til/2022-03-28.html b/dist/til/2022-03-28.html index d6645b7..8ab2ef1 100644 --- a/dist/til/2022-03-28.html +++ b/dist/til/2022-03-28.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,8 +31,10 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+pwdx command shows the working path of a process
@@ -40,8 +42,6 @@- - back% pwdx 1984 > 1984: /home/george/ttlctrl
@@ -81,6 +81,6 @@ - /setup
- + diff --git a/dist/til/2022-04-25.html b/dist/til/2022-04-25.html index a386bdf..89b59ee 100644 --- a/dist/til/2022-04-25.html +++ b/dist/til/2022-04-25.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,8 +31,10 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+Jest mocks are ...different
If you want to mock an imported function in Jest in a way that allows you to check if it has been called, you can not do the seemingly straighforward:
@@ -57,8 +59,6 @@ jest.mock('@/path/to/module', () => ({ // ...in test descriptions expect(thatFunction).toHaveBeenCalled() - - back@@ -98,6 +98,6 @@ expect(thatFunction).toHaveBeenCalled() - /setup
- + diff --git a/dist/til/2022-06-15.html b/dist/til/2022-06-15.html index 3f6ce8b..2776c82 100644 --- a/dist/til/2022-06-15.html +++ b/dist/til/2022-06-15.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,14 +31,14 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+Disallowed Focussed Tests and how it saved my day
Today I was about to push a focussed test. A focussed test, you ask?
In Jest (and others) one can run only a specific test, by writing
- - backit.only(...
. Pushing this to production might create some funny or not so funny side effects though. Luckily there is theno-focussed-tests
linter rule in eslint-plugin-jest.@@ -78,6 +78,6 @@ - /setup
- + diff --git a/dist/til/2024-05-12.html b/dist/til/2024-05-12.html index e2931f2..a5a6c02 100644 --- a/dist/til/2024-05-12.html +++ b/dist/til/2024-05-12.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,8 +31,10 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+Sort list of strings in Javascript
@@ -41,8 +43,6 @@or reversed order:
- - backusers.sort((a, b) => a.firstname.localeCompare(b.firstname) * -1)
@@ -82,6 +82,6 @@ - /setup
- + diff --git a/dist/til/index.html b/dist/til/index.html index f33dfda..0a24f16 100644 --- a/dist/til/index.html +++ b/dist/til/index.html @@ -3,7 +3,7 @@ -+ Today I learned // the codeartist — programmer and engineer based in Berlin @@ -31,8 +31,10 @@ -- TIL -- Today I learned ++ + TIL -- Today I learned
+@@ -104,8 +106,6 @@ (source) - - back@@ -145,6 +145,6 @@ - /setup
- + diff --git a/layouts/now/index.html b/layouts/now/index.html index 0d65e0c..062e5c1 100644 --- a/layouts/now/index.html +++ b/layouts/now/index.html @@ -31,8 +31,10 @@ -- Now -- What I'm up to right now ++ @@ -74,6 +76,6 @@+ @contentsNow -- What I'm up to right now
+- /setup
- + diff --git a/layouts/til/index.html b/layouts/til/index.html index 10b4451..6caecb7 100644 --- a/layouts/til/index.html +++ b/layouts/til/index.html @@ -31,12 +31,12 @@ -- TIL -- Today I learned ++ + @contents - - backTIL -- Today I learned
+@@ -76,6 +76,6 @@ - /setup
- + diff --git a/now/index.md b/now/index.md index 76b0934..921d94d 100644 --- a/now/index.md +++ b/now/index.md @@ -2,12 +2,15 @@ Last updated: 2024-05-12 +Still live in Berlin where I am working fully remote. I'm appproaching the second anniversary at [Code Gaia](https://codegaia.io) now and have no plans to change any of it. + ## Priorities > I do a lot of things all the time and have a hard time to focus. Most of my energy right now hopefully flows into the following things: * This homepage. * Keeping up the pace professionally by taking up more management responsibilities. +* Ramping up my side-project game (mainly by doing smaller freelancing jobs). * Fleshing out a long form D&D campaign ("Out Of The Cold Shadow"). * Writing down more short adventures and one-shots and publish them on [tiskifer.dk](https://tiskifer.dk). * My wedding and honeymoon in June! diff --git a/static/extended.css b/static/extended.css index 8ce0472..81decc1 100644 --- a/static/extended.css +++ b/static/extended.css @@ -11,13 +11,19 @@ gap: 4rem; list-style: circle; background: var(--menu-bg-color); - transition: top .3s ease-in-out; + transition: all .3s ease-in-out; } #main-menu > li { padding: 0; } body>header.small + #main-menu { - top: calc(var(--header-height) * var(--header-multiplier)); + top: calc(var(--header-height-small) + 2rem); + height: 14rem; + width: 6rem; + flex-flow: column nowrap; + gap: .5rem; + align-items: stretch; + padding: 0 1rem; } pre { background: var(--emboss-color); diff --git a/static/mail.svg b/static/mail.svg index d812e12..439b6d7 100644 --- a/static/mail.svg +++ b/static/mail.svg @@ -1 +1,2 @@ + diff --git a/static/posts.css b/static/posts.css new file mode 100644 index 0000000..4bfaf00 --- /dev/null +++ b/static/posts.css @@ -0,0 +1,17 @@ +main.posts { + margin: calc(var(--header-height-small) + 2rem) auto 4rem; +} +main.posts > #content > h1 { + padding: 0; +} + +main.posts article { + margin: 1rem 0; +} +main.posts article>div { + line-height: 2; +} +main.posts article>time, +main.posts article>div>a.external { + color: gray; +} diff --git a/static/style.css b/static/style.css index 1ad41bf..3f27c1e 100644 --- a/static/style.css +++ b/static/style.css @@ -3,6 +3,7 @@ --header-fg-color: #a3bd8d; --header-height: 192px; --header-multiplier: .25; + --header-height-small: calc(var(--header-height)*var(--header-multiplier)); --page-bg-color: #232425; --page-fg-color: #7e9fbe; --menu-bg-color: #000; @@ -62,7 +63,7 @@ body>header { } body>#spacer { - height: calc(var(--header-height) * var(--header-multiplier)); + height: var(--header-height-small); } body>header { @@ -87,7 +88,7 @@ body>header>svg { body>main { width: 960px; max-width: 98vw; - margin: var(--header-height) auto 4em; + margin: var(--header-height) auto 4rem; } a { @@ -101,14 +102,17 @@ a { margin: 2rem 0; } -#content>h1 { +#content>h1, +main.posts > header > h1 { margin: 0 0 .25em; - padding-top: 2em; font-size: 2rem; font-variant: small-caps; text-shadow: 1px 1px 0 var(--emboss-color); color: var(--header-fg-color); } +#content>h1 { + padding-top: 2em; +} #menu { display: flex; diff --git a/static/til.css b/static/til.css deleted file mode 100644 index fd532b5..0000000 --- a/static/til.css +++ /dev/null @@ -1,15 +0,0 @@ -main#til > header { - margin: 0 0 2rem 0; - font-size: 1.5em; -} - -article.til { - margin: 1rem 0; -} -article.til>div { - line-height: 2; -} -article.til>time, -article.til>div>a.external { - color: gray; -}