Style

4 min read

Typography

Italic

Bold

Strike through

Mixed

Heading

H1

H2

H3

H4

H5

H6

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id venenatis mi. Maecenas placerat nulla ex, a semper urna cursus cursus. Curabitur fringilla vestibulum viverra. Nulla facilisi. Quisque ligula velit, viverra at congue lacinia, finibus a ipsum. Suspendisse in nisl at nisi tristique varius eu vitae purus. Vivamus suscipit in libero sit amet dapibus. Proin et tortor eget enim ultrices mollis eget ac tellus.

Nunc nec tellus tempus, feugiat odio quis, aliquet tortor. Praesent dignissim, justo cursus aliquam dictum, nisl nisi dignissim purus, vel commodo eros odio nec libero. Aenean sed lectus ex. Aliquam commodo felis metus, sed mattis nulla accumsan sit amet. Sed eu mattis ligula. Suspendisse feugiat, est nec condimentum eleifend, erat magna condimentum lacus, et lobortis leo metus nec dui. In ornare sem nec est euismod molestie. Integer fermentum nunc maximus porttitor tincidunt.

Fusce semper ligula sapien, sit amet faucibus neque volutpat sit amet. Proin faucibus dictum quam, at ornare ipsum lobortis et. Etiam auctor pharetra erat et aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum auctor, sapien eu gravida iaculis, sem ante ultricies diam, sed porttitor velit velit sed mauris. In hac habitasse platea dictumst. Mauris tempor ullamcorper metus ut dictum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed magna sapien, sodales eget rhoncus a, fringilla sit amet elit. Ut maximus diam quis elit cursus, non mattis risus tincidunt. Aenean vitae quam vel tortor scelerisque ullamcorper.

Pellentesque turpis nulla, semper eget elementum ac, consequat vel justo. Pellentesque eget lacus volutpat, tempor diam cursus, facilisis diam. Nunc sodales ligula vitae dolor mattis, consectetur bibendum nisi dignissim. Pellentesque semper ex at neque fringilla, et accumsan tellus tincidunt. Suspendisse potenti. Morbi vitae metus sit amet nisl consectetur sodales quis et ante. Fusce at iaculis est. Proin ac justo nec felis hendrerit feugiat quis sed urna. In gravida, elit ut tempus tristique, ante tellus gravida sem, et iaculis mauris ante vel nulla. Morbi tincidunt varius ultricies. Pellentesque ante mi, cursus ac elit in, mollis mollis turpis. Proin tincidunt massa at tristique sodales. In bibendum sapien at nisl rutrum porta. Duis at posuere odio, egestas laoreet nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat. Mauris non diam at dolor rhoncus dictum quis eget neque. Nunc nulla nunc, luctus eget condimentum vitae, tincidunt accumsan sem. Vivamus convallis posuere enim hendrerit convallis. Donec finibus nulla in porta faucibus. Ut venenatis blandit malesuada. Praesent venenatis vestibulum sapien id lobortis. Fusce orci enim, semper vel tellus sed, maximus interdum erat. Sed hendrerit sodales eros, eu hendrerit dolor eleifend at. Nunc finibus quis dui eu pharetra. Maecenas luctus ex vel ligula pulvinar, id ultrices erat cursus. Pellentesque consectetur blandit urna, vitae vehicula lacus sagittis eu.

Emoji

😉 🤔 🌴 🏡

Unordered Lists

To-do

  • Sleep
  • Code
  • Coffee

Ordered Lists

Anime

  1. Attack on Titan
  2. Code geass
  3. Death Notes
  4. ??? Where JoJO!!

Notice

The note that fell from the sky
Looks like something has update

Table

Name Description
Kabuto Kamen rider
Faiz I’m Orphnoch
Decade Just passing through

Code Blocks

Inline This is a inline codeblock.

var key = key_without_hash_123456789

HTML

<div class="text">
	<span></span>
	<p></p>
	<a href="">Click here</a>
</div>

Javascript

// TODO: should print username
function helloWorld() {
	var world = world;
	console.log(`Hi ${world}`);
}

C#

public class Player {

  public static float maxHealth = 100;

  public PlayerInput input;

  public float health = 100.0f;

  public void TakeDamage(float dmg) {
    this.health -= dmg;
  }

  private void Destroy() {
    // TODO: implement
  }
}

Bash

git add -A

git commit -m "Update code"

Highlight line and change start line no.

20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function useInput() {
	const [input, setInput] = useState('')

	const onChange = (e) => {
		setInput(e.target.value)
	}

	return [input, onChange]
}

function InputField() {
	const [input, onChange] = useInput()

	return (
		<input
			type="text"
			value={input}
			onChange={onChange}
		>
	)
}

Blockquotes

Some one said

If it works don’t touch it.

Another one said

People die if they are killed.

Below is two quote

This is first quote

This is another quote

Multiple line

First

Third line

Last

Style

Support me on Ko-fi
Share
Twitter Tweet