multi account list, style mastodon bliss

views/index.jade

@@ -1,19 +1,43 @@
 extends layout
 
 block content
-  h1 Publier un message
+  div.column-header__wrapper
+    h1.button.column-header Publier un message
 
+  form(action="/submit",method="post")
     span.account
       span compte
     br
+    .drawer--account
+      .account__avatar(style='width: 48px; height: 48px; background-size: 48px 48px; background-image: url("https://mastodon.cipherbliss.com/system/accounts/avatars/108/409/825/840/442/987/original/eea3627456786998.jpg");')
+      .navigation-bar__profile
+        a.permalink.acct(href='https://mastodon.cipherbliss.com/@voixdunucleaire')
+          strong  @voixdunucleaire
     select(method="post", name="author")
       option(value="tykayn")
         span tykayn
+      option(value="voixdunuc")
+        span voix du nucléaire
       option(value="modominem")
-      modominem
+        span modo minem
       option(value="curator")
-      curator
+        span curator
+      option(value="qzine")
+        span qzine
+      option(value="meme")
+        span meme
+      option(value="cil_gometz")
+        span CIL Gometz
     br
-  textarea(name="message", width="700", lines="20")
+    div.compose-form__autosuggest-wrapper
+      .autosuggest-textarea
+        label
+          span Qu’avez-vous en tête ?
+          textarea.autosuggest-textarea__textarea(name="message", width="500", lines="20",autofocus="autofocus")
         br
-  input(type=submit, value="ajouter à la file d'attente")
+        label
+          span Fichier à joindre
+          textarea.autosuggest-textarea__textarea(name="fichier", width="500", lines="1")
+    br
+    div.composer--publisher
+      input.button.primary(type=submit, value="ajouter à la file d'attente")

views/layout.jade

@@ -2,15 +2,22 @@ doctype html
 html
     head
         title= title + 'Multi account posting mastodon'
+        link(rel='stylesheet', href='https://mastodon.cipherbliss.com/packs/css/core/common-d59731aa.chunk.css')
+        link(rel='stylesheet', href='https://mastodon.cipherbliss.com/packs/css/flavours/glitch/common-6bdd3298.chunk.css')
         link(rel='stylesheet', href='/stylesheets/style.css')
     body
         block nav
+            div.columns-area__panels__main.with-fab
                 h1 Mastodon multi account
-      a(href="/") accueil
-      a(href="/") ajouter
-      a(href="/init-db") init DB
-      a(href="/list") list DB
-      a(href="/add-example") ajout à la file example
-      a(href="/publish-last-entry") publier premier
-
+                nav
+                    a.button.primary(href="/") accueil
+                    a.button.info(href="/") ajouter
+                    a.button.info(href="/init-db") init DB
+                    a.button.info(href="/list") list DB
+                    a.button.info(href="/add-example") ajout à la file example
+                    a.button.info(href="/publish-last-entry") publier premier
         block content
+
+    block footer
+        p par tykayn: contact at cipherbliss.com, https://www.cipherbliss.com
+        p https://mastodon.cipherbliss.com