diff --git a/AGENTS.md b/AGENTS.md index 8b22fd6..9998e5f 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -2,6 +2,11 @@ A simple, clean, and responsive Jekyll theme for academics. +## Book Reviews (`_books/`) + +- The rating lives **only** in the `stars:` front matter — never write it in the + review text (no `4/5`, `3,5/5`, etc. at the end). + ## Quick Links by Role - **Are you a coding agent?** → Read [`.github/copilot-instructions.md`](.github/copilot-instructions.md) first (tech stack, build, CI/CD, common pitfalls & solutions) diff --git a/README.md b/README.md index ba2f92b..86c0f46 100644 --- a/README.md +++ b/README.md @@ -1,560 +1,248 @@ -# al-folio +# maxstridde.de — Notizen -
+Persönliche Website auf Basis des [al-folio](https://github.com/alshedivat/al-folio) Jekyll-Themes. +Diese README ist mein Spickzettel. Setup/Deployment steht in [INSTALL.md](INSTALL.md), Anpassungen in [CUSTOMIZE.md](CUSTOMIZE.md). -[![Preview](readme_preview/al-folio-preview.png)](https://alshedivat.github.io/al-folio/) +## Lokal entwickeln -**A simple, clean, and responsive [Jekyll](https://jekyllrb.com/) theme for academics.** +```bash +docker compose up # Site läuft auf http://localhost:8080 +docker compose up --build # nach Änderungen an Dependencies / Dockerfile +docker compose down # stoppen, Port 8080 freigeben +``` ---- +## Prettier (Formatierung) -[![deploy](https://github.com/alshedivat/al-folio/actions/workflows/deploy.yml/badge.svg)](https://github.com/alshedivat/al-folio/actions/workflows/deploy.yml) -[![Maintainers](https://img.shields.io/badge/maintainers-4-success.svg)](#maintainers) -[![GitHub contributors](https://img.shields.io/github/contributors/alshedivat/al-folio.svg)](https://github.com/alshedivat/al-folio/graphs/contributors/) +Vor jedem Commit laufen lassen. 5/5 Sternen, sehr praktisch. -[![Docker Image Version](https://img.shields.io/docker/v/amirpourmand/al-folio?sort=semver&label=docker%20image&color=blueviolet)](https://hub.docker.com/r/amirpourmand/al-folio) -[![Docker Image Size](https://img.shields.io/docker/image-size/amirpourmand/al-folio?sort=date&label=docker%20image%20size&color=blueviolet)](https://hub.docker.com/r/amirpourmand/al-folio) -[![Docker Pulls](https://img.shields.io/docker/pulls/amirpourmand/al-folio?color=blueviolet)](https://hub.docker.com/r/amirpourmand/al-folio) +```bash +npx prettier . --check # nur prüfen +npx prettier . --write # alle Dateien formatieren +npx prettier --write app/ # ganzes Verzeichnis +npx prettier --write app/components/x.js # einzelne Datei +``` -[![GitHub release](https://img.shields.io/github/v/release/alshedivat/al-folio)](https://github.com/alshedivat/al-folio/releases/latest) -[![GitHub license](https://img.shields.io/github/license/alshedivat/al-folio?color=blue)](https://github.com/alshedivat/al-folio/blob/main/LICENSE) -[![GitHub stars](https://img.shields.io/github/stars/alshedivat/al-folio)](https://github.com/alshedivat/al-folio/stargazers) -[![GitHub forks](https://img.shields.io/github/forks/alshedivat/al-folio)](https://github.com/alshedivat/al-folio/fork) +Ausnahmen: entweder Pfade in `.prettierignore` eintragen, oder inline: -[![Code Wiki](https://img.shields.io/badge/Code_Wiki-ask_about_repo-blue?logo=googlegemini)](https://codewiki.google/github.com/alshedivat/al-folio) -[![DeepWiki](https://img.shields.io/badge/DeepWiki-ask_about_repo-lightcyan)](https://deepwiki.com/alshedivat/al-folio) - -
- -## User community - -The vibrant community of **al-folio** users is growing! -Academics around the world use this theme for their homepages, blogs, lab pages, as well as webpages for courses, workshops, conferences, meetups, and more. -Check out the community webpages below. -Feel free to add your own page(s) by sending a PR. - - - - - - - - - - - - - - - - - - -
Academics -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -
Labs -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -
Courses -CMU PGM (S-19)
-CMU DeepRL (S-21, F-21, S-22, F-22, S-23, F-23)
-CMU MMML (F-20, F-22)
-CMU AMMML (S-22, S-23)
-CMU ASI (S-23)
-CMU Distributed Systems (S-24) -
Conferences & workshops -ICLR Blog Post Track (2023, 2024)
-ML Retrospectives (NeurIPS: 2019, 2020; ICML: 2020)
-HAMLETS (NeurIPS: 2020)
-ICBINB (NeurIPS: 2020, 2021)
-Neural Compression (ICLR: 2021)
-Score Based Methods (NeurIPS: 2022)
-Images2Symbols (CogSci: 2022)
-Medical Robotics Junior Faculty Forum (ISMR: 2023)
-Beyond Vision: Physics meets AI (ICIAP: 2023)
-Workshop on Diffusion Models (NeurIPS: 2023)
-Workshop on Structured Probabilistic Inference & Generative Modeling (ICML: 2023, 2024)
-Workshop on Foundation and Generative Models in Biometrics (ICCV 2025, CVPR 2026) -
- -## Lighthouse PageSpeed Insights - -### Desktop - -[![Google Lighthouse PageSpeed Insights](lighthouse_results/desktop/pagespeed.svg)](https://htmlpreview.github.io/?https://github.com/alshedivat/al-folio/blob/main/lighthouse_results/desktop/alshedivat_github_io_al_folio_.html) - -Run the test yourself: [Google Lighthouse PageSpeed Insights](https://pagespeed.web.dev/report?url=https%3A%2F%2Falshedivat.github.io%2Fal-folio%2F&form_factor=desktop) - -### Mobile - -[![Google Lighthouse PageSpeed Insights](lighthouse_results/mobile/pagespeed.svg)](https://htmlpreview.github.io/?https://github.com/alshedivat/al-folio/blob/main/lighthouse_results/mobile/alshedivat_github_io_al_folio_.html) - -Run the test yourself: [Google Lighthouse PageSpeed Insights](https://pagespeed.web.dev/report?url=https%3A%2F%2Falshedivat.github.io%2Fal-folio%2F&form_factor=mobile) - -## Table Of Contents - - - -- [al-folio](#al-folio) - - [User community](#user-community) - - [Lighthouse PageSpeed Insights](#lighthouse-pagespeed-insights) - - [Desktop](#desktop) - - [Mobile](#mobile) - - [Table Of Contents](#table-of-contents) - - [Getting started](#getting-started) - - [Installing and Deploying](#installing-and-deploying) - - [Customizing](#customizing) - - [GitHub Copilot Agents](#github-copilot-agents) - - [Customization Agent](#customization-agent) - - [Documentation Agent](#documentation-agent) - - [Documentation](#documentation) - - [Features](#features) - - [Light/Dark Mode](#lightdark-mode) - - [CV](#cv) - - [People](#people) - - [Publications](#publications) - - [Collections](#collections) - - [Layouts](#layouts) - - [The iconic style of Distill](#the-iconic-style-of-distill) - - [Full support for math & code](#full-support-for-math--code) - - [Photos, Audio, Video and more](#photos-audio-video-and-more) - - [Other features](#other-features) - - [GitHub's repositories and user stats](#githubs-repositories-and-user-stats) - - [Theming](#theming) - - [Social media previews](#social-media-previews) - - [Atom (RSS-like) Feed](#atom-rss-like-feed) - - [Related posts](#related-posts) - - [Code quality checks](#code-quality-checks) - - [GDPR Cookie Consent Dialog](#gdpr-cookie-consent-dialog) - - [FAQ](#faq) - - [Contributing](#contributing) - - [Maintainers](#maintainers) - - [All Contributors](#all-contributors) - - [Star History](#star-history) - - [License](#license) - - - -## Getting started - -**⚠️ Important: Use "Use this template" (not fork)** - -When creating your own website with al-folio, you have two options: - -- ✅ **Recommended:** Click "[Use this template](https://github.com/new?template_name=al-folio&template_owner=alshedivat)" – This creates a clean copy that is independent from the main al-folio repository. Changes you make to your site won't be accidentally submitted to al-folio as pull requests. -- ❌ **Not recommended:** Forking the repository – This keeps a link to the main al-folio repo, making it easy to accidentally submit your personal site changes as contributions to our project. - -**If you already forked:** Don't worry! You can still work with your fork normally. Just make sure to: - -1. Make changes on a dedicated branch (e.g., `my-site-updates`) -2. When pushing changes, always verify you're pushing to **your own repository**, not the main al-folio repository -3. Never create pull requests to `alshedivat/al-folio` unless you're intentionally contributing improvements that benefit all users - -For quick setup, see [QUICKSTART.md](QUICKSTART.md). - -Want to learn more about Jekyll? Check out [this tutorial](https://www.taniarascia.com/make-a-static-website-with-jekyll/). Why Jekyll? Read [Andrej Karpathy's blog post](https://karpathy.github.io/2014/07/01/switching-to-jekyll/)! Why write a blog? Read [Rachel Thomas blog post](https://medium.com/@racheltho/why-you-yes-you-should-blog-7d2544ac1045). - -## Installing and Deploying - -For installation and deployment details please refer to [INSTALL.md](INSTALL.md). - -## Customizing - -For customization details please refer to [CUSTOMIZE.md](CUSTOMIZE.md). - -## GitHub Copilot Agents - -This repository includes two specialized GitHub Copilot agents to enhance your development experience: - -### Customization Agent - -The **Customization Agent** helps you personalize your al-folio website by: - -- Guiding you through configuration changes step-by-step -- Modifying files directly in your repository -- Explaining technical concepts in plain language (great for users without coding experience) -- Assisting with common tasks like updating your CV, adding publications, creating blog posts, and customizing themes - -See [CUSTOMIZE.md § GitHub Copilot Customization Agent](CUSTOMIZE.md#github-copilot-customization-agent) for detailed usage instructions. - -### Documentation Agent - -The **Documentation Agent** maintains clear and up-to-date project documentation by: - -- Updating documentation files when features change -- Writing in a style accessible to academics and researchers -- Keeping documentation synchronized with the codebase -- Following documentation best practices - -See [CONTRIBUTING.md § GitHub Copilot Agents](CONTRIBUTING.md#github-copilot-agents) for more information. - -> **Requirements:** Both agents require a [GitHub Copilot](https://github.com/features/copilot) subscription. For more information about GitHub Copilot and how to use agents, see the [GitHub Copilot documentation](https://docs.github.com/en/copilot). - -## Documentation - -Comprehensive guides for all aspects of your al-folio website: - -- **[Quick Start](QUICKSTART.md)** – Get running in 5 minutes -- **[Installation & Deployment](INSTALL.md)** – Set up your site on GitHub Pages or other platforms -- **[Customization Guide](CUSTOMIZE.md)** – Personalize your website (CVs, publications, themes, etc.) -- **[Troubleshooting](TROUBLESHOOTING.md)** – Fix common issues (deployment, build, styling, content) -- **[FAQ](FAQ.md)** – Frequently asked questions and solutions -- **[Analytics](ANALYTICS.md)** – Add website analytics and visitor tracking -- **[SEO Guide](SEO.md)** – Optimize for search engines and improve discoverability - -## Features - -### Light/Dark Mode - -This template has a built-in light/dark mode. It detects the user preferred color scheme and automatically switches to it. You can also manually switch between light and dark mode by clicking on the sun/moon icon in the top right corner of the page. - -

- - -

- ---- - -### CV - -Your CV can be generated in one of two modern formats: **RenderCV** (recommended, with automatic PDF generation) or **JSONResume** (standardized JSON format). You can use both simultaneously and switch between them, or maintain just the one you prefer. - -[![CV Preview](readme_preview/cv.png)](https://alshedivat.github.io/al-folio/cv/) - -For setup and customization details, see [Modifying the CV information](CUSTOMIZE.md#modifying-the-cv-information) in [CUSTOMIZE.md](CUSTOMIZE.md). +```markdown + +hier ignoriert prettier alles dazwischen + +``` ---- +## Bilder -### People +### Bootstrap Grid — Grundlagen -You can create a people page if you want to feature more than one person. Each person can have its own short bio, profile picture, and you can also set if every person will appear at the same or opposite sides. +Drei Ebenen: **container → row → col**. -[![People Preview](readme_preview/people.png)](https://alshedivat.github.io/al-folio/people/) +```html +
+ +
+ ---- +
+ +
+
+
+
+``` -### Publications +Das Grid hat **12 Einheiten**. Man vergibt, wie viele eine Spalte belegt: -Your publications page is generated automatically from your BibTeX bibliography. You can customize publication display, add extra information like PDFs, and control sorting behavior. +| Klasse | Breite | +| :------- | :----- | +| `col-12` | 100 % | +| `col-6` | 50 % | +| `col-4` | 33 % | +| `col-3` | 25 % | -[![Publications Preview](readme_preview/publications.png)](https://alshedivat.github.io/al-folio/publications/) +**Müssen die Spalten in einer row auf 12 summieren?** -For setup, BibTeX field documentation, and customization options, see [Adding a new publication](CUSTOMIZE.md#adding-a-new-publication) and [Managing publication display](CUSTOMIZE.md#managing-publication-display) in [CUSTOMIZE.md](CUSTOMIZE.md). +- Genau 12 → perfekter Fit (z. B. `4+8`, `5+7`, `6+6`) +- Weniger als 12 → freier Platz rechts +- Mehr als 12 → bricht in die nächste Zeile um +- Nur `col-sm` (ohne Zahl) → alle Spalten teilen sich den Platz gleichmäßig ---- +### Responsive Spalten -### Collections +Layout pro Bildschirmgröße ändern: -This Jekyll theme implements `collections` to organize content into categories. The theme comes with default collections for `news`, `projects`, `books`, and `teachings`. You can easily create your own collections for apps, stories, courses, or any other creative work. +```html +
+``` -[![Projects Preview](readme_preview/projects.png)](https://alshedivat.github.io/al-folio/projects/) +Bedeutet: Handy → volle Breite, Tablet → halb, Desktop → ein Drittel. -For detailed instructions on creating and customizing collections, see [Adding Collections](CUSTOMIZE.md#adding-collections) in [CUSTOMIZE.md](CUSTOMIZE.md). +Breakpoints: `sm` ≥576px · `md` ≥768px · `lg` ≥992px · `xl` ≥1200px · `xxl` ≥1400px ---- +### Nesting (wichtig für Bild-Layouts) -### Layouts +Eine row darf in einer col stecken. **Rows kommen in Columns, Columns in Rows.** +Jede verschachtelte row startet das 12-Spalten-System neu. -**al-folio** comes with stylish layouts for pages and blog posts. +```html +
+
+
+
A
+
B
+
+
+
+``` -#### The iconic style of Distill +### Bild-Klassen -The theme allows you to create blog posts in the [distill.pub](https://distill.pub/) style: +- `img-fluid` — Bild skaliert mit Container (`max-width: 100%; height: auto`) +- `w-100` — volle Breite erzwingen +- `h-100` / `h-50` — Höhen-Utility +- `object-fit-cover` — Bild füllt Container, wird beschnitten statt verzerrt -[![Distill Preview](readme_preview/distill.png)](https://alshedivat.github.io/al-folio/blog/2021/distill/) +### Bilder nebeneinander (figure) -For more details on how to create distill-styled posts using `` tags, please refer to [the example](https://alshedivat.github.io/al-folio/blog/2021/distill/). +```liquid +
+
+ {% include figure.liquid loading="eager" path="assets/img/8.jpg" class="img-fluid rounded z-depth-1" zoomable=true %} +
+
+ {% include figure.liquid loading="eager" path="assets/img/10.jpg" class="img-fluid rounded z-depth-1" zoomable=true %} +
+
+``` -#### Full support for math & code +### Einzelnes großes Bild -**al-folio** supports fast math typesetting through [MathJax](https://www.mathjax.org/) and code syntax highlighting using [GitHub style](https://github.com/jwarby/jekyll-pygments-themes). Also supports [chartjs charts](https://www.chartjs.org/), [mermaid diagrams](https://mermaid-js.github.io/mermaid/#/), and [TikZ figures](https://tikzjax.com/). +```liquid +{% include figure.liquid loading="eager" path="assets/" alt="" caption="" class="img-fluid rounded z-depth-1" zoomable=true %} +``` -

- - -

+- `path` geht direkt in den HTML-Pfad → auch fremde URLs möglich. +- `caption` unterstützt Markdown-Links. -#### Photos, Audio, Video and more +### Image Gallery (PhotoSwipe) -Photo formatting is made simple using [Bootstrap's grid system](https://getbootstrap.com/docs/4.4/layout/grid/). Easily create beautiful grids within your blog posts and project pages, also with support for [video](https://alshedivat.github.io/al-folio/blog/2023/videos/) and [audio](https://alshedivat.github.io/al-folio/blog/2023/audios/) embeds: +In das `pswp-gallery`-div mehrere ``-Blöcke einfügen. `data-pswp-width`/`-height` +sind die echten Bildmaße (fürs große Bild); im `` das große, im `` +die kleine Version. -

- - +```html +

+ + -

- ---- - -### Other features - -#### GitHub's repositories and user stats - -**al-folio** displays GitHub repositories and user stats on the `/repositories/` page using [github-readme-stats](https://github.com/anuraghazra/github-readme-stats) and [github-profile-trophy](https://github.com/ryo-ma/github-profile-trophy). - -[![Repositories Preview](readme_preview/repositories.png)](https://alshedivat.github.io/al-folio/repositories/) - -To configure which repositories and GitHub profiles to display, see [Modifying the user and repository information](CUSTOMIZE.md#modifying-the-user-and-repository-information) in [CUSTOMIZE.md](CUSTOMIZE.md). - ---- - -#### Theming - -**al-folio** offers a variety of beautiful theme colors to choose from. The default is purple, but you can customize colors, fonts, spacing, and more to match your style. - -For detailed customization instructions, see [Changing theme color](CUSTOMIZE.md#changing-theme-color) and [Customizing fonts, spacing, and more](CUSTOMIZE.md#customizing-fonts-spacing-and-more) in [CUSTOMIZE.md](CUSTOMIZE.md). - ---- - -#### Social media previews - -**al-folio** supports Open Graph preview images on social media. When enabled, your site's pages display rich preview objects with images, titles, and descriptions when shared. - -For setup and customization, see [Social media previews](CUSTOMIZE.md#social-media-previews) in [CUSTOMIZE.md](CUSTOMIZE.md). - ---- - -#### Atom (RSS-like) Feed - -It generates an Atom (RSS-like) feed of your posts, useful for Atom and RSS readers. The feed is reachable simply by typing after your homepage `/feed.xml`. E.g. assuming your website mountpoint is the main folder, you can type `yourusername.github.io/feed.xml` - ---- - -#### Related posts - -By default, blog posts display related posts at the bottom. These are selected by finding the most recent posts that share tags with the current post. You can customize this behavior on a per-post or site-wide basis. - -For configuration details, see [Related posts](CUSTOMIZE.md#related-posts) in [CUSTOMIZE.md](CUSTOMIZE.md). - ---- +
+``` + +### Videos (moving images) + +```liquid +
+
+ {% include video.liquid path="assets/video/clip.mp4" class="img-fluid rounded z-depth-1" controls=true autoplay=true %} +
+
+ {% include video.liquid path="assets/video/clip.mp4" class="img-fluid rounded z-depth-1" controls=true %} +
+
+``` + +### Audio + +```liquid +
+
+ {% include audio.liquid path="assets/audio/track.mp3" controls=true %} +
+
+ {% include audio.liquid path="https://cdn.pixabay.com/.../track.mp3" controls=true %} +
+
+``` -#### Code quality checks +## Table of Contents -Currently, we run some checks to ensure that the code quality and generated site are good. The checks are done using GitHub Actions and the following tools: +Im Frontmatter des Posts: -- [Prettier](https://prettier.io/) - check if the formatting of the code follows the style guide -- [lychee](https://lychee.cli.rs/) - check for broken links -- [Axe](https://github.com/dequelabs/axe-core) (need to run manually) - do some accessibility testing +```yaml +toc: + sidebar: left # oder right +``` -We decided to keep `Axe` runs manual because fixing the issues are not straightforward and might be hard for people without web development knowledge. +## Blockquotes ---- +```markdown +> normaler blockquote -#### GDPR Cookie Consent Dialog + # nötig, sonst zerlegt prettier die Klasse -**al-folio** includes a built-in, GDPR-compliant cookie consent dialog to ensure your website respects visitor privacy. The dialog is powered by [Vanilla Cookie Consent](https://cookieconsent.orestbida.com/) and integrates seamlessly with all supported analytics providers. +> ##### TIP +> +> Ein Tipp zu einem bestimmten Inhalt. +> {: .block-tip } -When enabled, analytics scripts are blocked until the user explicitly consents, and user preferences are saved across visits. This is essential for websites serving visitors in the European Union and other regions with strict privacy regulations. +> ##### WARNING +> +> Eine Warnung. +> {: .block-warning } -For complete setup and customization details, see [GDPR Cookie Consent Dialog](#gdpr-cookie-consent-dialog) in [CUSTOMIZE.md](CUSTOMIZE.md). +> ##### DANGER +> +> Gefahrenzone, vorsichtig einsetzen. +> {: .block-danger } -## FAQ + +``` -For frequently asked questions, please refer to [FAQ.md](FAQ.md). +## Tabs -## Contributing +Im Frontmatter `tabs: true`, dann: -Contributions to al-folio are very welcome! Before you get started, please take a look at [the guidelines](CONTRIBUTING.md). +```liquid +{% tabs group-name %} +{% tab group-name tab-name-1 %} +Content 1 +{% endtab %} +{% tab group-name tab-name-2 %} +Content 2 +{% endtab %} +{% endtabs %} +``` -If you would like to improve documentation or fix a minor inconsistency or bug, please feel free to send a PR directly to `main`. For more complex issues/bugs or feature requests, please open an issue using the appropriate template. +## Code -### Maintainers +Mit Zeilennummern: -Our most active contributors are welcome to join the maintainers team. If you are interested, please reach out! +```liquid +{% highlight c++ linenos %} +code code code +{% endhighlight %} +``` - - - - - - - - - - - - -

Maruan
Rohan Deb Sarkar
Amir Pourmand
George
- - - +Sonst reicht die normale Markdown-Syntax mit ``` . - +## Redirect -### All Contributors +Frontmatter, um eine Seite direkt auf eine Datei zeigen zu lassen: - - - +```yaml +redirect: /assets/pdf/example_pdf.pdf +``` -## Star History +## Tabellen - - - - - Star History Chart - - +Frontmatter `pretty_table: true`, dann normale Markdown-Tabelle: -## License +```markdown +| Left aligned | Center aligned | Right aligned | +| :----------- | :------------: | ------------: | +| Left 1 | center 1 | right 1 | +| Left 2 | center 2 | right 2 | +``` -The theme is available as open source under the terms of the [MIT License](https://github.com/alshedivat/al-folio/blob/main/LICENSE). +## Lizenz -Originally, **al-folio** was based on the [\*folio theme](https://github.com/bogoli/-folio) (published by [Lia Bogoev](https://liabogoev.com) and under the MIT license). Since then, it got a full re-write of the styles and many additional cool features. +Theme: al-folio, [MIT License](https://github.com/alshedivat/al-folio/blob/main/LICENSE). diff --git a/_books/adressat_unbekannt.md b/_books/adressat_unbekannt.md new file mode 100644 index 0000000..3701555 --- /dev/null +++ b/_books/adressat_unbekannt.md @@ -0,0 +1,20 @@ +--- +layout: book-review +title: Adressat unbekannt +author: Kressmann Taylor +publisher: Hoffmann und Campe +cover: adressat_unbekannt.jpg +categories: Briefroman Historische-Fiktion Nationalsozialismus +tags: Buchtipp +date: 2025-11-30 +started: 2025-11-28 +finished: 2025-11-30 +released: 1938 +stars: 5 +status: Finished +social: false +--- + +Als Hörbuch, gelesen von Volker Kaschmar, gehört. + +Sehr eindrucksvoll und kraftvoll. Der Briefroman erzählt vom jüdischen Geschäftsmann Max Eisenstein und seinem Geschäftspartner Martin Schulse, die gemeinsam eine gut gehende Kunstgalerie in San Francisco betreiben, bis Schulse 1932 mit seiner Familie nach München übersiedelt. Was aus ihrer Freundschaft in den Jahren der Machtübergabe an die Nationalsozialisten wird, entfaltet sich ganz aus ihrem Briefwechsel. Mir gefällt die Wucht, mit der diese kurze Erzählung ihre Wirkung entfaltet. Pflichtlektüre. diff --git a/_books/briefe_vom_weihnachtsmann.md b/_books/briefe_vom_weihnachtsmann.md new file mode 100644 index 0000000..9299fec --- /dev/null +++ b/_books/briefe_vom_weihnachtsmann.md @@ -0,0 +1,20 @@ +--- +layout: book-review +title: Briefe vom Weihnachtsmann +author: J.R.R. Tolkien +publisher: Klett-Cotta +cover: briefe_vom_weihnachtsmann.jpg +categories: Kinderbuch Weihnachten Briefroman +tags: Buchtipp +date: 2024-12-24 +started: 2024-12-10 +finished: 2024-12-24 +released: 1976 +stars: 4 +status: Finished +social: false +--- + +Der Weihnachtsmann, der Polarbär, die roten und grünen Wichtel und die bösen Kobolde, die immer wieder die Weihnachtsvorbereitungen durcheinanderbringen. Der Polarbär sorgt mit seinen Missgeschicken für allerlei Chaos, am Ende ist er aber stets sehr hilfsbereit. Während des Ersten und Zweiten Weltkriegs berichtet der Weihnachtsmann auch von den Schwierigkeiten, Geschenke zu beschaffen. + +Es sind die Briefe, die Tolkien über viele Jahre an seine Kinder John, Michael, Christopher und Priscilla schrieb. Gelesen im Dezember. diff --git a/_books/die_burg.md b/_books/die_burg.md index 2f86a39..b1e6820 100644 --- a/_books/die_burg.md +++ b/_books/die_burg.md @@ -3,7 +3,7 @@ layout: book-review title: Die Burg author: Ursula Poznanski publisher: Knaur -cover: #blank +cover: die_burg.jpg olid: OL59515357M # use Open Library ID to fetch cover (if no `cover` is provided) categories: Thriller Dystopie Roman tags: Buchtipp diff --git a/_books/homers_letzter_satz.md b/_books/homers_letzter_satz.md index 0af0211..e0ff612 100644 --- a/_books/homers_letzter_satz.md +++ b/_books/homers_letzter_satz.md @@ -3,7 +3,7 @@ layout: book-review title: Homers letzter Satz author: Simon Singh publisher: Hanser -cover: #blank +cover: homers_letzter_satz.jpg olid: OL27479342M # use Open Library ID to fetch cover (if no `cover` is provided) categories: Mathematik Sachbuch Die-Simpsons tags: Buchtipp diff --git a/_books/moralische_ambition.md b/_books/moralische_ambition.md new file mode 100644 index 0000000..652a774 --- /dev/null +++ b/_books/moralische_ambition.md @@ -0,0 +1,18 @@ +--- +layout: book-review +title: Moralische Ambition +author: Rutger Bregman +publisher: Rowohlt +cover: moralische_ambition.jpg +categories: Sachbuch Gesellschaft Motivation +tags: Buchtipp +date: 2025-12-21 +started: 2025-12-07 +finished: 2025-12-21 +released: 2024 +stars: 3.5 +status: Finished +social: false +--- + +Ein sehr inspirierendes Buch, von Martin geschenkt bekommen. Es hat starke und motivierende Beispiele, die Mut machen und die Angst vor Veränderung und großen Herausforderungen nehmen. Dass der Autor seine gesamten Erlöse aus dem Buch spendet, gefällt mir umso mehr. Das zeigt, dass er nicht nur ein weiteres Buch schreiben wollte, das Selbstverbesserung lobt, sondern eine echte Anleitung zur Weltverbesserung. Gefällt mir. diff --git a/_books/ordinary_monsters.md b/_books/ordinary_monsters.md index 60b5ff8..8bcb6be 100644 --- a/_books/ordinary_monsters.md +++ b/_books/ordinary_monsters.md @@ -3,7 +3,7 @@ layout: book-review title: Ordinary Monsters author: J.M. Miro publisher: Flatiron Books -cover: #blank +cover: ordinary_monsters.jpg isbn: 9781250833662 # use ISBN to fetch cover (if no `olid` is provided, dashes are optional) categories: Fantasy Viktorianisch Roman tags: Fantasy diff --git a/_books/pi_mal_daumen.md b/_books/pi_mal_daumen.md new file mode 100644 index 0000000..e041875 --- /dev/null +++ b/_books/pi_mal_daumen.md @@ -0,0 +1,18 @@ +--- +layout: book-review +title: Pi mal Daumen +author: Alina Bronsky +publisher: Kiepenheuer & Witsch +cover: pi_mal_daumen.jpg +categories: Roman Humor Mathematik +tags: Buchtipp +date: 2025-11-09 +started: 2025-11-01 +finished: 2025-11-09 +released: 2024 +stars: 4 +status: Finished +social: false +--- + +Wirklich witzig, humorvoll und locker flockig zu lesen. Dieses Buch macht Spaß und ist gute Urlaubslektüre. Es ist nah dran an den Erfahrungen eines Erstsemester Mathestudenten, aber gewisse Dinge sind ganz anders, viel freier. Ich freue mich über die Referenzen, ecke aber auch ab und an an, weil sie meiner Einstellung zum Studium widersprechen. Überhaupt ecke ich sowohl mit Moni als auch mit Oscar regelmäßig an. Immerhin bewegt mich dieses Buch. Insgesamt ist es spannend geschrieben, und trotz turbulenter Szenen zieht sich ein roter Faden durch das Buch. Manche Entwicklungen sind mir etwas zu stereotypisch oder vorhersehbar, aber dafür ist es auch eher leichte Kost als ein dicker Roman. Das Buch lohnt sich für MINTler und alle anderen Menschen ebenso. diff --git a/_books/round_ireland_with_a_fridge.md b/_books/round_ireland_with_a_fridge.md index 4ce9ba2..4ed6a8c 100644 --- a/_books/round_ireland_with_a_fridge.md +++ b/_books/round_ireland_with_a_fridge.md @@ -3,7 +3,7 @@ layout: book-review title: Round Ireland with a Fridge author: Tony Hawks publisher: Ebury Press -cover: #blank +cover: round_ireland_with_a_fridge.jpg olid: OL58729M # use Open Library ID to fetch cover (if no `cover` is provided) categories: Irland Reise Humor tags: Buchtipp diff --git a/_books/siddhartha.md b/_books/siddhartha.md new file mode 100644 index 0000000..398705e --- /dev/null +++ b/_books/siddhartha.md @@ -0,0 +1,24 @@ +--- +layout: book-review +title: Siddhartha +author: Hermann Hesse +publisher: Suhrkamp +cover: siddhartha.jpg +categories: Roman Spiritualität Klassiker +tags: Buchtipp +date: 2025-10-19 +started: 2025-10-01 +finished: 2025-10-19 +released: 1922 +stars: 6 +status: Finished +social: false +--- + +Siddhartha ist ein junger Mann, Sohn eines Brahmanen, der nach dem Sinn des Lebens sucht. Auf seinem Weg erkennt er, dass Lehren nie den Moment der Erkenntnis enthalten und es darum keine einzige echte Lehre geben kann. Weisheit ist nicht mitteilbar, nur Wissen ist mitteilbar. Die Welt ist nie einseitig, von jeder Wahrheit ist das Gegenteil ebenso wahr. Und schließlich: **_Die Liebe scheint mir von allem die Hauptsache zu sein._** + +> Die Welt zu durchschauen, sie zu erklären, sie zu verachten, mag großer Denker Sache sein. Mir aber liegt einzig daran, die Welt lieben zu können, sie nicht zu verachten, sie und mich nicht zu hassen, sie und mich und alle Wesen mit Liebe und Bewunderung und Ehrfurcht betrachten zu können. +> +> Nicht im Reden, nicht im Denken sehe ich seine Größe, nur im Tun, im Leben. + +Auf Herrn Loys Empfehlung habe ich dieses Buch gelesen, geliebt und verschlungen. Die wunderschöne Sprache und die tiefen Gedanken und Lebensweisheiten sind großartig zu lesen. Es hat mir sehr viel Spaß gemacht und mich an viele Dinge aus meinem Leben erinnert. diff --git a/_books/small_things_like_these.md b/_books/small_things_like_these.md index 75126a3..f645e13 100644 --- a/_books/small_things_like_these.md +++ b/_books/small_things_like_these.md @@ -3,7 +3,7 @@ layout: book-review title: Small Things Like These author: Claire Keegan publisher: faber&faber -cover: #blank +cover: small_things_like_these.jpg olid: OL36285622M # use Open Library ID to fetch cover (if no `cover` is provided) isbn: 9780571368709 # use ISBN to fetch cover (if no `olid` is provided, dashes are optional) categories: Irland Historische-Fiktion Novelle diff --git a/_books/the_gospel_of_wealth.md b/_books/the_gospel_of_wealth.md index ad53899..f479a1d 100644 --- a/_books/the_gospel_of_wealth.md +++ b/_books/the_gospel_of_wealth.md @@ -3,7 +3,7 @@ layout: book-review title: The Gospel of Wealth author: Andrew Carnegie publisher: Applewood Books -cover: #blank +cover: the_gospel_of_wealth.jpg olid: OL38580610M # use Open Library ID to fetch cover (if no `cover` is provided) categories: USA Wirtschaft Essay tags: Buchtipp diff --git a/_books/vom_ende_der_einsamkeit.md b/_books/vom_ende_der_einsamkeit.md index e675c52..551fca5 100644 --- a/_books/vom_ende_der_einsamkeit.md +++ b/_books/vom_ende_der_einsamkeit.md @@ -3,7 +3,7 @@ layout: book-review title: Vom Ende der Einsamkeit author: Benedict Wells publisher: Diogenes -cover: #blank +cover: vom_ende_der_einsamkeit.jpg olid: OL46525546M # use Open Library ID to fetch cover (if no `cover` is provided) categories: Roman Familie Coming-of-Age tags: Buchtipp diff --git a/_layouts/book-review.liquid b/_layouts/book-review.liquid index f9d093f..a40627c 100644 --- a/_layouts/book-review.liquid +++ b/_layouts/book-review.liquid @@ -51,13 +51,15 @@ layout: default {% if half_star > 0 %} {% assign empty_stars = empty_stars | minus: 1 %} {% endif %} - {% for i in (1..full_stars) -%} - - {%- endfor -%} - {%- if half_star > 0 %}{% endif -%} - {%- for i in (1..empty_stars) -%} - - {%- endfor -%} + + {%- for i in (1..full_stars) -%} + + {%- endfor -%} + {%- if half_star > 0 %}{% endif -%} + {%- for i in (1..empty_stars) -%} + + {%- endfor -%} + {% if page.goodreads_review %} {% endif %} @@ -138,7 +140,7 @@ layout: default {% if page.cover %} {{ page.title }} cover
- Cover of {{ page.title }} + Cover von {{ page.title }}
{% elsif page.olid %} {{ page.title }} cover diff --git a/_layouts/book-shelf.liquid b/_layouts/book-shelf.liquid index e69adec..4fe8192 100644 --- a/_layouts/book-shelf.liquid +++ b/_layouts/book-shelf.liquid @@ -20,6 +20,23 @@ layout: page {% endif %}
+ {% if item.stars %} + {% assign full_stars = item.stars | floor %} + {% assign half_star = item.stars | minus: full_stars %} + {% assign empty_stars = 5 | minus: full_stars %} + {% if half_star > 0 %} + {% assign empty_stars = empty_stars | minus: 1 %} + {% endif %} +
+ {% for i in (1..full_stars) -%} + + {%- endfor -%} + {%- if half_star > 0 %}{% endif -%} + {%- for i in (1..empty_stars) -%} + + {%- endfor -%} +
+ {% endif %} {% if item.cover %} {{ item.title }} cover diff --git a/_pages/books.md b/_pages/books.md index 1e3cab0..3a37632 100644 --- a/_pages/books.md +++ b/_pages/books.md @@ -3,7 +3,8 @@ layout: book-shelf title: Bücher social: true permalink: /books/ -nav: false +nav: true +nav_order: 3 collection: books covers: /assets/img/books/ --- diff --git a/_pages/dropdown.md b/_pages/dropdown.md index f1c1d28..d327bcf 100644 --- a/_pages/dropdown.md +++ b/_pages/dropdown.md @@ -2,12 +2,9 @@ layout: page title: Weiteres nav: true -nav_order: 3 +nav_order: 4 dropdown: true children: - - title: Bücher - permalink: /books/ - - title: divider - title: Wie funktionierts? permalink: /wie-funktionierts/ - title: divider diff --git a/_posts/2026-07-23-Mailand-in-neun-Bildern.md b/_posts/2026-07-23-Mailand-in-neun-Bildern.md new file mode 100644 index 0000000..01614fe --- /dev/null +++ b/_posts/2026-07-23-Mailand-in-neun-Bildern.md @@ -0,0 +1,25 @@ +--- +layout: post +title: Wie ich Mailand beschreiben würden, wenn ich keine Worte benutzen dürfte. +date: 2026-07-23 12:00:00 +description: Ein Bild sagt mehr als tausend Worte, heißt es. Dann müssten neun Bilder ja bei weitem reichen, um meinen Eindruck von Mailand zu vermitteln. +tags: mailand italien stadt +categories: blogging photos +tabs: false +featured: false +social: true +thumbnail: assets/img/mailand/Milano-in-9-pictures-blurred.jpg +og_image: /assets/img/og-preview/mailand-9-bilder.jpg +latest_posts: + enabled: false + scrollable: false + limit: 5 +--- + +## Mailand in 9 Bildern + +
+
+ {% include figure.liquid loading="eager" path="assets/img/mailand/Milano-in-9-pictures.jpg" title="Mailand in neun Bildern" alt="Neun Bilder aus Mailand als Collage" class="img-fluid rounded z-depth-1" zoomable=true %} +
+
diff --git a/_sass/_themes.scss b/_sass/_themes.scss index f2b06bc..a296a8d 100644 --- a/_sass/_themes.scss +++ b/_sass/_themes.scss @@ -10,8 +10,8 @@ --global-code-bg-color: #{v.$code-bg-color-light}; --global-text-color: #{v.$black-color}; --global-text-color-light: #{v.$grey-color}; - --global-theme-color: #{v.$purple-color}; - --global-hover-color: #{v.$purple-color}; + --global-theme-color: #{v.$teal-color}; + --global-hover-color: #{v.$teal-color}; --global-hover-text-color: #{v.$white-color}; --global-footer-bg-color: #{v.$grey-color-dark}; --global-footer-text-color: #{v.$grey-color-light}; @@ -19,6 +19,7 @@ --global-distill-app-color: #{v.$grey-color}; --global-divider-color: rgba(0, 0, 0, 0.1); --global-card-bg-color: #{v.$white-color}; + --global-cover-stars-bg: #f7f7f7; --global-highlight-color: #{v.$red-color-dark}; --global-back-to-top-bg-color: rgba( #{color.channel(v.$black-color, "red", v.$space: rgb)}, @@ -89,6 +90,7 @@ html[data-theme="dark"] { --global-distill-app-color: #{v.$grey-color-light}; --global-divider-color: #424246; --global-card-bg-color: #{v.$grey-900}; + --global-cover-stars-bg: #{v.$grey-900}; --global-back-to-top-bg-color: rgba( #{color.channel(v.$white-color, "red", v.$space: rgb)}, #{color.channel(v.$white-color, "green", v.$space: rgb)}, diff --git a/_sass/_utilities.scss b/_sass/_utilities.scss index 6aba532..a59b330 100644 --- a/_sass/_utilities.scss +++ b/_sass/_utilities.scss @@ -495,6 +495,16 @@ ninja-keys::part(ninja-input-wrapper) { // Books shelf +.review-stars { + display: inline-block; + padding: 0.15rem 0.4rem; + border: 1px solid rgba(248, 148, 6, 0.5); + border-radius: 4px; + background-color: rgba(248, 148, 6, 0.1); + color: #f89406; + white-space: nowrap; +} + figure.cover { display: inline-block; text-align: center; @@ -563,6 +573,14 @@ figure.cover { background-color: #b0abb3; } + figcaption.cover-stars { + display: block; + padding: 0.15rem 0; + background-color: var(--global-cover-stars-bg); + color: #f89406; + line-height: 1; + } + /* mouse over link */ a.cover-link:hover { color: #23212d !important; diff --git a/_sass/_variables.scss b/_sass/_variables.scss index 7ac8b33..82e6fa6 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -18,6 +18,7 @@ $green-color-lime: #b7d12a !default; $green-color-dark: #009f06 !default; $green-color-light: #ddffdd !default; $green-color-bright: #11d68b !default; +$teal-color: #09616b !default; $purple-color: #b509ac !default; $light-purple-color: color.adjust($purple-color, $lightness: 25%); $pink-color: #f92080 !default; @@ -34,7 +35,7 @@ $black-color: #000000 !default; // Theme colors -$code-bg-color-light: rgba($purple-color, 0.05); +$code-bg-color-light: rgba($teal-color, 0.05); $code-bg-color-dark: #2c3237 !default; // Font awesome location diff --git a/_tools/og-preview/NOTES.md b/_tools/og-preview/NOTES.md new file mode 100644 index 0000000..ef45558 --- /dev/null +++ b/_tools/og-preview/NOTES.md @@ -0,0 +1,97 @@ +# OG-Preview – Notizen & Ablauf + +Gesammeltes Wissen zum Erzeugen der Social-Preview-Bilder mit `og-advanced.sh`. + +## Ablauf für einen neuen Post + +```bash +cd _tools/og-preview +# CONFIG-Block oben im Skript anpassen (Titel, Untertitel, Button, ggf. Farben) +./og-advanced.sh ../../assets/img/og-preview/.jpg +``` + +Dann im Post-Front-Matter **relativ** verlinken: + +```yaml +og_image: /assets/img/og-preview/.jpg +``` + +`_includes/metadata.liquid` schiebt den Pfad durch `| absolute_url`, im HTML wird +also eine absolute URL – nötig, damit Facebook/X die Vorschau ziehen. + +## Varianten-Skripte + +Die Texte in `og-advanced.sh` lassen sich per Umgebungsvariable überschreiben +(`SUBTITLE`, `TITLE`, `BTN_TEXT`), Defaults bleiben der „lebenswert"-Post. So +braucht eine Variante kein Skript-Duplikat, nur einen kleinen Wrapper: + +- **`og-bilderstrecke.sh`** – Foto-Bilderstrecke „Mailand in 9 Bildern", + Button **„Jetzt schauen"** statt „Jetzt lesen". Setzt nur die Env-Vars und + ruft `og-advanced.sh` auf. + +## Konventionen + +- **Dateiname = Post-Slug**, kein `og-`-Präfix (der Ordner sagt schon „og"). + Beispiel: `assets/img/og-preview/mailand-lebenswert.jpg`. +- Ausgabegröße immer **1200×630** (Open-Graph-Standard). + +## Wie das Skript aufgebaut ist + +Nur der **CONFIG-Block** oben wird normalerweise editiert: + +- `SUBTITLE`, `TITLE`, `BTN_TEXT` – Texte. +- `TITLE` darf mehrzeilig sein: einfach echten Zeilenumbruch in den String + setzen (`-annotate` rendert `\n`). Das Skript umbricht **nicht** automatisch. +- `FONT_*` zeigen auf `~/Library/Fonts/…` (macOS). Poppins muss installiert sein. +- Palette: `BG_TOP/BG_BOT` (Verlauf), `S1/S2/S3` (Deko-Formen), `TITLE_COL`, + `SUB_COL`, `BTN_COL`, `BTN_TEXT_COL`. + +### Gelernte Stolpersteine + +- **Portrait / Landscape / Quadrat** wird automatisch erkannt (Fotobox 540×384 + quer, 384×520 hoch, **500×500 quadratisch** bei `W == H`); alle Offsets hängen + an `BX`/`BY`, tracken also alle Fälle. +- **Langer Titel überläuft**: Text ist eine einzelne `-annotate`-Zeile, keine + Breitenumbrechung. Kurz halten oder per Zeilenumbruch zweizeilig machen. +- Bei zweizeiligem Titel `TITLE_PT` runter (hier **60**), sonst kollidiert Zeile 2 + mit dem Button darunter. +- **Zeilenabstand** des Titels über `-interline-spacing` (hier **-12**) – negativ = + enger, schafft Platz zum Button, ohne den Button zu verschieben. +- Braucht **ImageMagick 7** (`magick`). + +## Palette in diesem Repo (Mailand/Stadt-Vibe, warm-editorial) + +``` +BG_TOP='#f7f4ec' BG_BOT='#e8e2d2' # warmes Creme/Sand +S1='#4a7c59' # Waldgrün (Stadtbäume) +S2='#e07a5f' # Terrakotta (ital. Dächer) +S3='#f2cc8f' # warme Sonne (Kreis) +TITLE_COL='#2b2b26' SUB_COL='#7a756a' +BTN_COL='#4a7c59' BTN_TEXT_COL='white' +``` + +## Lokal installierte Fonts (macOS-Rechner von Max) + +`FONT_*` muss auf eine vorhandene `.ttf` zeigen. Auf diesem Rechner (Max +arbeitet immer hier) liegen unter `~/Library/Fonts/` u.a.: + +- **Poppins** – komplette Familie (Thin…Black + Italics). **Das ist die + Blog-Font** für die OG-Previews (`Poppins-ExtraBold`, `Poppins-SemiBold`). +- Display/Deko: Anton, ArchivoBlack, CarterOne, CinzelDecorative, + Diplomata, Monoton, Syncopate, Wallpoet, FrederickatheGreat, + JacquesFrancoisShadow, MonsieurLaDoulaise, „Billion Butterfly", + Sollarish, „venus rising", TruetypewriterPolyglott. +- Serif: EBGaramond, LibreBodoni, BodoniModa. +- Sans/Text: NotoSans (variable), malgun. + +System-Fonts zusätzlich unter `/System/Library/Fonts/` und +`/System/Library/Fonts/Supplemental/` (Arial, Helvetica, Avenir, Georgia …), +`/Library/Fonts/Arial Unicode.ttf`. Für den Blog-Look aber **Poppins** nehmen. + +Fonts auflisten: `ls ~/Library/Fonts/` · ImageMagick nimmt direkt den Pfad +zur `.ttf` (nicht den Font-Namen), darum kein `-list font` nötig. + +## Herkunft + +Skript aus https://github.com/maxstridde/social_preview (`og-advanced.sh`), +für dieses Blog angepasst. `PROMPT.md` dort erzeugt passende Paletten per LLM. diff --git a/_tools/og-preview/og-advanced.sh b/_tools/og-preview/og-advanced.sh index 106ffff..627e70f 100755 --- a/_tools/og-preview/og-advanced.sh +++ b/_tools/og-preview/og-advanced.sh @@ -14,10 +14,11 @@ set -euo pipefail # ------------------------------------------------------------------ config -SUBTITLE="Stadtplanung · Blog" -TITLE="Warum Mailand -lebenswert ist" -BTN_TEXT="Jetzt lesen" +# Texte lassen sich per Umgebungsvariable überschreiben (siehe og-bilderstrecke.sh). +SUBTITLE="${SUBTITLE:-Stadtplanung · Blog}" +TITLE="${TITLE:-Warum Mailand +lebenswert ist}" +BTN_TEXT="${BTN_TEXT:-Jetzt lesen}" # Fonts — point these at .ttf files you actually have. FONT_TITLE="${HOME}/Library/Fonts/Poppins-ExtraBold.ttf" @@ -60,10 +61,12 @@ TMP="$(mktemp -d)"; trap 'rm -rf "$TMP"' EXIT # 1) normalize orientation, pick a photo box matching the source's aspect magick "$INPUT" -auto-orient "$TMP/src.png" read W H <<<"$(magick identify -format "%w %h" "$TMP/src.png")" -if [ "$W" -ge "$H" ]; then +if [ "$W" -gt "$H" ]; then BOX_W=540; BOX_H=384 # landscape box -else +elif [ "$H" -gt "$W" ]; then BOX_W=384; BOX_H=520 # portrait box +else + BOX_W=500; BOX_H=500 # square box fi FRAME_W=$((BOX_W+24)); FRAME_H=$((BOX_H+24)) BX=70; BY=$(( (630-FRAME_H)/2 )) diff --git a/_tools/og-preview/og-bilderstrecke.sh b/_tools/og-preview/og-bilderstrecke.sh new file mode 100755 index 0000000..36a90e8 --- /dev/null +++ b/_tools/og-preview/og-bilderstrecke.sh @@ -0,0 +1,15 @@ +#!/usr/bin/env bash +# og-bilderstrecke.sh — OG-Preview für die Foto-Bilderstrecke. +# Wie og-advanced.sh, nur Button "Jetzt schauen" statt "Jetzt lesen". +# Alles andere (Layout, Palette, Fonts) kommt aus og-advanced.sh. +# +# Usage: ./og-bilderstrecke.sh input.jpg output.jpg + +set -euo pipefail + +export SUBTITLE="Fotostrecke · Blog" +export TITLE="Mailand in +9 Bildern" +export BTN_TEXT="Jetzt schauen" + +exec "$(dirname "$0")/og-advanced.sh" "$@" diff --git a/assets/img/books/adressat_unbekannt.jpg b/assets/img/books/adressat_unbekannt.jpg new file mode 100644 index 0000000..98b3420 Binary files /dev/null and b/assets/img/books/adressat_unbekannt.jpg differ diff --git a/assets/img/books/briefe_vom_weihnachtsmann.jpg b/assets/img/books/briefe_vom_weihnachtsmann.jpg new file mode 100644 index 0000000..e32effb Binary files /dev/null and b/assets/img/books/briefe_vom_weihnachtsmann.jpg differ diff --git a/assets/img/books/die_burg.jpg b/assets/img/books/die_burg.jpg new file mode 100644 index 0000000..e3c8bcb Binary files /dev/null and b/assets/img/books/die_burg.jpg differ diff --git a/assets/img/books/homers_letzter_satz.jpg b/assets/img/books/homers_letzter_satz.jpg new file mode 100644 index 0000000..79022cd Binary files /dev/null and b/assets/img/books/homers_letzter_satz.jpg differ diff --git a/assets/img/books/moralische_ambition.jpg b/assets/img/books/moralische_ambition.jpg new file mode 100644 index 0000000..e0c33fb Binary files /dev/null and b/assets/img/books/moralische_ambition.jpg differ diff --git a/assets/img/books/ordinary_monsters.jpg b/assets/img/books/ordinary_monsters.jpg new file mode 100644 index 0000000..5b49f91 Binary files /dev/null and b/assets/img/books/ordinary_monsters.jpg differ diff --git a/assets/img/books/pi_mal_daumen.jpg b/assets/img/books/pi_mal_daumen.jpg new file mode 100644 index 0000000..e893839 Binary files /dev/null and b/assets/img/books/pi_mal_daumen.jpg differ diff --git a/assets/img/books/round_ireland_with_a_fridge.jpg b/assets/img/books/round_ireland_with_a_fridge.jpg new file mode 100644 index 0000000..d35a2a2 Binary files /dev/null and b/assets/img/books/round_ireland_with_a_fridge.jpg differ diff --git a/assets/img/books/siddhartha.jpg b/assets/img/books/siddhartha.jpg new file mode 100644 index 0000000..90640fb Binary files /dev/null and b/assets/img/books/siddhartha.jpg differ diff --git a/assets/img/books/small_things_like_these.jpg b/assets/img/books/small_things_like_these.jpg new file mode 100644 index 0000000..5a99b13 Binary files /dev/null and b/assets/img/books/small_things_like_these.jpg differ diff --git a/assets/img/books/the_gospel_of_wealth.jpg b/assets/img/books/the_gospel_of_wealth.jpg new file mode 100644 index 0000000..f9f1c28 Binary files /dev/null and b/assets/img/books/the_gospel_of_wealth.jpg differ diff --git a/assets/img/books/vom_ende_der_einsamkeit.jpg b/assets/img/books/vom_ende_der_einsamkeit.jpg new file mode 100644 index 0000000..ef81e1f Binary files /dev/null and b/assets/img/books/vom_ende_der_einsamkeit.jpg differ diff --git a/assets/img/mailand/Milano-in-9-pictures-blurred.jpg b/assets/img/mailand/Milano-in-9-pictures-blurred.jpg new file mode 100644 index 0000000..27b94cf Binary files /dev/null and b/assets/img/mailand/Milano-in-9-pictures-blurred.jpg differ diff --git a/assets/img/mailand/Milano-in-9-pictures.jpg b/assets/img/mailand/Milano-in-9-pictures.jpg new file mode 100644 index 0000000..c691ffd Binary files /dev/null and b/assets/img/mailand/Milano-in-9-pictures.jpg differ diff --git a/assets/img/og-preview/mailand-9-bilder.jpg b/assets/img/og-preview/mailand-9-bilder.jpg new file mode 100644 index 0000000..9b4ceda Binary files /dev/null and b/assets/img/og-preview/mailand-9-bilder.jpg differ