diff --git a/examples/html/index.html b/examples/html/index.html
index c0e4ef8babbd6dda4a11bfdaa0f3f94f89ee0d4d..d678d11ce1f64976da6d362c0932c3630821d2c9 100644
--- a/examples/html/index.html
+++ b/examples/html/index.html
@@ -13,7 +13,8 @@
<body>
<div id="header">
- <div class="rounded infobox help-message">
+ <div id="logo"></div>
+ <div class="rounded infobox help-message" id="motd">
Chat room implemented using
<a href="http://code.google.com/p/mongoose" target="_blank">Mongoose</a>
embeddable web server.
@@ -24,6 +25,7 @@
could be used in your application as a collaboration tool.
</div>
</div>
+ <div>
<div id="middle">
<div><center><span id="error" class="rounded"></span><center></div>
diff --git a/examples/html/logo.png b/examples/html/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a47c0ab8d8ba81346474cec5f93f95a82781366
Binary files /dev/null and b/examples/html/logo.png differ
diff --git a/examples/html/style.css b/examples/html/style.css
index 037d59cc3b101c4a0de3a90fd79e9c108949c375..4d233c8ddea31131c0a4ded8e94fc3fa7f814578 100644
--- a/examples/html/style.css
+++ b/examples/html/style.css
@@ -6,6 +6,17 @@ body {
font: 13px Arial; margin: 0.5em 1em;
}
+#logo {
+ background: url('logo.png') no-repeat ;
+ width: 160px;
+ height: 40px;
+ float: left;
+}
+
+#motd {
+ margin-left: 170px;
+}
+
.infobox {
background: #eed;
padding: 1px 1em;