diff --git a/src/App.vue b/src/App.vue
index 310f4e8..bb58461 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -263,7 +263,7 @@ a, .osef
text-decoration: none
color: $noneColor
-input, select, button
+input, select, button, textarea
background-color: $backColor
color: $foreColor
border: 1px solid $halfColor
diff --git a/src/services/mastodon/Client.vue b/src/services/mastodon/Client.vue
index 8a51ef8..12c1cd6 100644
--- a/src/services/mastodon/Client.vue
+++ b/src/services/mastodon/Client.vue
@@ -1,6 +1,6 @@
-.client(@scroll.passive="onScroll")
- .statues
+.client
+ .statues(@scroll.passive="onScroll")
.header(v-if="hasNotifications") Accueil
success-loadable.list(:loadable="statues")
template(v-for="status in statues.get()")
@@ -14,6 +14,23 @@
.list
notification(v-for="notification in notifications.get()" :key="notification.id" :notification="notification"
:showMedia="options.showMedia" @dismiss="onNotificationDismiss" @mark="onStatusMark")
+ .compose-toggle(@click="showCompose = !showCompose") 🖉
+ .compose(v-show="showCompose")
+ textarea.content(v-model="compose.status" placeholder="message")
+ .options
+ .sens
+ label.note(for="sensitive") Sensitive:
+ input(id="sensitive" v-model="compose.sensitive" type="checkbox")
+ .cw
+ input(v-show="compose.sensitive" v-model="compose.spoiler_text" placeholder="content warning")
+ .visibility
+ select(v-model="compose.visibility")
+ option(value="public") ◍
+ option(value="unlisted") 👁
+ option(selected value="private") ⚿
+ option(value="direct") ✉
+ span.note {{ compose.visibility }}
+ button(@click="sendStatus") Toot