styling compose box

1 files changed, 36 insertions, 0 deletions

diff --git a/views/pages/compose.ejs b/views/pages/compose.ejs
new file mode 100644
index 0000000..b50c279
--- /dev/null
+++ b/views/pages/compose.ejs
@@ -0,0 +1,36 @@
+<% include ../partials/header %>
+<div class="subtitle">
+  <a href='/'>&lt; Home</a> &middot;
+  <a href='/mail/'>Inbox</a>
+</div>
+
+<div id="content">
+
+<table id="compose">
+  <tr>
+    <td>
+      <form>
+        <div>
+          <label for="compose_to">to:</label>
+          <input id="compose_to" type='text' name='username'>
+        </div>
+        <div style="margin-top: 5px;">
+          <label for="compose_subject">subject:</label>
+          <input id="compose_subject" type='text' name='subject' value='<%= subject %>'>
+        </div>
+        <div>
+          <textarea name="message" placeholder="Enter your message"></textarea><br>
+        </div>
+        <div class="buttons">
+          <button id="save_as_draft" style="opacity: 0.5">SAVE DRAFT</button>
+          <input type="submit" value="SEND MESSAGE" />
+        </div>
+        <div class="errors"></div>
+      </form>
+    </td>
+  </tr>
+</table>
+
+</div>
+
+<% include ../partials/footer %>