From b37e05023a51b29aecd62a0d60f5854a78bd09a9 Mon Sep 17 00:00:00 2001 From: Quentin ANIERE Date: Tue, 12 Apr 2022 09:39:04 +0200 Subject: [PATCH] start to add chat feature --- src/images/chat.png | Bin 0 -> 24797 bytes src/index.html | 6 ++++++ src/style.css | 36 ++++++++++++++++++++++++++++++++++++ 3 files changed, 42 insertions(+) create mode 100644 src/images/chat.png diff --git a/src/images/chat.png b/src/images/chat.png new file mode 100644 index 0000000000000000000000000000000000000000..0508ccbe1fab1ab9a95bf8320698a253aa7bd876 GIT binary patch literal 24797 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�vSIMau*$kDpM-)qKY5 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 JFFa%){$H*LN}T`z literal 0 HcmV?d00001 diff --git a/src/index.html b/src/index.html index 5f03121..7cf866c 100644 --- a/src/index.html +++ b/src/index.html @@ -42,9 +42,15 @@ +
Nombre de fans connectés : x
+
+ +
+
+
diff --git a/src/style.css b/src/style.css index 61f2755..44830e7 100644 --- a/src/style.css +++ b/src/style.css @@ -1,4 +1,6 @@ body { + margin: 0; + display: flex; flex-wrap: wrap; justify-content: center; @@ -37,6 +39,34 @@ body { font-family: sans-serif; } +#chat-button { + position: absolute; + right: 3vh; + bottom: 3vh; + + height: 100px; + width: 100px; + border-radius: 50%; + background-color: white; +} + +#chat-button > img { + height: 90px; + width: 90px; +} + +#chat { + height: 60vh; + width: 30vw; + + position: absolute; + bottom: 0; + right: 0; + + display: none; + background-color: white; +} + .swiper { width: 500px; height: 400px; @@ -67,6 +97,12 @@ body { display: flex; } + #chat { + z-index: 9999; + height: 100vh; + width: 100vw; + } + .photo-container { width: 300px; height: 300px;