<link rel="stylesheet" href="css/escrever.css" />
<div id="write">
    <div id="embed-write">
        <img src="assets/invalid-file.png"/>
        <ul>
            <li>
                <input type="text" min="150" max="300" placeholder="titulo da sua historia">
            </li>
            <li>
                <textarea min="190" max="380" placeholder="escreva a sinopse da sua historia"></textarea>
            </li>
            <li id="tags">

                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>
                <label><input type="checkbox">ovo</label>

                <!-- so para saber como vai ficar, tenho que remover depois -->
            </li>
        </ul>
    </div>
    <div id="text-write">
        <ul>
            <span class="material-symbols-outlined h1">format_h1</span>
            <span class="material-symbols-outlined h2">format_h2</span>
            <span class="material-symbols-outlined h3">format_h3</span>
            <span class="material-symbols-outlined bold">format_bold</span>
            <span class="material-symbols-outlined italic" id="gap">format_italic</span>
            <span class="material-symbols-outlined">photo</span>
            <span class="material-symbols-outlined">format_list_bulleted</span>
            <span class="material-symbols-outlined" id="gap">chat_paste_go</span>
            <span class="material-symbols-outlined">visibility</span>
        </ul>
        <li class="txtarea">
            <textarea id="edit" placeholder="escreva sua historia aqui"></textarea>
        </li>
        <li class="txtmark" style="display: none;">
            <div id="markdown"></div>
        </li>
        <a id="btn">enviar</a>
    </div>
</div>
<script type="text/javascript" src="javascript/libs/markdown.js"></script>
<script type="text/javascript" src="javascript/escrever.js"></script>
