
WHEE!!

<img
  width="500px"
  src="https://artylope-next-images.s3.ap-southeast-1.amazonaws.com/redeem/cover.png"
/>
# changeo

- one
- two
- three
- easy


My fourth!


<img width="500px" src="/images/cover.png" />
<img width="500px" src="http://source.unsplash.com/PHW6h1rgrRQ.png" />
Lorem ipsum dolor sit amet, 222222


Second again!


This is my first blog. I set up this space to do 2 things.

1. to learn how I can do Markdown JSX (MDX) in React and JSX.
2. to create a space for me to talk to myself and document my learnings

This particular entry will contain mostly inspiration and nonsensical things so that I try out different kind of markdown elements and see how it looks on screen.
Most of the images shown here are from unsplash as they are beautiful and I want to focus on the writing. I will specify the sources. Thank you for bearing with me.
Here, I present you a cute image of an alpaca from unsplash.

![alt text](http://source.unsplash.com/xgQZ1rXbYa4.png 'image Title') <figCaption>source: https://unsplash.com/photos/xgQZ1rXbYa4</figCaption>

> Inspiration is a message from your unconscious wisdom telling you to go out there and be the fullest, most positive expression of you who you really are

## What did I build this site with

Here are a list of tools, libraries I have used to built this site.

- React
- NextJS
- Tailwind CSS
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Very easy!

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Lorem ipsum dolor sit amet
4. Consectetur adipiscing elit
5. Integer molestie lorem at massa
6. You can use sequential numbers...
7. ...or keep all the numbers as 1.

**[pica](https://nodeca.github.io/pica/demo/)** - high quality and fast image
resize in browser. <br/>
**[babelfish](https://github.com/nodeca/babelfish/)** - developer friendly
i18n with plurals support and easy syntax.

You will like those projects!

# h1 Heading 8-)

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

<img src="http://source.unsplash.com/NoG9OBTorck.png" />
<figCaption>source: http://source.unsplash.com/NoG9OBTorck.png</figCaption>

## h2 Heading

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

### h3 Heading

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

#### h4 Heading

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

##### h5 Heading

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

###### h6 Heading

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

## Horizontal Rules

Almost instantly the whole truth of the transaction seemed to rush upon her mind, and her wrath was inconceivably violent. She asked me a thousand questions in a breath; but, fortunately, was too vehement to attend to my embarrassment, which must otherwise have betrayed my knowledge of the deceit. Revenge was her first wish; and she vowed she would go the next morning to Justice Fielding, and inquire what punishment she might lawfully inflict upon the Captain for his assault.

---

## Typographic replacements

Enable typographer option to see result.

"Smartypants, double quotes" and 'single quotes'

## Emphasis

**This is bold text**

**This is bold text**

_This is italic text_

_This is italic text_

~~Strikethrough~~

## Blockquotes

> Inspiration is a message from your unconscious wisdom telling you to go out there and be the fullest, most positive expression of you who you really are

<div className="iframe-wrapper">
  <iframe
    src="https://www.youtube.com/embed/UmX4kyB2wfg"
    frameborder="0"
    allow="autoplay; encrypted-media"
    allowfullscreen
  ></iframe>
</div>

## Code

<div className="iframe-wrapper">
  <iframe
    height="300"
    scrolling="no"
    title="Voucher View Color Customisation"
    src="https://codepen.io/onestaryx/embed/rNxOxqv?default-tab=html%2Cresult"
    frameborder="no"
    loading="lazy"
    allowtransparency="true"
    allowfullscreen="true"
  ></iframe>
</div>

See the Pen{' '}

{' '}

<a href="https://codepen.io/onestaryx/pen/rNxOxqv">
  Voucher View Color Customisation
</a> by Onestaryx (<a href="https://codepen.io/onestaryx">@onestaryx</a>) on <a href="https://codepen.io">
  CodePen
</a>
.

Inline `code`

Indented code

    // Some comments
    line 1 of code
    line 2 of code
    line 3 of code

Block code "fences"

```
Sample text here...
```

Syntax highlighting

```js
var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
```


Attempt to improve my writing


It was around 11pm when I received a Whatsapp chat message from a co-worker that I disappeared from Slack.
IT was surreal as I only just joined the company for 3 months and nothing from my daily interactions suggest that there would be a layoff.


Blog

My fourth!

Second again!

Attempt to improve my writing

What to do after a layoff?