Life is Weird logo

Rewind (Power)

Rewind

Type: Active
User: Michael Mell

Physical Description

Eye Colour: xyz
Height: xyz
TITLE: lorem ipsum dolor sit amet
consectetuer adipiscing elit
Warning:

This is a notice box, to warn about stubs / spoilers / etc.
Show all spoilers / Hide all spoilers

This is an example of a real link. This is an example of a redlink that doesn't go anywhere. This is an example of spoiler tagged text. You can adjust the colors of these (and everything else in the template) by going into the CSS file and changing the color variables at the top of the file.

Table of Contents
  1. Michael's Abilities
    1. Hueshift
    2. Promises
  2. Limits
  3. Consequences
    1. For Himself
    2. For Others
  4. Gallery
  5. Trivia
  6. References

This is an example of a real link. This is an example of a redlink that doesn't go anywhere. This is an example of spoiler tagged text. You can adjust the colors of these (and everything else in the template) by going into the CSS file and changing the color variables at the top of the file.

Michael's Abilities

This code has two mobile responsiveness breakpoints: one at 1000px and one at 576px. The sidebar goes on top on small screens. On desktop, you can test this by resizing the window.

Hueshift
  • TEMPORAL REWIND - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • TEMPORAL FREEZE - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • TEMPORAL JUMP - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • CHRONOSKIMMING - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • PRECOGNITION - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

Promises
  • NAME - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • FLICKER - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • ANCHORING[1] - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

Limits

There are some utility classes in the CSS:


Consequences

There are some utility classes in the CSS:

Towards Himself
  • NAME - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • NAME - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

Towards Others
  • NAME - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

  • NAME - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.

Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.


Trivia

Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.


References

Lorem ipsum dolor sit amet consectetuer adipiscing elit.