
## What keyboard do you use?

[Das keyboard with brown switches](https://www.daskeyboard.com/daskeyboard-4-professional/)

## How do you code so fast?

- Vim: https://www.youtube.com/watch?v=IiwGbcd8S7I
- VSCode shortcuts: https://www.youtube.com/watch?v=t9kSTiqhUfg

## How do you get autocompletion in your terminal?

[Fish shell](https://fishshell.com/)

## What theme do you use?

- VSCode: default dark theme with [bracket-pair-colorizer-2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)

- iTerm2: [gruvbox](https://github.com/morhetz/gruvbox-contrib)

If you want to see all my VSCode settings/extensions: https://gist.github.com/benawad/1e9dd01994f78489306fbfd6f7b01cd3




This is an example post, with a [link](https://nextjs.org) and a React component:

<TestComponent name="my first next-mdx-remote" />

The title and description are pulled from the MDX file and processed using `gray-matter`. Additionally, links are rendered using a custom component passed to `next-mdx-remote`.

Go back [home](/).

```javascript:index.js
const hello = 'Hello, world!'
var x = 6

if (x > 5)
    console.log(hello)
```

## How do you do the things you do?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos rem voluptatibus, alias consectetur dicta culpa? Inventore totam nesciunt quam sed cumque repellendus at fuga earum magnam quae explicabo quisquam, repudiandae dolorum. Libero asperiores laborum voluptas, at quibusdam quasi explicabo officiis deleniti perferendis, nisi veniam culpa. Voluptatem sit est explicabo deserunt non illum et officiis? Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos rem voluptatibus, alias consectetur dicta culpa? Inventore totam nesciunt quam sed cumque repellendus at fuga earum magnam quae explicabo quisquam, repudiandae dolorum. Libero asperiores laborum voluptas, at quibusdam quasi explicabo officiis deleniti perferendis, nisi veniam culpa. Voluptatem sit est explicabo deserunt non illum et officiis?

> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos rem voluptatibus, alias consectetur dicta culpa? Inventore totam nesciunt quam sed cumque repellendus at fuga earum magnam quae explicabo quisquam, repudiandae dolorum. Libero asperiores laborum voluptas, at quibusdam quasi explicabo officiis deleniti perferendis, nisi veniam culpa. Voluptatem sit est explicabo deserunt non illum et officiis?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos rem voluptatibus, alias consectetur dicta culpa? Inventore totam nesciunt quam sed cumque repellendus at fuga earum magnam quae explicabo quisquam, repudiandae dolorum. Libero asperiores laborum voluptas, at quibusdam quasi explicabo officiis deleniti perferendis, nisi veniam culpa. Voluptatem sit est explicabo deserunt non illum et officiis?

---

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos rem voluptatibus, alias consectetur dicta culpa? Inventore totam nesciunt quam sed cumque repellendus at fuga earum magnam quae explicabo quisquam, repudiandae dolorum. Libero asperiores laborum voluptas, at quibusdam quasi explicabo officiis deleniti perferendis, nisi veniam culpa. Voluptatem sit est explicabo deserunt non illum et officiis?

## just another thing...

```javascript:react-crud.jsx
const AddTask = ({onSave}) => {
  const [text, setText] = useState('');
  const [day, setDay] = useState('');
  return (
      <form className="add-form" onSubmit={onSubmit}>
          <div className="form-control">
              <label>Task</label>
              <input type="text" placeholder="add task" value={text} onChange={(e) => setText(e.target.value)} />
          </div>
          <div className="form-control">
              <label>Day & Time</label>
              <input type="text" placeholder="add day & time" value={day} onChange{(e) => setDay(e.target.value)} />
          </div>
          <input type="submit" className="btn btn-block" value="Save Task" />
      </form>
    )
}
export default AddTask
```

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos rem voluptatibus, alias consectetur dicta culpa? Inventore totam nesciunt quam sed cumque repellendus at fuga earum magnam quae explicabo quisquam, repudiandae dolorum. Libero asperiores laborum voluptas, at quibusdam quasi explicabo officiis deleniti perferendis, nisi veniam culpa. Voluptatem sit est explicabo deserunt non illum et officiis?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos rem voluptatibus, alias consectetur dicta culpa? Inventore totam nesciunt quam sed cumque repellendus at fuga earum magnam quae explicabo quisquam, repudiandae dolorum. Libero asperiores laborum voluptas, at quibusdam quasi explicabo officiis deleniti perferendis, nisi veniam culpa. Voluptatem sit est explicabo deserunt non illum et officiis?

Visualize my journey through the scenic lands of Norway with rich, stunning pictures and daily travel logs.

Blog Home Page