<html> <head> <link rel="stylesheet" type="text/css" href="demo.css"/> <script src="../olm.js"></script> <script src="group_demo.js"></script> </head> <body> <div id="user1" class="user"> <h1>User1</h1> <textarea class="user_plain_input"></textarea> <button class="user_encrypt">Encrypt</button> <h2>Outgoing</h2> <h3>One-to-one output</h3> <div class="user_cipher_output"></div> <h3>Group output</h3> <div class="group_output"></div> <h2>Incoming</h2> <h3>One-to-one Received</h3> <div class="user_cipher_input"></div> <h3>Group received</h3> <div class="group_input"></div> <h2>Tasks</h2> <div class="user_progress"></div> </div> <div id="user2" class="user"> <h1>User 2</h1> <textarea class="user_plain_input"></textarea> <button class="user_encrypt">Encrypt</button> <h2>Outgoing</h2> <h3>One-to-one output</h3> <div class="user_cipher_output"></div> <h3>Group output</h3> <div class="group_output"></div> <h2>Incoming</h2> <h3>One-to-one Received</h3> <div class="user_cipher_input"></div> <h3>Group received</h3> <div class="group_input"></div> <h2>Tasks</h2> <div class="user_progress"></div> </div> </body> </html>