Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Link

Image

Blockquote

  1. One
  2. Two
  3. Three

Horizontal Rule

Inline code with backticks

collect_kanjis(chars: Chars) -> KanjiList {
    let mut list = KanjiList { kanjis: vec![] };
    let mut extension = "".to_string();
    for ch in chars {
        if is_char_between_char_range(ch, KANJI_BEG, KANJI_END) {
            extension.push(ch);
        } else {
            if !extension.is_empty() {
                list.kanjis.push(extension);
            }
            extension = "".to_string();
        }
    }
    if !extension.is_empty() {
        list.kanjis.push(extension);
    }
    list
}
There is nothing no code either good or bad, but thinking running it makes it so.

Phone numbers
Name Personal Office
John 577854 577855
Jack 577856 577857
8:00 - 16:00

LunarikoCSS

Simple CSS library

About.

When I was trying to use mainstream css frameworks, I had a weird feeling about adding rather large amounts of code for my simple web-projects. After getting lost in documentation while being confused why something doesn't appear as I expected, I felt the need to understand how everything works from the ground up. This is my attempt to make reusable, modular styles and give my projects a unique view.

Some ideas I am trying out:
  • Stylizing general elements. No need for .a and .button classes.
  • Using var for on-the-fly theming capabilities.
  • Trying to minimize the use of javascript.

Components

Buttons

Write stories Start now

Cards

avatar

Rather long description of a simple card item

avatar

Rather long description of a simple card item

avatar

Rather long description of a simple card item

avatar

Rather long description of a simple card item

avatar

Rather long description of a simple card item

Tabs

  • Item 1 ×
  • Item 2 ×
  • Item 3 ×
  • +
  • Monday
  • Tuesday
  • Wednesday
  • Thursday
  • Friday
  • Saturday
  • Sunday
  • Monday
  • Tuesday
  • Wednesday
  • Thursday
  • Friday
  • Saturday
  • Sunday
  • Item 1×
  • Item 2×
  • Item 3×
  • +

Misc.

contrast formula: 

      function luminanace(r, g, b) {
        var a = [r, g, b].map(function (v) {
          v /= 255;
          return v <= 0.03928 ? v / 12.92 : Math.pow( (v + 0.055) / 1.055, 2.4 ); 
        }); 
        return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; 
      } 
      function contrast(rgb1, rgb2) { 
        var lum1=luminanace(rgb1[0], rgb1[1], rgb1[2]); 
        var lum2=luminanace(rgb2[0], rgb2[1], rgb2[2]); 
        var brightest=Math.max(lum1, lum2); 
        var darkest=Math.min(lum1, lum2);
        return (brightest + 0.05) / (darkest + 0.05); 
      }

Bookmarks