From e3d931b9660547f009c7a87714b15d66eb7a3457 Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Fri, 8 Mar 2019 12:28:05 +0100 Subject: [PATCH] responsive layout prototypes --- prototypes/manifest.appcache | 4 + prototypes/me.jpg | Bin 0 -> 22631 bytes prototypes/responsive-layout-flex.html | 506 +++++++++++++++++++++++++ prototypes/responsive-layout-grid.html | 133 +++++++ 4 files changed, 643 insertions(+) create mode 100644 prototypes/manifest.appcache create mode 100644 prototypes/me.jpg create mode 100644 prototypes/responsive-layout-flex.html create mode 100644 prototypes/responsive-layout-grid.html diff --git a/prototypes/manifest.appcache b/prototypes/manifest.appcache new file mode 100644 index 00000000..ff420219 --- /dev/null +++ b/prototypes/manifest.appcache @@ -0,0 +1,4 @@ +CACHE MANIFEST +# v1 +/responsive-layout-flex.html +/me.jpg diff --git a/prototypes/me.jpg b/prototypes/me.jpg new file mode 100644 index 0000000000000000000000000000000000000000..615e10c8a0fb67e92319eee369b14fa9e73c59d2 GIT binary patch literal 22631 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 + + + + + + + + + +
    +
    +
    +
      +
    • +
      Avatar for some room
      +
      +
      Room 1
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 2
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      R3
      +
      +
      Room 3
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 4
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 5
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 6
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 7
      +
      Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      +
      +
      • +
    • +
      BW
      +
      +
      Room 8
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 9
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 10
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 11
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      🍔
      +
      +
      Room 12
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 13
      +
      Message 12, message 12, message 12
      +
      +
      • +
    • +
      Avatar for some room
      +
      +
      Room 14
      +
      Message 12, message 12, message 12
      +
      +
      • +
    +
    +
    +

    Select a room on the left side

    +
    +
    +
    +
    + +
    Avatar for some room
    +
    +

    Talk to Bruno

    +
    The room to talk to Bruno
    +
    + +
    +
      +
    • Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1
      • +
    • Message 2, message 2, message 2, message 2, message 2, message 2, message 2, message 2
      • +
    • Message 3, message 3, message 3, message 3, message 3, message 3, message 3, message 3
      • +
    • Message 4, message 4, message 4, message 4, message 4, message 4, message 4, message 4
      • +
    • Message 5, message 5, message 5, message 5, message 5, message 5, message 5, message 5
      • +
    • Message 6, message 6, message 6, message 6, message 6, message 6, message 6, message 6
      • +
    • Message 7, message 7, message 7, message 7, message 7, message 7, message 7, message 7
      • +
    • Message 8, message 8, message 8, message 8, message 8, message 8, message 8, message 8
      • +
    • Message 9, message 9, message 9, message 9, message 9, message 9, message 9, message 9
      • +
    • Message 10, message 10, message 10, message 10, message 10, message 10, message 10, message 10
      • +
    • Message 11, message 11, message 11, message 11, message 11, message 11, message 11, message 11
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    +
    +
    +
    +

    Bruno

    +

    Ban | Kick | Mock

    +
    +
    +
    + + + + diff --git a/prototypes/responsive-layout-grid.html b/prototypes/responsive-layout-grid.html new file mode 100644 index 00000000..f8ded23f --- /dev/null +++ b/prototypes/responsive-layout-grid.html @@ -0,0 +1,133 @@ + + + + + + + +
    +
      +
    • Room 1
      • +
    • Room 2
      • +
    • Room 3
      • +
    • Room 4
      • +
    • Room 5
      • +
    • Room 6
      • +
    • Room 7
      • +
    • Room 8
      • +
    • Room 9
      • +
    • Room 10
      • +
    • Room 11
      • +
    • Room 12
      • +
    +
    +
    +

    Select a room on the left side

    +
    +
    +
      +
    • Message 1, message 1, message 1, message 1, message 1, message 1, message 1, message 1
      • +
    • Message 2, message 2, message 2, message 2, message 2, message 2, message 2, message 2
      • +
    • Message 3, message 3, message 3, message 3, message 3, message 3, message 3, message 3
      • +
    • Message 4, message 4, message 4, message 4, message 4, message 4, message 4, message 4
      • +
    • Message 5, message 5, message 5, message 5, message 5, message 5, message 5, message 5
      • +
    • Message 6, message 6, message 6, message 6, message 6, message 6, message 6, message 6
      • +
    • Message 7, message 7, message 7, message 7, message 7, message 7, message 7, message 7
      • +
    • Message 8, message 8, message 8, message 8, message 8, message 8, message 8, message 8
      • +
    • Message 9, message 9, message 9, message 9, message 9, message 9, message 9, message 9
      • +
    • Message 10, message 10, message 10, message 10, message 10, message 10, message 10, message 10
      • +
    • Message 11, message 11, message 11, message 11, message 11, message 11, message 11, message 11
      • +
    • Message 12, message 12, message 12, message 12, message 12, message 12, message 12, message 12
      • +
    +
    +
    +

    Bruno

    +

    Ban | Kick | Mock

    +
    + + + +