mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 12:05:28 +00:00
fix: problems in essays
This commit is contained in:
Stefan Imhoff
@@ -16,7 +16,8 @@
|
||||
"files": ["*.md", "*.mdx"],
|
||||
"options": {
|
||||
"singleQuote": false,
|
||||
"tabWidth": 2
|
||||
"tabWidth": 2,
|
||||
"useTabs": false
|
||||
}
|
||||
},
|
||||
{
|
||||
|
||||
@@ -9,12 +9,18 @@ import { defineConfig } from 'astro/config';
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
markdown: {
|
||||
remarkPlugins: [remarkReadingTime],
|
||||
shikiConfig: {
|
||||
theme: 'nord',
|
||||
langs: [],
|
||||
wrap: true,
|
||||
},
|
||||
},
|
||||
integrations: [mdx(), tailwind(), preact({ compat: true }), astroImageTools],
|
||||
integrations: [
|
||||
mdx({
|
||||
remarkPlugins: [remarkReadingTime],
|
||||
}),
|
||||
tailwind(),
|
||||
preact({ compat: true }),
|
||||
astroImageTools,
|
||||
],
|
||||
});
|
||||
|
||||
BIN
public/assets/images/cover/rakkan.jpg
Normal file
BIN
public/assets/images/cover/rakkan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
BIN
public/assets/images/cover/vim-polisher.jpg
Normal file
BIN
public/assets/images/cover/vim-polisher.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
@@ -5,7 +5,7 @@ import type { ComponentChild, FunctionalComponent } from 'preact';
|
||||
interface Props {
|
||||
class?: string;
|
||||
children: ComponentChild;
|
||||
summary: string;
|
||||
summary?: string;
|
||||
open?: boolean;
|
||||
}
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ interface Props {
|
||||
export const ColorStack: FunctionalComponent<Props> = ({ children, ...props }) => {
|
||||
return (
|
||||
<article
|
||||
class="col-start-1 col-end-17 grid grid-cols-[repeat(auto-fill,_minmax(150px,_1fr))] gap-[20px]"
|
||||
class="col-start-1 col-end-17 grid grid-cols-[repeat(auto-fill,_minmax(150px,_1fr))] gap-[20px] mbe-10"
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
|
||||
@@ -11,6 +11,7 @@ interface Props extends JSX.HTMLAttributes<HTMLQuoteElement> {
|
||||
lang?: string;
|
||||
source?: string;
|
||||
sourceUrl?: string;
|
||||
text: string;
|
||||
}
|
||||
|
||||
export const Pullquote: FunctionalComponent<Props> = ({
|
||||
@@ -20,13 +21,14 @@ export const Pullquote: FunctionalComponent<Props> = ({
|
||||
lang = 'en',
|
||||
source,
|
||||
sourceUrl,
|
||||
text,
|
||||
...props
|
||||
}) => {
|
||||
const classes = cx('pullquote p-9 text-center', className);
|
||||
const classes = cx('pullquote mbe-10 p-9 text-center', className);
|
||||
|
||||
return (
|
||||
<blockquote lang={lang} class={classes} {...props}>
|
||||
{children}
|
||||
<p dangerouslySetInnerHTML={{ __html: text }} />
|
||||
{(author || source) && (
|
||||
<footer class="text-2 font-normal opacity-60 mbs-6">
|
||||
{author && <b class="font-normal">{author}</b>}
|
||||
|
||||
@@ -61,8 +61,6 @@ I replace the now obsolete post of 2007 with a large list of helpful links to Gi
|
||||
- [GitHub](https://github.com/)
|
||||
- [Bitbucket](https://bitbucket.org/)
|
||||
|
||||
---
|
||||
|
||||
## Software
|
||||
|
||||
### MacOS
|
||||
|
||||
@@ -14,7 +14,7 @@ On June 5, 2009, Yann Arthus-Bertrand’s documentary film [HOME](https://youtu.
|
||||
|
||||
With a budget of approximately $10-15 million, sponsored by [EuropaCorp](http://www.europacorp.com/) and PPR, the director wanted to create a moving film about our planet, in which he consistently succeeded.
|
||||
|
||||
<Pullquote>No time for pessimism.</Pullquote>
|
||||
<Pullquote text="No time for pessimism." />
|
||||
|
||||
The film has a playing time of 1 hour and 33 minutes and is roughly divided into three parts:
|
||||
|
||||
@@ -24,7 +24,7 @@ The film has a playing time of 1 hour and 33 minutes and is roughly divided into
|
||||
|
||||
The shots are shot in stunning (or terrifying) landscapes throughout the air and are commented on by a narrator. In addition, beautiful music was composed by Armand Amar. The composer has used many musicians from different nations, including the wonderful singer Gombodorj Byambajarga, the Mongolian singer Enkhajargal Dandarvaanchig, drummers from Shanghai, and the Budapest Symphony Orchestra from Hungary.
|
||||
|
||||
<Pullquote>Dubai has endless sun, but no solar panels.</Pullquote>
|
||||
<Pullquote text="Dubai has endless sun, but no solar panels." />
|
||||
|
||||
The film is designed to get viewers to write about it, make their governments turn around, and raise awareness of the topic. Even compared to other films on this topic, _HOME_ is the most impressive documentary I’ve seen.
|
||||
|
||||
|
||||
@@ -12,7 +12,7 @@ tags: ["book"]
|
||||
|
||||
Today, I recommend a book that I finished recently and read a second time: _Rework_ by _Jason Fried_ and _David Heinemeier Hansson_.
|
||||
|
||||
I have long been a great believer in the philosophy of simplicity which is cultivated by _<del>37signals</del> <ins>Basecamp</ins>_ successfully. Their first (free) book [Getting Real](https://basecamp.com/books/getting-real) (as <AffiliateLink asin="0578012812" text="paperback version" />) I read with great interest.
|
||||
I have long been a great believer in the philosophy of simplicity which is cultivated by 37signals successfully. Their first (free) book [Getting Real](https://basecamp.com/books/getting-real) (as <AffiliateLink asin="0578012812" text="paperback version" />) I read with great interest.
|
||||
|
||||
<Bookshelf>
|
||||
<AmazonBook asin="0307463745" />
|
||||
@@ -27,6 +27,6 @@ The [official website](https://basecamp.com/books/rework) of the book offers a s
|
||||
|
||||
Getting Real was created for programmers who want to complete a project. _Rework_, on the other hand, is suitable for every employee and employer, from the managing director to the administrator.
|
||||
|
||||
With 21,000 words, the book offers valuable tips for getting a productive and fulfilling working day. Much of this is not new (similar topics can be found in _Getting Real_), and none of this has been invented by _<del>37signals</del> <ins>Basecamp</ins>_, but I’ve read nowhere as many good tips in brevity and conciseness.
|
||||
With 21,000 words, the book offers valuable tips for getting a productive and fulfilling working day. Much of this is not new (similar topics can be found in _Getting Real_), and none of this has been invented by 37signals, but I’ve read nowhere as many good tips in brevity and conciseness.
|
||||
|
||||
And for the lazy people, there is even an <AffiliateLink asin="0307704513" text="audiobook version" />.
|
||||
|
||||
@@ -4,6 +4,7 @@ slug: vim
|
||||
author: Stefan Imhoff
|
||||
date: 2010-10-29T19:00:00+02:00
|
||||
description: How I became a convinced Vim disciple, why Vim is an ingenious editor, and how to best practice if you want to learn Vim.
|
||||
cover: /assets/images/cover/vim-polisher.jpg
|
||||
tags: ["code"]
|
||||
---
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@ title: Django Article
|
||||
slug: webstandards-magazine-django
|
||||
author: Stefan Imhoff
|
||||
date: 2010-09-21T09:25:00+02:00
|
||||
description: I was allowed to write a multipage article about Django in Webstandards-Magazin. I wrote about what I appreciate about Django and why I use it.
|
||||
description: I was asked to write a multipage article about Django in Webstandards-Magazin. I wrote about what I appreciate about Django and why I use it.
|
||||
cover: /assets/images/cover/webstandards-magazine-django.jpg
|
||||
tags: ["publication"]
|
||||
---
|
||||
|
||||
@@ -1,310 +0,0 @@
|
||||
---
|
||||
title: "Introduction to Gulp.js 16: PostCSS"
|
||||
slug: gulp-tutorial-16-postcss
|
||||
author: Stefan Imhoff
|
||||
date: 2014-12-30T07:50:29+00:00
|
||||
description: "The ultimate tutorial and guide for Gulp.js: How to use PostCSS with Gulp to process CSS and how to lint your CSS files with Stylelint."
|
||||
cover: /assets/images/cover/gulp.svg
|
||||
tags: ["code"]
|
||||
series: gulp
|
||||
---
|
||||
|
||||
This is the 16th part of my series _Introduction to Gulp.js_. Today, I will show how to use PostCSS to process CSS files. I will replace Ruby Sass with PostCSS and additionally show how to lint stylesheets automatically in the background while developing with Stylelint.
|
||||
|
||||
## Compass, Sass, LESS, Stylus … why do we need more tools?
|
||||
|
||||
I use Sass and SCSS now for a long time, started with _Compass_, moved to _Ruby Sass_ and wanted to move to _libSass_, but dependencies on my beloved Gems held me back.
|
||||
|
||||
There are numerous Preprocessors, Libraries, and Frameworks, which extend CSS. And a lot of them do good work and I didn’t want to miss variables, nesting, or mixins. But Ruby Sass and Compass in particular are **slooooooooow**because Ruby is slow. Compiling my website’s styles took 7-8 seconds, but I know of projects where one change will trigger a recompile, which takes **more than a minute**!
|
||||
|
||||
## What is PostCSS, and why should I use it?
|
||||
|
||||
There is a new kid on the block: [PostCSS](https://github.com/postcss/postcss). I don’t care if it’s a Preprocessor, a Postprocessor, or a Processor. You write something, it will process your files, and it will put out CSS.
|
||||
|
||||
Why should you use a new tool, if Sass and its competitors do their job? Because it’s **fast** ([3-30 times faster](https://github.com/postcss/benchmark)), **modular** and **extendible**. I bet you need a small fraction of your Preprocessors functionality.
|
||||
|
||||
With PostCSS, you can choose what you require from currently over [200 plugins](https://www.postcss.parts/). If you don’t find the plugin you require, you can write a [plugin](https://github.com/postcss/postcss/blob/master/docs/guidelines/plugin.md) or [syntax](https://github.com/postcss/postcss/blob/master/docs/syntax.md).
|
||||
|
||||
**You get it all**: variables, mixins, extends, color helpers, fallbacks, optimizations, grids … you pick. You can even start using future CSS syntax today, let PostCSS transpile it for you.
|
||||
|
||||
I swapped out _Ruby Sass_ with PostCSS and my CSS is now transformed in 2-3 seconds. Go and take a look at my [beautiful new code](https://github.com/kogakure/jekyll-stefanimhoff.de). I use Responsive Typography, Autoprefixer, and the fantastic [LostGrid](https://github.com/peterramsing/lost).
|
||||
|
||||
## PostCSS
|
||||
|
||||
In this part of my series, I will rip out Ruby Sass and add PostCSS instead. So follow me along …
|
||||
|
||||
First, I will install all needed Node modules:
|
||||
|
||||
```bash
|
||||
$ npm install gulp-postcss@6.0.1 precss@1.2.3 gulp-cssnano@2.0.0 gulp-util@3.0.6 autoprefixer@6.0.3 css-mqpacker@4.0.0 --save-dev
|
||||
```
|
||||
|
||||
I add basic plugins, but you can add more if you like later. I add [gulp-postcss](https://github.com/postcss/gulp-postcss), [precss](https://github.com/jonathantneal/precss) (which will allow Sass-like syntax), [gulp-cssnano](https://cssnano.co/) (which will compress and optimize the CSS), [autoprexifer](https://github.com/postcss/autoprefixer) for automatic vendor prefixes and [css-mqpacker](https://github.com/hail2u/node-css-mqpacker) for combining media queries.
|
||||
|
||||
Next, I will add the configuration for the new task:
|
||||
|
||||
#### gulp/config.js
|
||||
|
||||
```javascript
|
||||
styles: {
|
||||
src: srcAssets + '/styles/*.css',
|
||||
dest: developmentAssets + '/css',
|
||||
options: {
|
||||
precss: {},
|
||||
autoprefixer: {
|
||||
browsers: [
|
||||
'last 2 versions',
|
||||
'safari 5',
|
||||
'ie 8',
|
||||
'ie 9',
|
||||
'opera 12.1',
|
||||
'ios 6',
|
||||
'android 4'
|
||||
],
|
||||
cascade: true
|
||||
},
|
||||
mqpacker: {}
|
||||
}
|
||||
},
|
||||
```
|
||||
|
||||
I add the new task to my `development` folder:
|
||||
|
||||
#### gulp/tasks/development/styles.js
|
||||
|
||||
```javascript
|
||||
var gulp = require("gulp");
|
||||
var postcss = require("gulp-postcss");
|
||||
var precss = require("precss");
|
||||
var nano = require("gulp-cssnano");
|
||||
var plumber = require("gulp-plumber");
|
||||
var sourcemaps = require("gulp-sourcemaps");
|
||||
var gutil = require("gulp-util");
|
||||
var browsersync = require("browser-sync");
|
||||
var autoprefixer = require("autoprefixer");
|
||||
var mqpacker = require("css-mqpacker");
|
||||
var config = require("../../config");
|
||||
|
||||
function onError(err) {
|
||||
gutil.beep();
|
||||
console.log(err);
|
||||
this.emit("end");
|
||||
}
|
||||
|
||||
/**
|
||||
* Run CSS through PostCSS and its plugins
|
||||
* Build sourcemaps and minimize
|
||||
*/
|
||||
var processors = [
|
||||
precss(config.styles.options.precss),
|
||||
autoprefixer(config.styles.options.autoprefixer),
|
||||
mqpacker(config.styles.options.mqpacker),
|
||||
];
|
||||
|
||||
gulp.task("styles", function () {
|
||||
browsersync.notify("Transforming CSS with PostCSS");
|
||||
|
||||
return gulp
|
||||
.src(config.styles.src)
|
||||
.pipe(
|
||||
plumber({
|
||||
errorHandler: onError,
|
||||
})
|
||||
)
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(postcss(processors))
|
||||
.pipe(nano())
|
||||
.pipe(sourcemaps.write("."))
|
||||
.pipe(gulp.dest(config.styles.dest));
|
||||
});
|
||||
```
|
||||
|
||||
### Rename SCSS files and folders
|
||||
|
||||
I rename the `scss` folder to `styles` and create inside this folder a new folder `partials`. I rename all `.scss` files to `.css` and move them into the partial’s folder (except the `main.css`). Furthermore, I recommend commenting out all lines in this file for now and bringing them back later. Otherwise, it will not run properly because the syntax is different.
|
||||
|
||||
### Update the Code
|
||||
|
||||
Next, I will need to replace the lines of the old `sass` task with my new `styles` task. If you have never seen a **DIFF** file: a `-` (and red line) in front of a line has to be removed and a `+` (and green line) in front of a line has to be added:
|
||||
|
||||
#### gulp/config.js:132
|
||||
|
||||
```diff
|
||||
- sass: srcAssets + '/scss/**/*.{sass,scss}',
|
||||
+ styles: srcAssets + '/styles/**/*.css',
|
||||
```
|
||||
|
||||
#### gulp/config.js:154
|
||||
|
||||
```diff
|
||||
- css: srcAssets + '/scss/base/',
|
||||
+ css: srcAssets + '/styles/partials/base/',
|
||||
```
|
||||
|
||||
#### gulp/tasks/development/watch.js:9
|
||||
|
||||
```diff
|
||||
- gulp.watch(config.sass, ['sass', 'scsslint']);
|
||||
+ gulp.watch(config.styles, ['styles', 'scsslint']);
|
||||
```
|
||||
|
||||
#### gulp/tasks/development/build.js:11
|
||||
|
||||
```diff
|
||||
- 'sass',
|
||||
+ 'styles',
|
||||
```
|
||||
|
||||
#### gulp/tasks/production/build.js:10
|
||||
|
||||
```diff
|
||||
- 'sass',
|
||||
+ 'styles',
|
||||
```
|
||||
|
||||
#### gulp/tasks/development/base64.js:8
|
||||
|
||||
```diff
|
||||
- gulp.task('base64', ['sass'], function() {
|
||||
+ gulp.task('base64', ['styles'], function() {
|
||||
```
|
||||
|
||||
I remove these lines from my `optimize-css.js` task because `cssnano` does the job:
|
||||
|
||||
#### gulp/tasks/production/optimize-css.js:2
|
||||
|
||||
```diff
|
||||
- var csso = require('gulp-csso');
|
||||
```
|
||||
|
||||
#### gulp/tasks/production/optimize-css.js:7
|
||||
|
||||
```diff
|
||||
- * Copy and minimize CSS files
|
||||
+ * Copy CSS files
|
||||
```
|
||||
|
||||
#### gulp/tasks/production/optimize-css.js:11
|
||||
|
||||
```diff
|
||||
- .pipe(minifycss(config.options))
|
||||
```
|
||||
|
||||
FontCustom has to be changed to copy the Vector fonts CSS to the new location and provide CSS instead of SCSS:
|
||||
|
||||
#### fontcustom.yml:34
|
||||
|
||||
```diff
|
||||
- css: app/_assets/scss
|
||||
+ css: app/_assets/styles
|
||||
```
|
||||
|
||||
#### fontcustom.yml:48
|
||||
|
||||
```diff
|
||||
- templates: [ scss, preview ]
|
||||
+ templates: [ css, preview ]
|
||||
```
|
||||
|
||||
After I updated the FontCustom config file, I have to run the task for creating the Vector Fonts again:
|
||||
|
||||
```bash
|
||||
$ gulp fontcustom
|
||||
```
|
||||
|
||||
The syntax of the different PostCSS plugins is different. I use [PreCSS](https://github.com/jonathantneal/precss), which is a lot like Sass, but things look different. Writing all the changes I made to the CSS would extend the scope of this tutorial too much, as it’s a long file. But you can have a look, at how I refactored all CSS files with updated syntax in my [GitHub repository](https://github.com/kogakure/gulp-tutorial/commit/fc2398d933e2094832a00ac123b30c772269e08c). If you are interested how I replaced [Singularity](https://github.com/at-import/Singularity) (which is the best Sass grid available) with [LostGrid](https://github.com/peterramsing/lost) and all the other things, look into [my websites source code](https://github.com/kogakure/jekyll-stefanimhoff.de).
|
||||
|
||||
You can run `gulp` again now, and PostCSS will process the styles.
|
||||
|
||||
## Linting CSS with PostCSS plugins
|
||||
|
||||
We want to write clean and beautiful stylesheets. That’s why we should always run a Linter, which checks our CSS.
|
||||
|
||||
Until now, a Ruby gem did this job and was checking the SCSS syntax for errors. But now we use CSS and need a better (and faster) solution.
|
||||
|
||||
First, I install the Node modules, which are needed:
|
||||
|
||||
```bash
|
||||
$ npm install stylelint@1.2.1 postcss-reporter@1.3.0 --save-dev
|
||||
```
|
||||
|
||||
Now I’ll add the configuration for Linting to my Gulp config:
|
||||
|
||||
#### gulp/config.js
|
||||
|
||||
```javascript
|
||||
lintStyles: {
|
||||
src: [
|
||||
srcAssets + '/styles/**/*.css',
|
||||
'!' + srcAssets + '/styles/partials/_syntax-highlighting.css',
|
||||
'!' + srcAssets + '/styles/partials/_sprites.css',
|
||||
'!' + srcAssets + '/styles/partials/fontcustom.css'
|
||||
],
|
||||
options: {
|
||||
stylelint: {
|
||||
'rules': {
|
||||
'string-quotes': [2, 'double'],
|
||||
'color-hex-case': [2, 'lower'],
|
||||
'value-no-vendor-prefix': 2,
|
||||
'declaration-no-important': 0,
|
||||
'rule-non-nested-empty-line-before': [2, 'always', {
|
||||
ignore: ['after-comment']
|
||||
}]
|
||||
}
|
||||
},
|
||||
reporter: {
|
||||
clearMessages: true
|
||||
}
|
||||
}
|
||||
},
|
||||
```
|
||||
|
||||
I watch all CSS files, except the generated (FontCustom and Sprites) and the syntax highlighting file (which I don’t touch).
|
||||
|
||||
You can define linting rules for [stylelint](https://github.com/stylelint). These 5 rules are just an example, there are a [lot more](https://github.com/stylelint/stylelint/blob/master/docs/user-guide/rules.md). As CSS style is taste, you should pick the rules you like. `0` means ignore (default), `1` is a warning and `2` is an error. Sometimes rules require additional options.
|
||||
|
||||
Next, I will add the Gulp task:
|
||||
|
||||
#### gulp/tasks/development/lint-styles.js
|
||||
|
||||
```javascript
|
||||
var gulp = require("gulp");
|
||||
var postcss = require("gulp-postcss");
|
||||
var stylelint = require("stylelint");
|
||||
var reporter = require("postcss-reporter");
|
||||
var config = require("../../config");
|
||||
|
||||
gulp.task("lint-styles", function () {
|
||||
return gulp
|
||||
.src(config.lintStyles.src)
|
||||
.pipe(
|
||||
postcss([
|
||||
stylelint(config.lintStyles.options.stylelint),
|
||||
reporter(config.lintStyles.options.reporter),
|
||||
])
|
||||
);
|
||||
});
|
||||
```
|
||||
|
||||
All I need to do now is replace the linting task in my watch task:
|
||||
|
||||
#### gulp/tasks/development/watch.js:9
|
||||
|
||||
```diff
|
||||
- gulp.watch(config.styles, ['styles', 'scsslint']);
|
||||
+ gulp.watch(config.styles, ['styles', 'lint-styles']);
|
||||
```
|
||||
|
||||
If you run `gulp`, the task will lint your CSS files, save them, and show errors with filename, line number, and broken rule in the Terminal. PostCSS provides even a [plugin](https://github.com/postcss/postcss-browser-reporter) to bring the errors to your browser.
|
||||
|
||||
PostCSS will likely have a bright future. Since it got popular, countless people got excited. Companies like Google, Twitter, Alibaba, and Shopify use PostCSS. And Bootstrap v5 will be likely in PostCSS.
|
||||
|
||||
I’m sure we will see more exciting Plugins in the future.
|
||||
|
||||
## Conclusion
|
||||
|
||||
This concludes the 16th part of my series _Introduction to Gulp.js_. We learned how to use PostCSS to process our CSS files and how to use Stylelint to lint the CSS files for errors.
|
||||
|
||||
<Figure>
|
||||
<MoreLink href="https://github.com/kogakure/gulp-tutorial" text="View Source on GitHub" />
|
||||
</Figure>
|
||||
@@ -4,6 +4,7 @@ slug: logo-design
|
||||
author: Stefan Imhoff
|
||||
date: 2014-04-18T19:00:00+02:00
|
||||
description: "Insight into the design of my new logo and Rakkan: idea, research, and a short digression on the Chinese script."
|
||||
cover: /assets/images/cover/rakkan.jpg
|
||||
tags: ["design"]
|
||||
---
|
||||
|
||||
|
||||
@@ -33,7 +33,7 @@ Other names for body weight training are **Street Workout**, **Ghetto Fitness**,
|
||||
|
||||
With Calisthenics, you use basic movements like **Lunges**, **Crunches**, **Push-ups**, **Pull-ups**, **Squats**, **Dips** to strengthen your body. You **gradually** expand your skills and proceed to more difficult exercises. That’s why it’s called **Progressive Calisthenics**.
|
||||
|
||||
<Pullquote>Adding 5 kg of weight to the barbell doesn’t feel as good.</Pullquote>
|
||||
<Pullquote text="Adding 5 kg of weight to the barbell doesn’t feel as good." />
|
||||
|
||||
The nice thing with this training is you do **small steps** and improve sustainably. Your body **needs time to learn** the movements correctly and get used to them. If done correctly you might reach advanced exercises like **Muscle-ups**, **Pistol Squats**, **Human Flag**, or **One-Arm Push-Ups**. Each time you reach a goal and master a trick, this is a fantastic feeling of accomplishment. Adding 5 kg of weight to the barbell doesn’t feel as good.
|
||||
|
||||
|
||||
@@ -18,9 +18,11 @@ And this is a good thing, as it allows us to extend our minds in directions our
|
||||
|
||||
The most precious thing you own is not money or time. **It is attention**. We all have the same number of hours on this planet. But what we do with it, what we achieve, is up to us. We decide where we point our attention to. However, do we?
|
||||
|
||||
<Pullquote author="Annie Dillard" source="The Writing Life">
|
||||
How we spend our days is, of course, how we spend our lives.
|
||||
</Pullquote>
|
||||
<Pullquote
|
||||
author="Annie Dillard"
|
||||
source="The Writing Life"
|
||||
text="How we spend our days is, of course, how we spend our lives."
|
||||
/>
|
||||
|
||||
## Feeding the Monster
|
||||
|
||||
|
||||
@@ -37,12 +37,7 @@ The wrong reasons might be diverse: Boredom, inner emptiness, the desire for sta
|
||||
|
||||
As everything in this world is connected, Minimalism has its roots in multiple different schools of thinking. One closely related is **Simplicity**. I found this definition (source unknown) about the difference between Simplicity and Minimalism:
|
||||
|
||||
<Pullquote>
|
||||
Minimalism is the reduction of quantity.
|
||||
|
||||
Simplicity is the reduction of complexity.
|
||||
|
||||
</Pullquote>
|
||||
<Pullquote text="Minimalism is the reduction of quantity.<br />Simplicity is the reduction of complexity." />
|
||||
|
||||
Minimalism is sometimes defined as _Simple Living_. Simplicity will inevitably be part of a Minimalist's life. The reason is deep thinking results in love for simple forms. Objects, which are resistant to temporary fashion, which endure time and follow the concept of _form follows function_.
|
||||
|
||||
@@ -72,9 +67,11 @@ I was always a Minimalist, even when the term didn’t exist. My first contact w
|
||||
|
||||
The next thing which influenced me was the book and movie [Fight Club](http://www.imdb.com/title/tt0137523/). It’s filled with quotes against consumerism, capitalism, and property. It has countless Anarchist ideas, which is the main reason it was rated PG18.
|
||||
|
||||
<Pullquote author="Tyler Durden (Brad Pitt)" source="Fight Club">
|
||||
The things you own end up owning you.
|
||||
</Pullquote>
|
||||
<Pullquote
|
||||
author="Tyler Durden (Brad Pitt)"
|
||||
source="Fight Club"
|
||||
text="The things you own end up owning you."
|
||||
/>
|
||||
|
||||
The next step was reading David Allen's book <cite><AffiliateLink asin="0143126563" text="Getting Things Done (GTD)" /></cite>, which is a productivity system, but at the beginning of the process is the inventory of your things.
|
||||
|
||||
|
||||
@@ -7,12 +7,10 @@ description: How I save and process information, to find it again quickly and st
|
||||
tags: ["self-improvement"]
|
||||
---
|
||||
|
||||
## My Crazy, Paranoid, Overly Complicated, but Functioning Way of Storing Information
|
||||
|
||||
We live in an age of never-ending information. How should anyone remember anything with all the information bombarding us every day?
|
||||
|
||||
## Where to Store Information?
|
||||
|
||||
We live in an age of never-ending information. How should anyone remember anything with all the information bombarding us every day? Some of the questions you might ask yourself:
|
||||
|
||||
- How do you make sure you find the information you saved once again?
|
||||
- How do you make sure you don’t lose valuable sources?
|
||||
- How do to know which information is valuable at all?
|
||||
|
||||
@@ -78,7 +78,7 @@ You can always send me a message or feedback, all possibilities to contact or co
|
||||
|
||||
If you’re interested in the code you don’t have to wait until I release the essay, the [source code](https://github.com/kogakure/website-gatsby-stefanimhoff.de) is publicly available on GitHub. All my components can be viewed on my [Styleguide](https://styleguide.stefanimhoff.de/) created with [Storybook](https://storybook.js.org/).
|
||||
|
||||
<Banner summary="Hosted version" open>
|
||||
<Banner>
|
||||
If you want to see the design of this website, it is still hosted on
|
||||
[v3.stefanimhoff.de](https://v3.stefanimhoff.de/) but doesn’t get any more updates.
|
||||
</Banner>
|
||||
|
||||
@@ -9,16 +9,19 @@ tags: ["tip", "survival"]
|
||||
|
||||
I tended to have a more positive image of human nature than _Thomas Hobbes_, I believed in sharing, cooperation, and “The Wisdom of Crowds.” But since Corona, I had to revise my idea of human nature. I can’t believe how easy it was to scare more than half of the population with a virus that has a more than 99.98% survival rate to forget all their virtue and liberal values.
|
||||
|
||||
<Pullquote author="Amos Burton (James S. A. Corey)" source="The Expanse, S5.6: Tribes">
|
||||
The thing about civilization is, it keeps you civil. Get rid of one, you can’t count on the other.
|
||||
</Pullquote>
|
||||
<Pullquote
|
||||
author="Amos Burton (James S. A. Corey)"
|
||||
source="The Expanse, S5.6: Tribes"
|
||||
text="The thing about civilization is, it keeps you civil. Get rid of one, you can’t count on the other."
|
||||
/>
|
||||
|
||||
When parts of the population decided against vaccination (a novel gene therapy that provides time-limited personal protection and no protection of others) the rhetoric escalated. A politician of the CSU party tweeted <q>Impfen macht frei</q>[^mooser2021lp] (Vaccination sets you free), words that echo the crimes of the National Socialists. _Oliver Welke_, the host of the comedy show “_Heute Show_” called unvaccinated <q>asocial</q>[^rnd2021rc] a term invented by the National Socialists to devalue classes of undesirables as inferior and harmful to society. The term “_Volksgesundheit_”[^hendrig2020jc] was suddenly used everywhere, despite its tainted past and better words available to describe public health. Patriotism[^link2021kt] was quick _en vogue_ again, after being left for years to right-wing parties. _Noam Chomsky_ called out in a public interview to segregate unvaccinated from society and starve them into submission.[^nationalpoststaff2021vm] Shortly thereafter, Austria and Germany introduced lockdowns for unvaccinated. Austria went even further and introduced mandatory vaccination for everybody.
|
||||
|
||||
<Pullquote author="Amos Burton (James S. A. Corey)" source="The Expanse, S5.6: Tribes">
|
||||
People are tribal. The more settled things are, the bigger the tribes can be. The churn comes, and
|
||||
the tribes get small again.
|
||||
</Pullquote>
|
||||
<Pullquote
|
||||
author="Amos Burton (James S. A. Corey)"
|
||||
source="The Expanse, S5.6: Tribes"
|
||||
text="People are tribal. The more settled things are, the bigger the tribes can be. The churn comes, and the tribes get small again."
|
||||
/>
|
||||
|
||||
If a virus with a mild illness can awaken tribalism, the wish for discrimination and segregation, and hate in people, what will starvation or fear for life through violence do?
|
||||
|
||||
@@ -39,9 +42,11 @@ Recently, after reading the book <cite>Vom Verlust der Freiheit</cite>[^unger202
|
||||
|
||||
We throw around the term “Blackout” when the energy goes out for 10 minutes, but people are not aware those aren’t Blackouts. A Blackout is dangerous, life-threatening, and society-destroying. After one week the first people will start dying, after two weeks we would be back to the middle-ages with warlords and the rule of the strongest.
|
||||
|
||||
<Pullquote author="Amos Burton quoting Lydia (James S. A. Corey)" source="The Expanse">
|
||||
Float to the top or sink to the bottom. Everything in the middle is the churn.
|
||||
</Pullquote>
|
||||
<Pullquote
|
||||
author="Amos Burton quoting Lydia (James S. A. Corey)"
|
||||
source="The Expanse"
|
||||
text="Float to the top or sink to the bottom. Everything in the middle is the churn."
|
||||
/>
|
||||
|
||||
The whole European energy grid is in a bad state. The push for green energy will worsen the problem soon. Germany had two Brownouts (near Blackouts) in the last two years that could be prevented by transferring energy from neighboring countries.
|
||||
|
||||
|
||||
@@ -23,14 +23,6 @@ Compared to **The Gods of the Copybook Headings**, this poem was easy to learn i
|
||||
|
||||
The next poem on my list is [If—](https://www.poetryfoundation.org/poems/46473/if---) by _Rudyard Kipling_. <q>It provides traditional advice about how to live a good life</q> and <q>is considered to be one of the best examples of Victorian stoicism.</q>[^jenson2016ib]
|
||||
|
||||
<Banner summary="An interesting fact about the Victorian Age" open>
|
||||
I recently heard _Heather Heying_ talk about a scientific paper on health in the Victorian Age on
|
||||
[DarkHorse podcast 88: How Bread got Broken](https://youtu.be/KSWu6DUFFt4?t=3108). We always think
|
||||
of the Victorian Age from books like <cite>Frankenstein</cite>,{" "}
|
||||
<cite>Strange Case of Dr. Jekyll and Mr. Hyde</cite>, or <cite>Sherlock Holmes</cite> – dark,
|
||||
nasty, dirty, short-lived. But the paper found that these people were healthier than we are today.
|
||||
</Banner>
|
||||
|
||||
When I tried to remember what poems I had to learn in school, I couldn’t remember a single one. I think the reason is, that we didn’t have to remember any. I think we didn’t even read poems. I remember we sang the [Niedersachsenlied](https://de.wikipedia.org/wiki/Niedersachsenlied) (the song of the Lower Saxons) in music class.
|
||||
|
||||
I think learning poetry faded out in the generations before mine. My parents and grandparents had to learn poems in school. Sadly, we stopped learning poems.
|
||||
|
||||
@@ -3,7 +3,7 @@ title: The Old Man on the Bench
|
||||
slug: the-old-man-on-the-bench
|
||||
date: 2021-08-31T12:30:00+02:00
|
||||
author: Stefan Imhoff
|
||||
description: The old man watching for birds.
|
||||
description: A story about an old man watching for birds.
|
||||
tags: ["personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -148,7 +148,7 @@ It’s possible to use different samplers in Stable Diffusion, but the details a
|
||||
|
||||
You are now equipped with the knowledge to start your journey with AI. I covered speech-to-text generation, text generation, text-to-image generation, the various generators and Stable Diffusion models, and the different settings. I hope you will have fun with it and create spectacular images.
|
||||
|
||||
<Banner summary="Instagram" open>
|
||||
<Banner>
|
||||
I started posting my AI image art on a new [Instagram](https://www.instagram.com/kogakure.ai.art/)
|
||||
account. You can follow me there for sporadic updates. I would love to see what you create with
|
||||
AI.
|
||||
|
||||
@@ -13,10 +13,10 @@ series: civil-war-truth
|
||||
|
||||
I was never interested in politics and could barely recollect the names of the current political leadership team. But the last ten years—in particular the last two years—were far too turbulent and politics got gradually more authoritarian, which resulted in me getting gradually more political.
|
||||
|
||||
<Pullquote author="Pericles">
|
||||
Just because you do not take an interest in politics doesn’t mean politics won’t take an interest
|
||||
in you.
|
||||
</Pullquote>
|
||||
<Pullquote
|
||||
author="Pericles"
|
||||
text="Just because you do not take an interest in politics doesn’t mean politics won’t take an interest in you."
|
||||
/>
|
||||
|
||||
The last years felt like something wasn’t right anymore in many parts of society. Many people share this feeling.
|
||||
|
||||
|
||||
@@ -18,8 +18,9 @@ It’s nearly impossible to separate, these days, Politics, and the Economy from
|
||||
Corporatism is the economic policy component of fascism, an ideology thought up by Giovanni Gentile.[^dsouza2017mo] It is <q>economic totalitarianism as practiced by Mussolini and Hitler.</q>[^dilorenzo1994uv] Mussolini was praised by many people, including Winston Churchill, who admired him <q>as late as 1940.</q>[^dilorenzo1994uv]
|
||||
|
||||
<Blockquote author="Benito Mussolini">
|
||||
Everything within the state, nothing outside the state, nothing against the state. \ (Tutto nello
|
||||
Stato, niente al di fuori dello Stato, nulla contro lo Stato.)[^ideas2021hh]
|
||||
Everything within the state, nothing outside the state, nothing against the state.
|
||||
|
||||
(Tutto nello Stato, niente al di fuori dello Stato, nulla contro lo Stato.)[^ideas2021hh]
|
||||
</Blockquote>
|
||||
|
||||
This revived trend is worrying because when governments and corporations work together they can create a lot of evil. The state can outsource things that aren’t legal to corporations (such as censorship), or use companies for the enforcement of laws they wouldn’t have the resources for otherwise (such as checking COVID-19 passports). And corporations can control the market and harm the people if they go unchecked by the legislative branch.
|
||||
|
||||
@@ -202,18 +202,6 @@ This drive of the medical-scientific community to patent life is illegal, says D
|
||||
|
||||
It will take many years to uncover the whole truth about the scientific fraud and corruption that lead to the outbreak of the coronavirus. Gain-of-function research is dangerous and should be outlawed, as Obama decided in 2014. But it is not enough to outlaw the research in one country because then it gets moved to another country, like China, with less medical security, and the next pandemic will happen. Biological research should be treated like nuclear research. Regulated and far away from civilization (preferably on a ship on the ocean).
|
||||
|
||||
---
|
||||
|
||||
This is the sixth part of a seven-part series that investigates, why the last 10 years were uniquely turbulent with ever-increasing political division, rampant censorship, and growing authoritarianism. The next part will conclude this series and propose solutions on how to deal with the insights learned.
|
||||
|
||||
1. [Introduction](/civil-war-truth-1-introduction/)
|
||||
2. [Corporatism and Technocracy](/civil-war-truth-2-corporatism-technocracy/)
|
||||
3. [Political Division](/civil-war-truth-3-political-division/)
|
||||
4. [Media and Journalism](/civil-war-truth-4-media-journalism/)
|
||||
5. [Academia](/civil-war-truth-5-academia/)
|
||||
6. _Science_
|
||||
7. [Conclusion](/civil-war-truth-7-conclusion/)
|
||||
|
||||
[^ioannidis2005ud]: John P. A. Ioannidis (2005): _Why Most Published Research Findings Are False_, https://journals.plos.org/plosmedicine/article?id=10.1371/journal.pmed.0020124.
|
||||
[^freedman2010fe]: David H. Freedman (2010): _Lies, Damned Lies, and Medical Science_, https://www.theatlantic.com/magazine/archive/2010/11/lies-damned-lies-and-medical-science/308269/.
|
||||
[^huber2022ez]: Juergen Huber, Sabiou M. Inoua, Rudolf Kerschbamer, Christian König-Kersting, Stefan Palan, and Vernon L. Smith (2022): _Nobel and Novice: Author Prominence Affects Peer Review_, https://ssrn.com/abstract=4190976>.
|
||||
|
||||
@@ -3,7 +3,7 @@ title: iA Writer Template Nanzan
|
||||
slug: template-ia-writer-nanzan
|
||||
author: Stefan Imhoff
|
||||
date: 2022-03-17T18:00:00+01:00
|
||||
description: I created a preview template for my favorite writing app iA Writer
|
||||
description: I created a preview template for my favorite writing app iA Writer.
|
||||
cover: /assets/images/cover/ia-writer-template-nanzan.jpg
|
||||
tags: ["code", "design", "download", "featured"]
|
||||
series: ia-writer-templates
|
||||
|
||||
@@ -3,7 +3,7 @@ title: iA Writer Template Shibui
|
||||
slug: template-ia-writer-shibui
|
||||
author: Stefan Imhoff
|
||||
date: 2022-03-18T18:00:00+01:00
|
||||
description: I created a preview template for my favorite writing app iA Writer
|
||||
description: I created a preview template for my favorite writing app iA Writer.
|
||||
cover: /assets/images/cover/ia-writer-template-shibui.jpg
|
||||
tags: ["code", "design", "download", "featured"]
|
||||
series: ia-writer-templates
|
||||
|
||||
@@ -15,7 +15,7 @@ The word can be translated as craftsman, artisan, tradesman, worker, or workman.
|
||||
|
||||
_Shokunin_ are a people who love their craft and work, have high work moral and discipline. They repeat the same processes over and over. They are proud of their work and try to improve (改善, _kaizen_) constantly and strive for perfection. They are aware that they’ll never reach perfection, but follow its path nevertheless for their whole life.
|
||||
|
||||
<Pullquote author="Henry Noble">Whatever is rightly done, however humble, is noble.</Pullquote>
|
||||
<Pullquote author="Henry Noble" text="Whatever is rightly done, however humble, is noble." />
|
||||
|
||||
Japanese culture embodies what it means to take pride in every aspect of one’s work, regardless of what activity one is engaged in. People take pride in their work, even for the simplest of tasks or menial occupations in Japan. Visitors to Japan can see and feel the result of this dedication everywhere. Everything is clean, orderly, made with care and everybody is on time, friendly, and helpful.
|
||||
|
||||
|
||||
@@ -90,7 +90,7 @@ const description = '…';
|
||||
>
|
||||
{
|
||||
entry.data.series && (
|
||||
<Banner summary="Series">
|
||||
<Banner>
|
||||
<OrderedList class="!mbe-0 !pis-7">
|
||||
{seriesEntries.map((item) => (
|
||||
<ListItem class="!text-[0.85em]">
|
||||
|
||||
Reference in New Issue
Block a user