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
 
-  span.account
-    span compte
-  br
-  select(method="post", name="author")
-    option(value="tykayn")
-      span tykayn
-    option(value="modominem")
-      modominem
-    option(value="curator")
-      curator
-  br
-  textarea(name="message", width="700", lines="20")
-  br
-  input(type=submit, value="ajouter à la file d'attente")
+  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")
+        span modo minem
+      option(value="curator")
+        span curator
+      option(value="qzine")
+        span qzine
+      option(value="meme")
+        span meme
+      option(value="cil_gometz")
+        span CIL Gometz
+    br
+    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
+        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

@@ -1,16 +1,23 @@
 doctype html
 html
-  head
-    title= title + 'Multi account posting mastodon'
-    link(rel='stylesheet', href='/stylesheets/style.css')
-  body
-    block nav
-      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
+    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
+                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 content
+    block footer
+        p par tykayn: contact at cipherbliss.com, https://www.cipherbliss.com
+        p https://mastodon.cipherbliss.com