Template

This template is used to develop the parentNode CSS theme across segments.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Categories


Primary headline followed by paragraph

Paragraph after primary headline ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua. Nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Primary headline followed by info

Date published
Author

Secondary headline after info

Paragraph after Secondary headline consectetur adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.


Primary headline followed by h2

Secondary headline after primary headline

Date published
Author

Paragraph after info consectetur adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.


Primary headline followed by info and geolocation

Date published
Author
location
San Francisco
φ
12°
λ
12°

Paragraph after info adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.


Primary headline followed by info and geolocation

Date published
Author
location
San Francisco
φ
12°
λ
12°

H2 after info

Paragraph before h2 adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.

H2 after paragraph

One heading 3 after a heading 2

Paragraph after Heading 3 ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

Note: This guide does not consider security whatsoever. Read the details of squid.conf to setup your own security.

Several paragraphs in a row excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

h4 Nostrud exercitation ullamco laboris nisi ut aliquip

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

h5 Ullamco laboris nisi ut aliquip ex ea commodo

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

H6 Ullamco laboris nisi ut aliquip ex ea commodo

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

H3 after paragraph and before code

$ code after heading 3 and testing word wrap on really long snippets of code. It has to be really, really long to explify wrapping issues

This is H2 after and before code

$ code after h2

H3 after code

Paragraph before code element

$ code after paragraph

Paragraph after code and before image excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

H2 after image

H3 after image

Paragraph after image excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Unordered list
  • Terminal
  • MacPorts

Heading 2 after Unordered list

  • Unordered list after h2
  • Terminal irure dolor in reprehenderit in voluptate velit esse cillum irure dolor in reprehenderit in voluptate velit esse cillum
  • MacPorts

Heading 3 after Unordered list

  1. Ordered list after h3
  2. Terminal irure dolor in reprehenderit in voluptate velit esse cillum irure dolor in reprehenderit in voluptate velit esse cillum
  3. MacPorts

Paragraph after Unordered list ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

Definition list
The local IP of the computer running Squid
Term
Description

Paragraph after Definition list ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.


List of articles

  • Complex list item

    Date published
    Author
    location
    San Francisco
    φ
    12°
    λ
    12°

    Paragraph before h3 adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.

    Heading 3 after Paragraph

    $ code after heading 3

    Paragraph after Heading 3 ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

    $ code after heading 3

    Several paragraphs in a row excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    h4 Nostrud exercitation ullamco laboris nisi ut aliquip

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

    h5 Ullamco laboris nisi ut aliquip ex ea commodo

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

    H6 Ullamco laboris nisi ut aliquip ex ea commodo

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

    • Unordered list after h2
    • Terminal irure dolor in reprehenderit in voluptate velit esse cillum irure dolor in reprehenderit in voluptate velit esse cillum
    • MacPorts

    Paragraph after Unordered list ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

    Definition list
    The local IP of the computer running Squid
    Term
    Description
  • Simple list item

    Paragraph before h3 adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.

  • Simple list item

    Paragraph before h3 adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.

  • iOS wyebde gvelo

    Date published
    Author
    location
    San Francisco
    φ
    12°
    λ
    12°

    Paragraph before h3 adipisicing elit, sed do eiusmod tempor incididunt /etc/hosts ut labore et dolore magna aliqua.


Vcard

Martin Kæstel Nielsen

TODOs

  • Finish and test new improments to Device identification

    Priority
    Medium
    Deadline
    2014-03-14

    Update all templates to use global IC, model and itemtype instead of creating new objects Look at todo's for reference

  • Update all templates to use global IC, model and itemtype

    Priority
    Medium
    Deadline
    2014-03-14

    Update all templates to use global IC, model and itemtype instead of creating new objects Look at todo's for reference


Documentation

Functions

Util.audioPlayer

Definition

Name
Util.audioPlayer
Syntax
Node audioPlayer = Util.audioPlayer( [JSON _options ] );

Description

Return audio player node, extended with controller methods and event callbacks.

Parameters

_options
JSON Optional, JSON object with options for click handling.
Options
autoplay
Set initial autoplay state - default false
controls
Set native controls state - default false
playpause
Inject custom controls div with Play/Pause button
search
Inject custom controls div with FF/RW buttons
ff_skip
Time in seconds to skip ahead for Fast Forward
rw_skip
Time in seconds to jump back for Rewind

Returns

node DIV.audioplayer (audioPlayer) containing audio or object with fallback flash player.

Callbacks

audioPlayer.loading(event)
when data is loading
audioPlayer.canplaythrough(event)
when enough data is loaded to perform uninterrupted playback
audioPlayer.playing(event)
when playback is begun
audioPlayer.paused(event)
when playback is paused
audioPlayer.stalled(event)
when playback is stalling
audioPlayer.ended(event)
when playback has ended
audioPlayer.loadedmetadata(event)
when metadata is loaded (duration, title, etc.)
audioPlayer.loadeddata(event)
when entire source is loaded
audioPlayer.timeupdate(event)
when position is updated

Examples

var player = u.audioPlayer();

Returns simple div.audioplayer

var player = u.audioPlayer({"playpause":true});

Return div.audioplayer with Play/Pause button

Uses

JavaScript
  • document.removeChild
  • String.match
  • String.replace
  • switch ... case
  • typeof
  • for ... in
Manipulator
  • Util.addClass
  • Util.removeClass
  • Util.hasClass
  • Util.appendElement
  • Util.Events.addEvent
  • Util.Events.removeEvent
  • Util.randomString

audioPlayer.load

Definition

Name
audioPlayer.load
Syntax
Void = audioPlayer.load( String src [, JSON _options ] );

Description

Load src into audio player. Source is automatically changed to format supported by browser.

Parameters

src
String audio src to load
options
JSON Optional, JSON object with options for click handling.
Options
autoplay
Set initial autoplay state - default false
controls
Set native controls state - default false
playpause
Inject custom controls div with Play/Pause button
search
Inject custom controls div with FF/RW buttons
ff_skip
Time in seconds to skip ahead for Fast Forward
rw_skip
Time in seconds to jump back for Rewind

Returns

Void

Examples

var player = u.audioPlayer(); var scene = u.qs(".scene"); u.ae(scene, player); player.load("/media/audio/audio_1.mp3");

Injects audio into div.scene and loads "/media/audio/audio_1.mp3", without beginning playback.

Uses

JavaScript
  • switch ... case
  • typeof
  • for ... in
Manipulator
  • Util.hasClass

Color syntax

  • type
  • var
  • file
  • value
  • tag
  • command

Form

Form elements

This is a general form layout, containing most common input/text combinations. This is not used to test anything but parentNode CSS!

To perform tests on JavaScript layer, use:
http://manipulator.parentnode.dk/tests/u-form.

To perform tests on Janitor layer, use:
http://janitor.parentnode.dk/tests/form.

String and text

Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages

Buttons

Select, Checkbox and Radio buttons

Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages

Special input types

Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages

Custom input types

Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages
Hint message example which might collide
Error message which might visually collide with hint message or other error messages