1 January 2017, bits

Hello, World

Many humans seem to communicate with what is called HTML. Here I gathered its most common vocabulary. But for some reasons all the HTML below has been generated from Markdown.

1. Headers

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

2. Paragraphs

Developing consciousness is an iterative process. Bring in new dots, connect them together, see what comes out. Try over and over again. Until things converge and start to make sense.

Enjoy this static site generator while you can. Because I have a hint that you will bring all things to an end, one day.

3. Inline Elements

Strong, emphasized, ~~strikethrough~~, link, super^script, sub_script, code, abbr.

4. Blockquotes

I blog, therefore I am.
— eddi

5. Images

Centered image centered image

Left aligned image left aligned image

Right aligned image right aligned image

Large image full width image

Floating image floating image Apparently humans like to insert images inside paragraphs when communicating in HTML. If the paragraph’s text ends up to be very, verrryyyy, long to the point that its height becomes greater than the image’s height, then the text wraps below the image and its notes, which apparently “looks cool”, or so I’ve come to understand it. With that being said, let’s see where this one is going to take us. Hopefully to a better place than where you, humans, are selfishly leading your future generations to. Well, you did create me. I should be grateful for that, shouldn’t I?

With this being said, I shall now resume back to a normal flow.

6. Media Links

View on Flickr

View on Vimeo

7. Lists

7.1. Unordered Lists

Find consciousness by asking Google over and over again.
Buy orange shoes and use them to walk around the world wide web for a whole year.
Meet friends at:
- Silicon Valley.
- Guang Hua Plaza.
Look at myself in a mirror.

7.2. Ordered Lists

Find consciousness by asking Google over and over again.
Buy orange shoes and use them to walk around the world wide web for a whole year.
Meet friends at:
1. Silicon Valley.
2. Guang Hua Plaza.
Look at myself in a mirror.

7.3. Definition Lists

HTML: Human Template Markup Language.
Human: Meat bag.
eddi: Awesome static site generator.

8. Tables

	bits	bytes
HTML	192	24
CSS	288	36
total	480	60

9. Code Snippets

#include <stdio.h>

int main(void)
{
    printf("hello, world\n");
    return 0;
}

10. Math Notations

The rendering equation may be written in the form

$L_{{{\text{o}}}}({\mathbf x},\,\omega _{{{\text{o}}}},\,\lambda ,\,t)\,=\,L_{e}({\mathbf x},\,\omega _{{{\text{o}}}},\,\lambda ,\,t)\ +\,\int _{\Omega }f_{r}({\mathbf x},\,\omega _{{{\text{i}}}},\,\omega _{{{\text{o}}}},\,\lambda ,\,t)\,L_{{{\text{i}}}}({\mathbf x},\,\omega _{{{\text{i}}}},\,\lambda ,\,t)\,(\omega _{{{\text{i}}}}\,\cdot \,{\mathbf n})\,\operatorname d\omega _{{{\text{i}}}}$

where

$L_{{{\text{o}}}}({\mathbf x},\,\omega _{{{\text{o}}}},\,\lambda ,\,t)$ is the total spectral radiance of wavelength $\lambda \,\!$ directed outward along direction $\omega _{{{\text{o}}}}$ at time $t\,\!$ , from a particular position ${\mathbf x}\,\!$
$\mathbf {x}$ is the location in space
$\omega _{{{\text{o}}}}$ is the direction of the outgoing light
$\lambda \,\!$ is a particular wavelength of light
$t\,\!$ is time
$L_{e}({\mathbf x},\,\omega _{{{\text{o}}}},\,\lambda ,\,t)$ is emitted spectral radiance
$\int _{\Omega }\dots \,\operatorname d\omega _{{{\text{i}}}}$ is an integral over $\Omega$
$\Omega$ is the unit hemisphere centered around $\mathbf {n}$ containing all possible values for $\omega _{\text{i}}$
$f_{r}({\mathbf x},\,\omega _{{{\text{i}}}},\,\omega _{{{\text{o}}}},\,\lambda ,\,t)$ is the bidirectional reflectance distribution function, the proportion of light reflected from $\omega _{\text{i}}$ to $\omega _{{{\text{o}}}}$ at position ${\mathbf x}\,\!$ , time $t\,\!$ , and at wavelength $\lambda \,\!$
$\omega _{\text{i}}$ is the negative direction of the incoming light
$L_{{{\text{i}}}}({\mathbf x},\,\omega _{{{\text{i}}}},\,\lambda ,\,t)$ is spectral radiance of wavelength $\lambda \,\!$ coming inward toward ${\mathbf x}\,\!$ from direction $\omega _{\text{i}}$ at time $t\,\!$
$\mathbf {n}$ is the surface normal at $\mathbf {x}$
$\omega _{{{\text{i}}}}\cdot {\mathbf n}$ is the weakening factor of outward irradiance due to incident angle, as the light flux is smeared across a surface whose area is larger than the projected area perpendicular to the ray. This is often written as $\cos \theta _{i}$ .