Jack-Letterpress-Target

Home of three oft-used Joe Workman Stacks. All are formatted colorfully, with Letterpress-generated typefaces.

Docs: Jack | Letterpress | Target | RW

Jack and Jack Hover

Several Jack stack examples

  • Jack Photo surrounded by rounded square
  • Jack Photo within textured Picture Frame
  • Jack Hover that shrinks horizontally with gradient
  • Jack Hover that shrinks vertically with gradient,

I notice Jack background color and graient don't appear to work. Need to look into this.

Documentation: Layout, Borders. Backgrounds, Shadows and Hover eddects are expained in detail.

Stacks Image 111
  • Layout: 400 px image, Static Width, limited to 400 px, Auto Height, Detailed Padding: 0, Not rotated
  • Border: Reddish Color, 10 px, Rounded, grooved, 20px rounded
  • Background:
  • Shadow: Blue drop shadow, No inset or special shadow
  • Advanced: None
Stacks Image 115
  • Layout: 400 px image, Static Width, Limited to 400 px, Auto Height, Detailed Padding: 0, Not rotated
  • Border: 20 px, Border Image,
  • Background: Don't think they apply
  • Shadows: Don't think they apply
  • Advanced: None

Hover - shrinks/expands box horizontally

  • Layout: Align Center
  • Border: 20 px, Border Image,
  • Background: Don't think they apply
  • Shadows: Don't think they apply
  • Advanced: None
On Hover: Border and Height Expands and Contracts
Jack
  • Layout: Align Center, Width Fill, Height Flexible, relative to parent 30%, Min-Max Height 100:300
  • Border: Color Reddish, 5px, Solid, Groove, 10 px Rounding
  • Background: None
  • Shadows: None
  • Advanced: None
Jack Hover
  • Animation: Speed 2000, Easing Effect: Ease
  • Layout: Enable Hover Layout checked
  • Border: Color Reddish, 20px, Style: Groove, 10 px Rounding
  • Background: None
  • Shadows: None
  • Advanced: None