armandgrillet / mado

A beautiful Markdown editor designed for Google Chrome.

Mado

Mado is a Markdown editor application. It works on Chrome OS, Linux, Mac OS X and Windows. You can use it to take notes, write blog posts or edit documents.

Main contributors

• Armand Grillet
• Théophile Barbin

mado's Issues

Keep selection highlighted on click.

When the user clicks on the button "link" or "image", the selection has to be highlighted if the user had made one.

For now the code is working but the highlights are not here anymore.

Final logo.

Markdown documents assignment to Mado

All ".md" documents should be automatically opened in Mado.

Display alert as a tooltip

See if "Save" can work.

Insert contenteditable.css in the real CSS.

Replace the textarea by a div with "contenteditable=true"

Switch arrow when the window is small

Thèmes finis.

Alert before closing a window with a non-saved text inside.

Need a new frame before.

Replace the placeholder and the HTML view's default text

"Big" unavailable for screens < 1366px.

Document's name when saving

Span quand image non trouvée

Design & build a Mado-style frame around the app

Description:

• Three buttons: "Minimize", "Fullscreen" and "Close".
  • Icons in font format.
  • Retina displays support.
  • Insensitive to "Big" & "Small" display modes.
• Enables dragging and resizing.
• Knows if it is a Mac or a PC, and displays the buttons accordingly.
• Retina displays support.

JS avec doc incluse.

Replace the "|" (pipe) with a "-" (dash) in the frame

Example:

• "document.md | Mado"
• => "document.md - Mado"

Alert for unsaved changes on document close

Alignement des titres entre les thèmes.

Organize CSS

1. Split css/style-base.css into multiple stylesheets.
2. Build a generic style-base.css for every part of Mado.
   1. Make it a global coherent design.
   2. Delete css/alerts/style-base.css and css/more/style-base.css.
   3. Transpose these previous stylesheets' specific styles into new specific stylesheets (css/alerts/alerts-base.css and css/more/more-base.css)

Tabulation loops between text inputs

Tabulation loops

Each group of text inputs should have a "tabulation loop": on tab press, the focus should change to the next input of the group only (in a tool box, e.g. "Link"); when the user reaches the end of the group, the focus switches back to the first text input of the group.

Enable scroll for the contenteditable

Change nofile.jpg.

"Tab" must work in the Markdown area

Place the "Choose your galleries" button on top of the Image tool

As it is now, it seems like a falsy "Ok" button for the tool (the color is not enough).

Replace the plain space with a 'no-break space' before words/characters counter

Replace the placeholder and the HTML view's default text

Replace:

• "Your text here" with _"Type here"_ (FIX: _"Write here"_)
• "The HTML view." with _"See the result here"_

Of course, we can discuss it. But I think these new simple sentences are more coherent, first of all to each other, and last but not least, to the app itself.

Logos dans About.

Exemple d'insertion d'image dans l'aide.

Get the window size on closed to set the same window size on launched.

Google Analytics included.

Bouton "Choose your galleries" dans Image.

Mado 0.2 in "About Mado".

nofile.jpg doit mettre le curseur en pointeur.

Il suffit de changer le CSS pour que les éléments de classe .nofile affiche le curseur devienne pointeur une fois dessus.

Update overview on settings change

Transpose the 'body' styles to a sub-div named "app" or equivalent

Thèmes finis.

Copyright Policy mieux affichée dans About.

[Document's name].html when exporting a saved document.

Thèmes finis.

All styles in SASS/LESS

Add font for "<code>" in HTML

Quand l'utilisateur écrit entre `` en Markdown normalement il écrit du code, or actuellement il n'y a pas de changement visible.
Il faudrait une police spéciale (du Adobe Source Code Pro par exemple) afin de distingue le texte du code.

256x256 icon.

Fichier Markdown avec toutes les variables stockées dans chrome.storage.local.

Use the ID option to replace lastX etc...

Big & Small display modes, with Retina support

Includes:

• All paddings, pixels sizes, boxes etc. change
• All font sizes change
• All icons in two other formats (Big & Small)
• Retina displays support

All font sizes in em

Change minimum_chrome_version in manifest.json

Display ToS in Q&A.

Enhance scrollbars