fix(a11y): more accessibility issues

This commit is contained in:
Stefan Imhoff
2023-06-15 12:07:26 +02:00
parent 674e12bc59
commit 5434d57707
11 changed files with 1429 additions and 438 deletions

View File

@@ -10,12 +10,14 @@ import serviceWorker from 'astrojs-service-worker';
import { site } from './src/data/site';
import { remarkReadingTime, remarkWidont } from './src/utils';
import customTheme from './shiki-theme.json';
// https://astro.build/config
export default defineConfig({
site: 'https://www.stefanimhoff.de',
markdown: {
shikiConfig: {
theme: 'nord',
theme: customTheme,
langs: [],
wrap: true,
},

1405
shiki-theme.json Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -18,7 +18,7 @@ export const AmazonBook: FunctionalComponent<Props> = ({
const affiliateUrl = `http://www.amazon.de/gp/product/${asin}?ie=UTF8&tag=stefanimhoffde-21&linkCode=as2&camp=1638&creative=6742&creativeASIN=${asin}`;
return (
<Link href={affiliateUrl} class={className} {...props}>
<Link href={affiliateUrl} class={className} aria-label={alt} {...props}>
<Book alt={alt} src={amazonImageUrl} />
</Link>
);

View File

@@ -51,7 +51,7 @@ const { entries } = Astro.props;
)}
</div>
<div class="absolute z-20 flex h-full w-full flex-col items-center justify-center p-10 text-center leading-tight text-white">
<Subsubheadline as="h3" class="!m-0 leading-tight">
<Subsubheadline as="h2" class="!m-0 leading-tight">
{data.title}
</Subsubheadline>
</div>

View File

@@ -77,4 +77,4 @@ And I needed to design a cover in two sizes for the book.
- Download **PDF**, **EPUB**, **Mobi** versions on [GitBook](https://github.com/kogakure/book-kogakure/releases)
- Read the [online version](https://www.kogakure.de/) of the book
- [Source code](https://github.com/kogakure/website-11ty-kogakure.de) of the book
- Found an error, typo, or mistake? Report it [here](https://github.com/kogakure/website-11ty-kogakure.de/issues).
- Found an error, typo, or mistake? [Report the issue](https://github.com/kogakure/website-11ty-kogakure.de/issues).

View File

@@ -10,9 +10,9 @@ tags: ["productivity", "technology"]
This is a list of all the tools, apps, and services I use on my iPhone, iPad, Apple Watch, Apple TV, and Mac. Ill update this list from time to time.
### Legend
📱iPhone/iPad • 🖥 Desktop • 📺 AppleTV • 🌐 Web
<Banner summary="Legend" open>
📱iPhone/iPad • 🖥 Desktop • 📺 AppleTV • 🌐 Web
</Banner>
---
@@ -96,426 +96,4 @@ You can create powerful workflows to handover of data between two of these servi
I use around 20 services on that long list.
### Apple Workflow 📱
[Workflow](https://www.workflow.is/) is another automation tool, this time for iOS. Apple bought the company and integrated the tool into its ecosystem. There are much fewer services in Apple Workflow than in IFTTT, but it allows much more complicated workflows. You can automate many apps on your device depending on time, location, arrival, leaving, WLAN, Bluetooth, NFC, or opening an app. And build complex interfaces taking user input and doing something with it. But you dont need to learn to program, its drag and drop.
## Design, Photography & Conception
### iA Writer 📱 🖥
My main tool for writing is [iA Writer](https://ia.net/writer). I use it on Mac, iPhone, and iPad. Its the most minimalistic, distraction-free, beautiful writing experience. It supports Markdown, and has tools to analyze your words, and count reading time, characters, words, and sentences. I write my text in Markdown and either open it from DEVONthink in iA Writer or save my texts in iCloud and index the contents of these folders in DEVONthink.
### Affinity Designer 📱 🖥
The British company **Serif** creates the best design tools I know. I worked with and owned Adobe Photoshop and Adobe Illustrator for over 15 years, and use Sketch at work. But [Affinity Designer](https://affinity.serif.com/designer/) is my tool of choice for everything I design: Websites, UI, flyers, and logos.
I switched away from Adobe when they started forcing people to their cloud solutions and making it impossible to buy a new version every few years, but instead have to pay monthly “rent”. Serif won multiple awards for Affinity Designer.
I use the iPad version and soon plan to buy a big iPad Pro with the Apple Pencil to create even cooler things with Affinity Designer.
### Affinity Photo 📱 🖥
[Affinity Photo](https://affinity.serif.com/de/photo/) is the second tool from **Serif**. I use it less, but when I want to work on photos or photo manipulations, I use Affinity Photo. Serif won multiple awards for Affinity Photo.
It has support for RAW, PSD, 360° photo editing, HDR, batch automation, smart objects, and montage. Im not a professional photographer, but its made for them.
### Affinity Publisher 🖥
[Affinity Publisher](https://affinity.serif.com/publisher/) is the newest tool by **Serif**. Its an incredibly powerful DTP tool to replace Adobe InDesign or Quark Express. I started working with it, but I plan to create and lay out a book with it. It seamlessly integrates with Affinity Designer and Affinity Photo and allows doing nearly everything you can think of.
### MindNode 📱 🖥
[MindNode](https://mindnode.com/) is my favorite tool to create mind notes and map out ideas. I use it on all my devices. When I learned everything about Japanese Design, I used it to [map out my research](https://my.mindnode.com/FGhdh66uMbi1aJ9RfriKUL3JoMCHd18aS8z9Uayw).
### Typeface 🖥
[Typeface](https://typefaceapp.com/) is my favorite font app. Its simple and beautiful, the price is fair, and it does all I need.
### Blender 🖥
I dont use [Blender](https://www.blender.org/) a lot, but it is an incredibly complex open-source 3D creation software. I used to work a lot with 3D in my first job (3ds max, Maya, and Cinema 4D) but when I moved to the web I stopped working with 3D software regularly. I love it, and Im currently doing online training to learn Blender properly.
### Bēhance 📱 🌐
[Bēhance](https://www.behance.net/) is the second platform I regularly browse for inspiration. The portfolios of artists and designers are of high quality, and its possible to remember interesting pieces on boards. You can follow your favorite artists.
### Instagram 📱 🌐
I dont like [Instagram](https://www.behance.net/) too much because the browsing experience is crappy, and you can use it on the phone. No iPad app and the web app is limited. But its a nice app to publish photos from time to time and follow friends and family. I use it now exclusively on the web.
## Development
### Neovim 🖥
I use [Neovim](https://neovim.io/) as my primary code editor. Its the best editor available. You can see my configuration files, the mappings, settings, functions, and the plugins I use in my [dotfiles](https://github.com/kogakure/dotfiles/tree/master/nvim) repository.
### Visual Studio Code 🖥
I use [Visual Studio Code](https://code.visualstudio.com/) from time to time. I use countless extensions, which would be too much to list them all.
### Kitty 🖥
I used iTerm2 for a long time as my terminal, but recently, I switched to [Kitty](https://github.com/kovidgoyal/kitty). It is much faster, which is important because I use NeoVim in the terminal as my primary code editor.
I use additionally [tmux](https://github.com/tmux/tmux/) and [tmuxinator](https://github.com/tmuxinator/tmuxinator) to manage and restore multiple terminal sessions. I can switch between projects or keep multiple servers running.
### GitHub 📱 🖥 🌐
[GitHub](https://github.com/) (or [GitHub Enterprise](https://github.com/enterprise) at my workplace) is my tool for storing and working with source code. All my websites are on GitHub and a few dozen other projects. I use [GitHub for mobile](https://github.com/mobile/) and occasionally [GitHub Desktop](https://desktop.github.com/). I use Git on the command line.
### Netlify 🌐
[Netlify](https://www.netlify.com/) is my favorite hosting service. All my websites are hosted for free. If I push a new feature to GitHub, Netlify will [automatically deploy](https://app.netlify.com/sites/stefanimhoff-de/deploys) my website on a preview URL. After all the tests have been running successfully, and I merge the feature, the new feature goes live without needing to do anything more.
### Dash 📱 🖥
[Dash](https://kapeli.com/dash) is an API documentation browser. You can browse over 200 API documentation without searching on the internet. Dash downloads the latest documentation offline to your computer and makes it possible to look things up even when you have no connection to the internet. And I use an integration in Alfred.
### Kaleidoscope 🖥
I used [Kaleidoscope](https://www.kaleidoscopeapp.com/) as my default tool for merge conflicts in Git, but Visual Studio Code has a much nicer way of fixing merge conflicts, I use Kaleidoscope to compare complete codebases or the differences in images.
### Image Shrinker 🖥
[Image Shrinker](https://image-shrinker.com/) is a nice, free tool to minify images and graphics with one drop. Easy, fast, and useful.
### Integrity 🖥
I use [Integrity](https://apps.apple.com/app/integrity/id513610341) regularly to check all my websites for broken links. Its not something I do every month, but when I do it, this tool is helpful.
## News & Information
### Feedbin 📱 🌐
[Feedbin](https://feedbin.com/) is my main source of information. I follow all my RSS/Atom feeds, my YouTube subscriptions, Twitter tweets, Newsletters, Reddit, and news sources. A cool feature of Feedbin is to track changes in articles.
I save everything of interest into Raindrop.io for later research. I used Feedly for many years since the Google News Reader shut, but recently the pricing and features did not match and Feedbin is much more fun to use.
### Reeder 📱 🖥
I use Feedbin together with [Reeder 5](https://reederapp.com/). Reeder is a beautiful newsreader which allows using read later services (Pocket, Instapaper) and many services (Feedbin, Feedly) and directly reading RSS/Atom feeds without service and synchronizing them between all devices via iCloud.
### Raindrop.io (Pro) 📱 🖥 🌐
[Raindrop.io](https://raindrop.io/) is my bookmark manager. It is a lot of fun, I save nearly everything in it. The tool allows for organizing bookmarks in collections (\$), tagging, and filtering (by type of bookmark).
A deduplicating service finds broken links (\$). The new highlighting feature allows using of 4 different colors and adds comments to any text. A browser extension allows highlighting the text directly on the website. Each collection can use a different view (Grid, Headlines, Masonry, or List). Full-text search will search every web page and PDF (\$). Raindrop automatically creates a backup of every website for offline reading (\$).
Raindrop.io can be used to create mood boards, and it is possible to upload common media files. Collections can be edited together with other users, and it is possible to share individual collections publicly ([here are mine](https://raindrop.io/kogakure)).
### Readwise 📱 🌐
[Readwise](https://readwise.io/) is my favorite tool to have all my highlights of different services in one place, no matter if it is my Kindle, Apple Books, Pocket, Feedly, Instapaper, Medium, or Twitter. Each morning, you get five random highlights to review, which is a fantastic way to be reminded of the ideas you highlighted.
I synchronize my highlights with Obsidian, where I store them permanently as Markdown documents.
### Pinboard 🌐
I use [Pinboard](https://pinboard.in/) as a backup for all the links I save. They get automatically transferred from Raindrop.io to Pinboard with IFTTT. I joined Pinboard when the price was a one-time payment of 9 USD.
### Wikipedia 📱 🌐
I use the [Wikipedia](https://www.wikipedia.org/) website and [iOS app](https://apps.apple.com/app/apple-store/id324715238) all the time. The app allows saving interesting articles into collections and synchronizing them across mobile devices.
### Tweetbot 📱 🖥
I read Twitter feeds in Feedbin, but occasionally, I use [Tweetbot for iOS](https://tapbots.com/tweetbot/) and [Tweetbot for Mac](https://www.tapbots.com/tweetbot/mac/) as a Twitter client. The Twitter feed is otherwise messy, unordered, and full of advertising. I dont like Twitter in particular, but unfortunately, a lot of industry news is published there. I mute everybody annoying instantly in Tweetbot, sometimes for a week, a month, or forever.
### Minds 📱 🌐
After Twitter started censoring and de-platforming people, I started using [Minds](https://www.minds.com/) again. I used it in 2018 but stopped using it. But now it got many nice new features, it can replace Facebook and Twitter. Its for free speech, and the people on Minds dislike it if somebody reports what somebody else posted because they think its offensive. Criminal things (doxing, calls to violence) will be removed. If you dont like somebody, block them. I post recommendations on [my profile](https://www.minds.com/kogakure/).
### Mastodon 📱 🌐
I wish more people would use [Mastodon](https://joinmastodon.org/) because its much nicer, friendlier, and _decentralized_. Nobody owns it, nobody can control it or cash it, and nobody can silence people. Hundreds of instances are talking to each other.
Currently, Im using [Tootle for Mastodon](https://apps.apple.com/us/app/tootle-for-mastodon/id1236013466) on iOS and mirror my Twitter tweets via a [bridge](https://crossposter.masto.donte.com.br/). If you want to follow me: [@kogakure@mastodon.social](https://mastodon.social/@kogakure).
## Communication
### Slack 📱 🖥
I use [Slack](https://slack.com/) at work. I have another account and use it to push deploy messages, Git commits, Twitter feeds, or RSS updates to my websites in my channels. But I like the tool, and Im the administrator of a workspace with over 800 people.
### Apple Messages 📱 🖥
[Messages](https://support.apple.com/explore/messages) is the messenger I use with my family. We all have Apple devices, and even my grandmother can use the app. The app has nice features. I wish the Desktop app would get more love from Apple.
### Apple FaceTime 📱 🖥
[FaceTime](https://apps.apple.com/app/facetime/id1110145091) is the video chat messenger I use with my family.
### ProtonMail (Plus) 📱 🌐
[ProtonMail](https://protonmail.com/) is my main email provider, end-to-end encrypted emails. I stopped using Gmail as my main email provider 3 years ago. I sometimes use the [web app](https://mail.protonmail.com/) or the [new beta version](https://beta.protonmail.com/) of the web app, which looks nice.
### Apple Mail 🖥
I use Apple Mail on Desktop to connect to my work email on an Exchange server and my ProtonMail server via the [ProtonMail Bridge](https://proton.me/mail/bridge).
### Signal 📱 🖥
[Signal](https://www.signal.org/) is a messenger I use with co-workers and friends. It is the messenger with the most security and privacy. Additionally, its open source, and no malicious code can be sneaked into it by the government or private entity. After deleting WhatsApp, its my favorite messenger to communicate across different platforms.
### Telegram 📱 🖥
[Telegram](https://telegram.org/) is a messenger I use with co-workers and friends. A nice thing is your profile can have a link you share with unknown people to contact you. It is the messenger with the nicest features. You can edit a send text and fix errors, create public or private chat rooms and encrypt your communication (unfortunately not the default setting, people dont do it).
You can use encrypted Git repositories and link and validate your [profile](https://keybase.io/kogakure) with several external services. You can send messages that auto-delete and even send messages to users not yet on Keybase.
### Element 📱 🖥 🌐
[Element](https://element.io/) is the official messenger of [Matrix](https://matrix.org/). Its an open network for secure, decentralized communication.
It has grown over the last few years and I hope it will win the messenger war one day. With corporations trying to control the ecosystem or governments to weaken encryption, free internet and free communication must move to a decentralized messenger. The messenger is as powerful and feature-rich as Slack, but free.
Plenty of big companies (as a recent example, Mozilla) move their communication to a self-hosted instance of Matrix. The French government, the German military, and a lot of Germanys universities use it. Every instance can communicate with all other instances.
Matrix even allows bridges, to communicate with a user of Slack, Apple Messenger, Facebook Messenger, Telegram, or similar. The bridges are early development, but the future for Matrix looks good.
You can contact me at [@kogakure:matrix.org](https://matrix.to/#/@kogakure:matrix.org).
### Status 📱 🖥
[Status](https://status.im/) is a new decentralized instant messaging app. Its a crypto wallet and a Web3 browser. No phone, email, or username is needed to use it. You can choose a random unique ID at the first start. I think its a pretty messenger, and its easy to share your own (complete anonymous) [profile](https://join.status.im/u/0x046ef708e10d74f71a3294f6bb4b96f0731c6a39bd9abd0993ddfd0015500d3c0dda98b351b2685b9f0e0e57d71cba8149d494f801956a051e77d15d963dc74b81).
### Session 📱 🖥
[Session](https://getsession.org/) is a new decentralized messenger with an interesting security model. It collects no metadata. Not even your phone number or email. You are anonymous. The first time you use it, you get a session key. You can save a backup for this session to restore it on another device. To contact another person, all you need is to have the public session key. The chat is routed through an onion routing network, which makes it nearly impossible to leave any footprint. Its open source and censorship-resistant.
### Brave Talk 🌐
[Brave Talk](https://talk.brave.com/) is a way to have unlimited video calls with up to 4 people for free. No download of any app is needed.
### Jitsi Meet 📱 🌐
Another nice open-source tool for video chat is [Jitsi](https://meet.jit.si/). It supports many users (currently 75) at the same time. Creating a room is as easy as clicking a button. No extra software is needed, it runs in the browser. There are mobile versions available. Its the default video conferencing system of [Riot](https://jitsi.riot.im/) (Elements).
## Browser
### Brave Browser 📱 🖥
My primary browser is [Brave](https://brave.com/). It has the same engine as Chrome, but ad-blocking and tracker-blocking are included by default. It blocks fingerprinting, a way to track you across the internet. Brave is eager to implement new features, for example, crypto wallets or the [IPFS](https://ipfs.io/) peer-to-peer protocol. Plus: It supports all Chrome extensions.
### Firefox (Developer Edition) 📱 🖥
My secondary browser is [Firefox Developer Edition](https://www.mozilla.org/firefox/developer/). I love the features of Firefox. The developer experience is fantastic, and I like in particular the bookmarking system (this sucks with other browsers). Firefox supports tags and has a nice bookmark bar to quickly filter and search bookmarks.
Mozilla has privacy as a much higher priority than Google. Google works actively on ways to prevent ad-blocking, while Mozilla blocks trackers by default and allows and provides all kinds of additional privacy tools (like container tabs).
## Media
### Apple Music 📱 🖥
I use [Apple Music](https://www.apple.com/apple-music/) as my music streaming service. I stream music to my five Sonos boxes around my home and use it to wake me up, do workouts or relax on the sofa. I used Spotify before, but they started deplatforming podcasts, which they dont agree with, and I dont support this behavior.
### Overcast 📱 🖥
To listen to podcasts, I use [Overcast](https://overcast.fm/). I like how many features it has.
### Sonos 📱 🖥
[Sonos](https://www.sonos.com/) is my favorite sound system since 2012. I have two [Play:5](https://www.sonos.com/shop/play5-white.html), one Play:3, one [Play:1](https://www.sonos.com/shop/one.html) and the [Playbar](https://www.sonos.com/shop/playbar.html). Its super cool to sync all boxes around the home and have no lag between the music in different rooms.
### YouTube 📱 🌐
I use the [YouTube](https://www.youtube.com/) app and website a lot to watch videos from channels I follow. I use the extensions [DF YouTube](https://addons.mozilla.org/en-US/firefox/addon/df-youtube/) and [Enhancer for YouTube](https://addons.mozilla.org/en-US/firefox/addon/enhancer-for-youtube/) to make the viewing experience more enjoyable. I hide all sidebars, comments, suggestions, and other needy crap. All videos stop by default and are automatically switched to full-screen mode.
### Odysee/LBRY 📱 🖥 🌐
[Odysee](https://odysee.com/) is a completely decentralized video platform that doesnt censor anything except illegal things. It uses the [LBRY](https://lbry.com/) network for open, free, and fair digital content. LBRY itself doesnt censor anything, it cannot do so because the content is shared peer-to-peer and the metadata lives on the blockchain.
### IMDb 📱 🌐
[IMDb](https://www.imdb.com/) is one of the more used apps on my devices. I look up actors, directors, movies, and TV shows all the time. I log all my watched TV shows and movies to keep track of what I have watched.
### TMDb 🌐
[TMDb](https://www.themoviedb.org/) is a nice collaborative movie database and I started using it to link to movies on my website because I like to support open projects.
### WerStreamtEs 📱 🌐
[WerStreamt.es](https://www.werstreamt.es/) (German for WhoStreams.it) is my favorite platform to keep track of movies and TV shows. You can put movies and TV shows on a watch list and add the streaming services you have. The app will send out emails with reminders if something on your watch list has a new season or is available for streaming.
### Netflix 📱 📺
I use [Netflix](https://www.netflix.com/) on my Apple TV and sometimes on my iPad. I stopped watching TV seven years ago and watch movies and TV shows on Netflix. Here is a [list of things I watched on Netflix](https://www.imdb.com/list/ls027045180/).
### Prime Video 📱 📺
The second streaming service I use is [Amazon Prime Video](https://www.primevideo.com/). It has much fewer good movies and TV shows, but its much, much cheaper. Here is a [list of things I watched on Amazon Prime Video](https://www.imdb.com/list/ls027045359/).
### Apple Photos 📱 🖥
[Apple Photos](https://www.apple.com/ios/photos/) is the default app Apple comes with. Its good enough for me and easy enough to use by all generations of the whole family. This is where we share photos in the family.
### QuickTime Player 🖥
[QuickTime](https://support.apple.com/downloads/quicktime) is a nice player, and its the default on a Mac. Not much more to say. I quickly record screencasts with it. Its quicker and easier than recording with apps like _ScreenFlow_.
### VLC 📱 🖥
[VLC](https://www.videolan.org/vlc/) is a good and free player. It can play **anything**. Even corrupt or partial videos. I use it to stream my videos from my [Synology NAS](https://www.synology.com/).
### Shazam 📱
I use [Shazam](https://www.shazam.com/) for one case: To recognize songs and find them on Spotify.
## Security & Privacy
### Bitwarden 📱 🖥
[Bitwarden](https://bitwarden.com/) is my Password Manager. I switched recently from 1Password because for a Password Manager security and trust are more important than design. The source code of Bitwarden is open, with no possibility for backdoors. Bitwarden is free with basic features, and adding the premium features is much cheaper than with other Password Managers.
### ExpressVPN 📱 🖥
[ExpressVPN](https://www.expressrefer.com/refer-friend?locale=de&referrer_id=65477408&utm_campaign=referrals&utm_medium=copy_link&utm_source=referral_dashboard) is my current VPN provider. I switched to it from NordVPN after my 3-year contract was over.
### Cryptomator 📱 🖥
[Cryptomator](https://cryptomator.org/) is a free tool to encrypt cloud data. I encrypt all private data either in DEVONthink or with Cryptomator storage in Dropbox.
### AdGuard Pro 📱
[AdGuard](https://adguard.com/) is a good way of blocking advertising on iOS devices. I use it to block advertising system-wide on my iPhone and iPad.
## Learning
### Duolingo (Plus) 📱 🌐
I love [Duolingo](https://www.duolingo.com/)! I learn on Duolingo without missing one day for more than 2 years now. Its an intuitive and fun way of learning. And its free! I started switching to **Plus** recently, which removes advertising and adds offline support and streak repair. I learn [Japanese](https://www.duolingo.com/enroll/ja/en/Learn-Japanese) and [Spanish](https://www.duolingo.com/enroll/es/en/Learn-Spanish) every day. They have good [podcasts](https://podcast.duolingo.com/) for Spanish and French, [stories](https://stories.duolingo.com/), progress quizzes, leagues, and much more.
### Drops 📱
[Drops](https://languagedrops.com/) is a fun app I started using a few months ago. I use it for learning vocabulary as a companion to Duolingo. You can learn for 5 minutes for free every 8 hours, which is around 10 minutes every day.
### Shirabe Jisho 📱 🌐
Shirabe Jisho is a [powerful Japanese-English dictionary](https://jisho.org/). It shows nearly everything you can wish for, even the visual stroke order of the characters. The [iOS app](https://apps.apple.com/app/shirabe-jisho/id1005203380) is a complete offline dictionary.
### Japanese 📱
[Japanese](https://japaneseapp.com/) is another beautiful Japanese dictionary for iOS and Android. You can even use Flashcards and test your knowledge about Kanji.
### Human Japanese 📱
[Human Japanese](https://humanjapanese.com/) is a paid app to learn Japanese. The interface is dated, but the content is good.
### Goodreads 📱 🌐
[Goodreads](https://www.goodreads.com/) is the only decent social reading platform. I use it to track the books I want to read and the books Im reading and update my status once a week. You can save books to shelves, follow friends, and get inspiration about what to read next or do a reading challenge every year. You can [follow me on Goodreads](https://www.goodreads.com/user/show/28460819) or look into the books Ive read.
### Literal 📱 🌐
[Literal](https://literal.club/) is a new platform to explore new books, join book clubs and share what you read with other people. You can [follow me on Literal](https://literal.club/kogakure).
### Kindle 📱 🖥
I use the [iPad and iPhone Kindle](https://apps.apple.com/app/kindle/id302584613) app and the [macOS Kindle](https://apps.apple.com/app/kindle/id405399194) app as a companion to my Kindle Paperwhite. I use the app either to look at color photos or illustrations or after Ive finished a book to review my marginalia (notes and markings).
## Health & Fitness
### Health 📱
I like the [Health](https://www.apple.com/ios/health/) app of Apple, the only drawback is that there is not an iPad or Desktop version of it. It gets better with every release and aggregates data from all kinds of other apps and services. I get my Meditation times, movement data, and workouts from my [Apple Watch](https://www.apple.com/watch/), audio data from my [AirPods Pro](https://www.apple.com/airpods-pro/), my weight from my [Withings Body Cardio](https://www.withings.com/body-cardio) scale, and my sleep from my [Fitbit Charge](https://www.fitbit.com/charge4) though this needs an extra app to get the data over an API, as Fitbit and Apple have a vendetta and Fitbit doesnt give their data to the health app.
### Activity 📱
The [Activity](https://apps.apple.com/app/activity/id1208224953) app is the app delivered with an Apple Watch. Its nice to track workouts, movement, and changes in your activity over time. It allows competition with family and friends. And the data is transferred to the Health app.
### Health Mate 📱 🌐
The [Health Mate](https://healthmate.withings.com/) app by Withings is a nice way to have an insight into my weight, fat, water, muscle mass, heart frequency, and pulse wave velocity every morning. I use the Withings [Body Cardio](https://www.withings.com/body-cardio) scale, the [Sleep Analyzer](https://www.withings.com/sleep-analyzer), the [BPM Connect](https://www.withings.com/bpm-connect) blood pressure monitor, and [Thermo](https://www.withings.com/thermo).
### Reps & Sets
I use the [Reps & Sets](https://repsandsetsapp.com/) app for my [Calisthenics](/calisthenics/) training, multiple times per week. As an early adopter, I get the Premium features for free.
### Insight Timer 📱
I use [Insight Timer](https://insighttimer.com/) for my daily meditation. I honestly dont use much of its features, except the feature to create custom timers.
## Finance & Calculations
### iFinance 📱 🖥
[iFinance](https://www.syniumsoftware.com/ifinance) is my tool to track income and spending. Every day, I track my expenses and income for ~5 minutes and make sure everything is fine with my accounts. iFinance has nice tools to automate and analyze your expenses to find out how you spend your income.
I use the iOS or Apple Watch version to track expenses while Im on the way. The data is synchronized with iCloud or Wi-Fi across devices.
### Stocks 📱 🖥
I use the Apple [Stocks](https://apps.apple.com/app/stocks/id1069512882) app to keep track of my stocks and funds. Its simple and easy to use and available on iOS and macOS.
### Calcbot 📱
[Calcbot](https://www.tapbots.com/calcbot/) is a beautifully designed calculator and unit converter I use for many years. Its available for the Apple Watch and has nice features such as sending your calculations as an email, syncing across devices with iCloud, and much more.
## Weather
### Netatmo 📱 🌐
I use the [Netatmo](https://www.netatmo.com/) weather app to monitor the temperature, CO₂, humidity, noise level, and air pressure in all my rooms and on the balcony. I use a rain monitor. The devices are beautifully designed and have a long life duration (I use them since 2013).
### Weather Pro 📱
[WeatherPro](http://www.weatherpro.eu/) is the best and most accurate weather app I know. Its a free app but for €9.99 per year, you can get more detailed data, hourly forecasts, and other nice features. All advertising gets removed from apps by _MeteoGroup_.
### RainToday 📱
[RainToday](http://raintoday.weatherpro.de/lang/en.html) is the second app from _MeteoGroup_ on my devices. There are live updates on upcoming rain in your location that show the estimated duration, intensity, and direction of the rain.
### SolarWatch 📱
[SolarWatch](https://apps.apple.com/app/solarwatch-tageslicht-wetter/id1191365122) is my favorite app to show the sunrise and sunset.
## Tools
### Hue 📱 🖥
I use the [Philips Hue](https://apps.apple.com/app/philips-hue/id1055281310) app to control the light in my home. Nearly all my light bulbs are now from Hue, and I automate a lot of my light cycles. I turn on lights automatically when dusk starts and wake me up with lights during wintertime. I dim down my lights every day at the same time and shut them off at the same time. As I always follow the same routine, this works fantastic. I use multiple different switches and Siri to control the light around my home manually. I even use an [Alfred workflow](https://github.com/benknight/hue-alfred-workflow) to control my light directly from the computer.
### Apple Maps 📱 🖥
I switched to [Apple Maps](https://www.apple.com/maps/) because I dislike Google for a while. But occasionally, I switch and use [Google Maps](https://www.google.com/maps) because the information for stores and opening times is much better.
### DeepL 📱 🖥 🌐
[DeepL](https://www.deepl.com/translator) is my favorite translation app.
### Dropbox (Plus) 📱 🖥 🌐
[Dropbox](https://www.dropbox.com/) is my cloud provider. My [Synology NAS](https://www.synology.com/) synchronizes automatically everything in Dropbox as a backup. Never trust cloud providers.
### iCloud 📱 🖥 🌐
[iCloud](https://www.icloud.com/) is my second cloud provider. The new CloudKit sync is fast and seamless with Apple Devices and Apple services work optimally with iCloud.
### The Unarchiver 🖥
[The Unarchiver](https://theunarchiver.com/) is the best, free, and only app you need to unpack nearly every format available.
### DaisyDisk 🖥
I use [DaisyDisk](https://daisydiskapp.com/) to find and delete unneeded files from my computer. Its the best visual representation of your hard drive I know. Files can be collected and deleted with one click.
### AppCleaner 🖥
[AppClearner](https://freemacsoft.net/appcleaner/) is a nice and free application that allows uninstalling unwanted apps and deleting all traces and left-over settings at the same time.
### Find My 📱 🖥
I use the [Find My](https://www.apple.com/icloud/find-my/) app to find my devices … and my family. And to get random calls from my grandmother about why Im at home and not at work. 😆
### Komoot 📱 🌐
If youre into Biking or Hiking, [Komoot](https://www.komoot.de/) is the best app I know. Its free but possible to buy better hiking maps for regions or the whole world. It allows for creating tours and sending them to the iPhone or even Apple Watch app and navigating with it. The route gets even broken down into kinds of streets, height profile, and difficulty. And you can record your tours and share them.
### Citymapper 📱 🌐
[Citymapper](https://citymapper.com/) is a fantastic routing app available for selected big cities around the globe. My home city Hamburg is included. It knows all available transport options and times and calculates the best tour to your target. It even shows you when to get on and off transport and on which side of a subway you have entered.
### DHL Paket 📱
The [DHL Paket](https://www.dhl.de/de/privatkunden/kampagnenseiten/dhl-app.html) app is the best way to see all packages on the way to your home or somebody from your home.
### Apple Workflo

View File

@@ -243,7 +243,7 @@ const schema = JSON.stringify({
}
[data-footnote-ref] {
@apply p-[0.1em] font-light !text-accent no-underline;
@apply relative rounded-full bg-accent p-[0.25em] font-light not-italic !text-white no-underline mis-[0.1em];
}
}
</style>

View File

@@ -63,12 +63,13 @@ const description = 'This is a collection of AI art pieces Ive created with S
>
<Link title={data.title} href={`/ai-art/${slug}/`}>
<Picture
aspect={data.images[0].aspectRatio}
src={data.images[0].src}
alt={data.title}
aspect={data.images[0].aspectRatio}
breakpoints={[500, 1000, 1500]}
class="h-full mbe-10 md:w-full md:object-cover md:!mbe-0 [&_img]:!block [&_img]:!h-full [&_img]:border-solid [&_picture]:!block [&_picture]:!h-full"
format={['avif']}
breakpoints={[500, 1000, 1500]}
loading="eager"
src={data.images[0].src}
/>
</Link>
</li>

View File

@@ -59,12 +59,13 @@ const description = 'This is a collection of Sketchnotes Ive drawn.';
>
<Link title={data.title} href={`/sketchnotes/${slug}/`}>
<Picture
aspect={data.images[0].aspectRatio}
src={data.images[0].src}
alt={data.title}
aspect={data.images[0].aspectRatio}
breakpoints={[500, 1000, 1500]}
class="h-full mbe-10 md:w-full md:object-cover md:!mbe-0 [&_img]:!block [&_img]:!h-full [&_img]:border-solid [&_picture]:!block [&_picture]:!h-full"
format={['avif']}
breakpoints={[500, 1000, 1500]}
loading="eager"
src={data.images[0].src}
/>
</Link>
</li>

View File

@@ -36,6 +36,10 @@
@apply whitespace-pre;
}
.astro-code {
@apply border-1 border-solid dark:border-white/20;
}
p code,
li code,
samp {

View File

@@ -35,7 +35,7 @@ module.exports = {
950: '#0e0d0c',
},
code: {
1: '#282c34',
1: '#1e2229',
2: '#abb2bf',
},
},