From 24bf074aa3cb092d3b98cb7c3cd0f3466472efcd Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Wed, 24 Jun 2020 22:43:59 +0200 Subject: [PATCH] wip timeline html/css prototype --- prototypes/timeline-stickydate-flat.html | 565 ++++++++++++++++++++++ prototypes/timeline.html | 572 +++++++++++++++++++++++ 2 files changed, 1137 insertions(+) create mode 100644 prototypes/timeline-stickydate-flat.html create mode 100644 prototypes/timeline.html diff --git a/prototypes/timeline-stickydate-flat.html b/prototypes/timeline-stickydate-flat.html new file mode 100644 index 00000000..53d1f727 --- /dev/null +++ b/prototypes/timeline-stickydate-flat.html @@ -0,0 +1,565 @@ + + + + + + + + + +
+
+ +
    + +
  • May 17
  • +
    +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    +
    +
  • + +
    +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Bruno added a ghettoblaster to the room
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • Sml
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Picture

    +
    +
  • +
  • Yesterday
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • Today
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Other Bruno raised the blackjack limit of the room to 50€
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    +
    +
  • +
+ +
+ + + diff --git a/prototypes/timeline.html b/prototypes/timeline.html new file mode 100644 index 00000000..bb1ac0f7 --- /dev/null +++ b/prototypes/timeline.html @@ -0,0 +1,572 @@ + + + + + + + + + +
+
+ +
    + +
    +
    May 17
    +
    +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    +
    +
  • + +
    +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Bruno added a ghettoblaster to the room
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
    +
    +
    Sml
    +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Picture

    +
    +
  • +
    +
    +
    Yesterday
    +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    + +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1

    + +
    +
  • +
    +
    +
    Today
    +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    Sounds about right

    +
    +
  • +
  • +
    Avatar for some room
    +
    +
    Other Bruno
    +

    You wee prick!

    +
    +
  • +
  • +
    Other Bruno raised the blackjack limit of the room to 50€
    +
  • +
  • +
    Avatar for some room
    +
    +
    Bruno
    +

    Oh, don't get me started!!

    +
    +
  • +
    +
+
+
+ +