j1_template_mde 2018.4.11 → 2018.4.12

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/tables/000_text_sizes.asciidoc

@@ -1,50 +0,0 @@
-
-[cols="4,3,5",options="header", role="table-responsive mt-3"]
-|=======================================================================
-|Size | CSS property |Value
-
-|xxxlarge
-|font_size
-|4.000em
-
-|xxlarge
-|font_size
-|3.000em
-
-|xlarge
-|font_size
-|2.250em
-
-|larger
-|font_size
-|1.750em
-
-|large
-|font_size
-|1.125em
-
-|default
-|font_size
-|1.000em
-
-|small
-|font_size
-|0.875em
-
-|smaller
-|font_size
-|0.750em
-
-|xsmall
-|font_size
-|0.500em
-
-|xxsmall
-|font_size
-|0.375em
-
-|xxxsmall
-|font_size
-|0.250em
-
-|=======================================================================

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/tables/410_common_header_parameters.asciidoc

@@ -1,120 +0,0 @@
-[cols="3,2,2,5",options="header", role="table-responsive mt-3"]
-|=======================================================================
-|Parameter |Type |Default |Description
-
-|`background_color`
-|Hash
-|
-|The *background_color hash* contains a pair of colors to control the header
-background as a gradient.
-
-|`background_color.color_1`
-|Symbolic color \| RGB valuess
-|`md_indigo`
-|Start value (color) for the gradient used for the header box background.
-Alternatively, the color can be configured as (hexadecimal) RGB valuess of
-the form `#RRGGBB`
-
-|`background_color.color_2`
-|Symbolic color \| RGB valuess
-|`md_indigo`
-|End value (color) for the gradient used for the header box background.
-Alternatively, the color can be configured as (hexadecimal) RGB valuess of
-the form `#RRGGBB`
-
-|`margin_bottom`
-|Integer
-|`50`
-|Determine the distance, measured in pixel (px) from bottom position of the
-the *header box* to the first position of the following content
-
-|`padding_bottom`
-|Integer
-|`50`
-|Determines the distance, measured in pixel (px), from bottom position of the
-the *overlay container* to the bottom of the header box. In combination with
-`padding_top` the total size of the header box is  determined.
-
-|`padding_top`
-|Integer
-|`200`
-|Determines the distance, measured in pixel (px), from top position of the
-page and the *overlay container* that contains the title and tagline. In
-combination with `padding_bottom` the total size of the header box is
-determined.
-
-|`raised_level`
-|integer
-|`15`
-|Uplifting of the header element. Valid values are out of `[ 0 .. 24]`.
-As higher the number as more the header is uplifted.
-
-|`tagline`
-|Hash
-|n/a
-|The *tagline hash* contains all name\|value pairs to control how the page
-*tagline* is appears with the header
-
-|`tagline.align`
-|Position name (CSS)
-|`left`
-|Alignment of the tagline inside the overlay-container. Valid values are out of
-`left` \| `center` \| `right`
-
-|`tagline.animate`
-|String
-|`fadeInRight`
-|Type of animation for the tagline. Valid values are all values supported
-by AnimateCSS. See https://daneden.github.io/animate.css/[Animate.css home page]
-for details.
-
-|`tagline.color`
-|Symbolic color \| RGB values
-|`rgba_lighten_800`
-| The text color. Should be given as an *symbolic color name*. Alternatively, the
-color can be configured as (hexadecimal) RGB valuess of the form `#RRGGBB`
-
-|`tagline.size`
-|String
-|`larger`
-|Symbolic value for the text size. Valid values are out of  [`xxxsmall` .. `xxxlarge`]
-See size definitions with <<Text sizes>>
-
-|`text_emphasis`
-|String
-|`stronger`
-|Symbolic value for the text shadowing. Valid values are out of
-[`strong`, `stronger`, `strongest`]
-
-|`title`
-|Hash
-|n/a
-|The *title hash* contains all name\|value pairs to control how the page
-*title* appears with the header
-
-|`title.align`
-|Position name (CSS)
-|`left`
-|Alignment of the title inside the overlay-container. Valid values are out of
-`left` \| `center` \| `right`
-
-|`title.animate`
-|String
-|`fadeInLeft`
-|Type of animation for the title. Valid values are all values supported
-by AnimateCSS. See https://daneden.github.io/animate.css/[Animate.css home page]
-for details.
-
-|`title.color`
-|Symbolic color \| RGB value
-|`rgba_lighten_800`
-|The text color. Should be given as an *symbolic color name*. Alternatively, the
-color can be configured as (hexadecimal) RGB values of the form `#RRGGBB`
-
-|`title.size`
-|String
-|`xxxlarge`
-|Symbolic value for the text size. Valid values are out of [`xxxsmall` .. `xxxlarge`]
-See size definitions with <<Text sizes>>
-
-|=======================================================================

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/tables/420_common_image_header_parameters.asciidoc

@@ -1,52 +0,0 @@
-
-[cols="3,2,2,5",options="header", role="table-responsive mt-3"]
-|=======================================================================
-|Name |Type |Default |Description
-
-|`alignX`
-|Float or String
-|`0.5`
-|This parameter controls the horizontal alignment of the image.
-Can be one of `center`, `left`, `right` or any number between 0.0 and 1.0
-
-|`alignY`
-|Float or String
-|`0.5`
-|This parameter controls the vertical alignment of the image.
-Can be one of `center`, `top`, `bottom` or any number between 0.0 and 1.0
-
-|`alt`
-|String
-|n/a
-|The alternative text for this image (for screen readers)
-
-|`duration`
-|Integer
-|`5000`
-|The amount of time in between slides, when using Backstretch as a slideshow,
-expressed as the number of milliseconds
-
-|`scale`
-|String
-|`cover`
-|Controls the scaling mode. Can be one of [`cover` \| `fit` \| `fit-smaller` \| `fill`]
-
-|`transition`
-|String or Array
-|`fade`
-|Type of transition to use. If multiple are specified, then it will be chosen
-randomly
-
-|`transitionDuration`
-|Integer or String
-|`0`
-|This is the duration at which the image will transition in. Integers in
-milliseconds are accepted, as well as standard jQuery speed strings like
-`slow`, `normal` or `fast`
-
-|`url`
-|String
-|n/a
-|The url of the image or video
-
-|=======================================================================

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/tables/421_additional_image_header_parameters.asciidoc

@@ -1,36 +0,0 @@
-.Additional Image Header Parameter
-[cols="3,2,2,5",options="header", role="table-responsive mt-3"]
-|=======================================================================
-|Name |Type |Default |Description
-
-|`caption`
-|String
-|n/a
-|A caption text for e.g. Website, Copyright and \| or Author information
-
-|`caption_color`
-|Symbolic color \| RGB value
-|`rgba_lighten_800`
-| The `caption` text color. Should be given as an *symbolic color name*.
-Alternatively, the color can be configured as (hexadecimal) RGB values
-of the form `#RRGGBB`
-
-|`caption_href`
-|URL
-|n/a
-|A URL that points e.g. to the image source, or a website for Copyright
-and \| or Author information
-
-|`opacity`
-|Float
-|n/a
-|Opacity of the header image. Possible values are floats between 0.0 and 1.0
-
-|`spinner`
-|String
-|`false`
-|To indicate that header images are being loaded, a spinner can be displayed.
-Spinners are defined by the CSS file ~/framework/jquery/backstretch/css/backstretch.css.
-Spinner options are `pulsed` \| `rotor` \| `rotated-dots` \| `cycled-dots`
-
-|=======================================================================

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/tables/430_video_header_parameters.asciidoc

@@ -1,26 +0,0 @@
-[cols="3,2,2,5",options="header", role="table-responsive mt-3"]
-|=======================================================================
-|Name |Type |Default |Description
-
-|`isVideo`
-|Boolean
-|`false`
-|Pass source type *video* to the plugin, if cannot be recognized automatically
-
-|`loop`
-|Boolean
-|`false`
-|Enables\|Disables looping on videos. If `true`, `duration` is used to
-determine when to stop the video
-
-|`mute`
-|Boolean
-|`true`
-|Enables \| Disables sound on videos
-
-|`poster`
-|String
-|n/a
-|Specifying the `poster` attribute on standard tags
-
-|=======================================================================

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/tables/440_image_and_video_transitions.asciidoc

@@ -1,36 +0,0 @@
-
-[cols="4,8",options="header", role="table-responsive mt-3"]
-|=======================================================================
-|Transition | Description
-
-|`coverDown`
-|
-
-|`coverLeft`
-|
-
-|`coverRight`
-|
-
-|`coverUp`
-|
-
-|`fade`
-|
-
-|`fadeInOut`
-|
-
-|`pushDown`
-|
-
-|`pushLeft`
-|
-
-|`pushRight`
-|
-
-|`pushUp`
-|
-
-|=======================================================================

data/lib/starter_web/pages/start/documentation/user_guide/100_header/000_includes/tables/450_image_and_video_header_defaults.asciidoc

@@ -1,82 +0,0 @@
-[cols="4,3,5",options="header", role="table-responsive mt-3"]
-|=======================================================================
-|Parameter |Default |Description
-
-|alignX
-|`0.5`
-|The horizontal-alignment for the image, can be
-`left` \| `center` \| `right` or any number between [ 0.0 .. 1.0]
-
-|alignY
-|`0.5`
-|The vertical-alignment for the image, can be on of `top` \| `center`
-\| `bottom` or any number between [ 0.0 .. 1.0]
-
-|alwaysTestWindowResolution
-|`false`
-|Test against the window width instead of the element width
-
-|animateFirst
-|`true`
-|If set to true, the first image will transition in like all the
-others (slideshows only)
-
-|bypassCss
-|`false`
-|Avoid to add any CSS styles to the IMG element
-
-|duration
-|`5000`
-|Time in between slides (if slideshow)
-
-|isVideo
-|`false`
-|Pass source type video to the plugin, if cannot be recognized automatically
-
-|loop
-|`false`
-|Enables \| Disables looping on videos. If true, duration is used to
-determine when to stop
-
-|mute
-|`false`
-|Enables \| Disables sound on videos
-
-|paused
-|`false`
-|Whether the images should slide after given duration
-
-|preload
-|`2`
-|Controls how many images preload at a time
-
-|preloadSize
-|`1`
-|Controls how many images are preloaded in parallel
-
-|scale
-|`cover`
-|Controls the scaling mode. Can be one of `cover` \| `fit` \| `fit-smaller` \| `fill`
-
-|resolutionRefreshRate
-|`2500`
-|Controls how long to wait before switching the resolution
-
-|resolutionChangeRatioThreshold
-|`0.1`
-|Controls how much a change should it be before switching resolution
-
-|start
-|`0`
-|Index of the first image to show
-
-|transition
-|`fade`
-|Type of transition between slides
-
-|transitionDuration
-|`normal`
-|Duration at which the image will transition in.Integers in milliseconds are
-accepted, as well as standard jQuery speed strings as `slow`, `normal` or `fast`
-
-|=======================================================================