Hello World!

Hello World. This is my first test-post displaying all of the different elements that may show up in a blog post that I write.

I had a lot of fun designing this website / digital garden. There’s a lot more I coulda woulda shoulda done with this site, but I had to put my perfectionism aside and just let it be as it is. I’ll probably just make some little changes here and there as time persists.

I just needed a simple space for me to share thoughts and knowledge while I go continue to focus on honing my skillsets in front-end development and music production.

Be sure to join my newsletter if you’d like updates on when I release a new article! I’ll most likely be writing about tech, front-end development, productivity, and who knows what else… I just want this to be an imperfect space to express myself :)

🌱

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Basic text

Italic text

Bold text

Bold italic text

Strikethrough text

Link that opens in same tab

Image:

Full-bleed image:

1. Numbered list
2. Numbered list
   1. Nested number list
   2. Nested number list

• Unordered list
• Unordered list
  • Nested unordered list
  • Nested unordered list

Blockquote:

I love those who can smile in trouble, who can gather strength from distress, and grow brave by reflection. ‘Tis the business of little minds to shrink, but they whose heart is firm, and whose conscience approves their conduct, will pursue their principles unto death.

Example of an inline code block

<!-- HTML code block: -->
<h1 class="title">Hello World</h1>

/* CSS code block: */
body {
  margin: 0;
}
.title {
  color: skyblue;
}

// JavaScript code block:
const name = 'Ellis';
console.log(name);

// React code block with line & multiline highlighting:
import React, { Component } from 'react';
class Profile extends Component {
  render() {
    return <div></div>; 
  }
}
export default Profile;

Code and/or output block:

Custom title code block fix this?

Diff code block:

+ {
+ import React, { Component } from "react"
+
+ class SomeClass extends Component {
-  render() {
-    return (<div></div>)
-   }
+ }
+ export default SomeClass

That’s all for now!

Sign up below to get updates on new articles.

Much love,

Tris 🕊🌙

• ← What Could Be Next?