-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
156 lines (136 loc) · 36.8 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<?php
require('layouts/PHP/head.php');
$title = 'InNotesBy ❤';
$description = 'Proyecto de Inbydev para crear Notas!';
$otherjs = '
<script defer src="/InNotesBy/layouts/JS/app.js"></script>
<script src="/InNotesBy/layouts/JS/exclude__characters.js"></script>
';
$header__box__content__top = '
<li class="header__items"><a class="header__link" href="/"><svg class="header__icon__fill" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M4 10L3.29289 10.7071L2.58579 10L3.29289 9.29289L4 10ZM21 18C21 18.5523 20.5523 19 20 19C19.4477 19 19 18.5523 19 18L21 18ZM8.29289 15.7071L3.29289 10.7071L4.70711 9.29289L9.70711 14.2929L8.29289 15.7071ZM3.29289 9.29289L8.29289 4.29289L9.70711 5.70711L4.70711 10.7071L3.29289 9.29289ZM4 9L14 9L14 11L4 11L4 9ZM21 16L21 18L19 18L19 16L21 16ZM14 9C17.866 9 21 12.134 21 16L19 16C19 13.2386 16.7614 11 14 11L14 9Z" fill="#33363F"></path> </g></svg></a></li>
<li class="header__items"><a class="header__link" href="#notes"><svg class="header__icon__stroke" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M11.7769 10L16.6065 11.2941" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M11 12.8975L13.8978 13.6739" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M20.3116 12.6473C19.7074 14.9024 19.4052 16.0299 18.7203 16.7612C18.1795 17.3386 17.4796 17.7427 16.7092 17.9223C16.6129 17.9448 16.5152 17.9621 16.415 17.9744C15.4999 18.0873 14.3834 17.7881 12.3508 17.2435C10.0957 16.6392 8.96815 16.3371 8.23687 15.6522C7.65945 15.1114 7.25537 14.4115 7.07573 13.641C6.84821 12.6652 7.15033 11.5377 7.75458 9.28263L8.27222 7.35077C8.35912 7.02646 8.43977 6.72546 8.51621 6.44561C8.97128 4.77957 9.27709 3.86298 9.86351 3.23687C10.4043 2.65945 11.1042 2.25537 11.8747 2.07573C12.8504 1.84821 13.978 2.15033 16.2331 2.75458C18.4881 3.35883 19.6157 3.66095 20.347 4.34587C20.9244 4.88668 21.3285 5.58657 21.5081 6.35703C21.669 7.04708 21.565 7.81304 21.2766 9" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M3.27222 16.647C3.87647 18.9021 4.17859 20.0296 4.86351 20.7609C5.40432 21.3383 6.10421 21.7424 6.87466 21.922C7.85044 22.1495 8.97798 21.8474 11.2331 21.2432C13.4881 20.6389 14.6157 20.3368 15.347 19.6519C15.8399 19.1902 16.2065 18.6126 16.415 17.9741M8.51621 6.44531C8.16368 6.53646 7.77741 6.63996 7.35077 6.75428C5.09569 7.35853 3.96815 7.66065 3.23687 8.34557C2.65945 8.88638 2.25537 9.58627 2.07573 10.3567C1.91482 11.0468 2.01883 11.8129 2.30728 13" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></a></li>
';
$header__box__content__bottom = '
<li class="header__items"><a class="header__link" href="#guide"><svg class="header__icon__fill" viewBox="-1 -1 18 18" xmlns="http://www.w3.org/2000/svg" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill="#000000"> <path d="M12.75 1a.75.75 0 000 1.5h.69l-1.97 1.97a.75.75 0 001.06 1.06l1.97-1.97v.69a.75.75 0 001.5 0v-2.5a.75.75 0 00-.75-.75h-2.5z"></path> <path fill-rule="evenodd" d="M1.25 2C.56 2 0 2.56 0 3.25v8.5C0 12.44.56 13 1.25 13H5c.896 0 1.475.205 1.809.448.317.23.441.51.441.802a.751.751 0 101.5 0c0-.292.124-.572.441-.802.334-.243.913-.448 1.809-.448h3.75c.69 0 1.25-.56 1.25-1.25v-4.5a.75.75 0 00-1.5 0v4.25H11c-.878 0-1.64.158-2.25.467v-6.55c0-.788.376-1.42 1.12-1.722a.75.75 0 00-.561-1.39 3.27 3.27 0 00-1.31.941A3.13 3.13 0 007.773 3C7.106 2.354 6.154 2 5 2H1.25zm6 3.417c0-.553-.187-1.015-.522-1.34C6.394 3.753 5.846 3.5 5 3.5H1.5v8H5c.878 0 1.64.158 2.25.467v-6.55z" clip-rule="evenodd"></path> </g> </g></svg></a></li>
<li class="header__items"><button class="header__link" onclick="popup.showModal(); bodyAddHidden()"><svg class="header__icon__fill" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect x="0" fill="none" width="24" height="24"></rect> <g> <path d="M21 14v5c0 1.105-.895 2-2 2H5c-1.105 0-2-.895-2-2V5c0-1.105.895-2 2-2h5v2H5v14h14v-5h2z"></path> <path d="M21 7h-4V3h-2v4h-4v2h4v4h2V9h4"></path> </g> </g></svg></button></li>
';
head($title, $description, $header__box__content__top, $header__box__content__bottom, $otherjs);
?>
<main>
<section class="home" id="home">
<h1>Crea tu <span>nota!</span></h1>
<h2><a href="#guide">Guía de como ocupar <span>este proyecto:</span></a></h2>
</section>
<section class="notes__section detector" id="notes">
<?php require('layouts/PHP/find_notes.php') ?>
</section>
<section class="guide detector" id="guide">
<!-- TODO: Improve the redaction of this section and provide an English translation -->
<h3>Paso 1: Crear una Nueva Nota</h3>
<p>Presiona el botón <span>Crear Nota</span> para comenzar.</p>
<h3 class="other__gradient">Paso 2: Ingresar Datos de la Nota</h3>
<p>
Ya dentro, verás un formulario con una barra de botones de navegación y más abajo
verás un cuadrado donde irá el contenido de la nota, para ingresar información general
sobre tu nota, haz clic en el botón <span>Datos de la Nota</span>. Aquí podrás ingresar el nombre de
la nota. Este será el nombre que se verá tanto en la <span>URL</span> como en el <span>nombre de la
misma nota</span>. A continuación, aquí podrás ingresar el <span>título de la nota</span>, siendo este el
<span>encabezado principal</span> de la página de la nota. También, aquí podrás proporcionar el
<span>nombre del autor</span> de la nota para identificar al creador.
</p>
<h3>Paso 3: Edición de contenido</h3>
<p>
Dirígete a la sección <span>Contenido</span> abajo de la barra de navegación para comenzar a
redactar o pegar el contenido de tu nota. Para dar <span>formato</span> al texto, utiliza las
herramientas encontradas en el botón <span>Edición de contenido</span>. Aquí puedes aplicar al
texto seleccionado:
</p>
<ul>
<li><i>Itálica</i></li>
<li><b>Negrita</b></li>
<li><strike>Tachado</strike></li>
<li>Diferentes tamaños de título</li>
<li><a>Links</a></li>
<li><code>Bloques de código</code></li>
<li>Agregar una imagen al final del contenido <span><i>(opcional).</i></span></li>
</ul>
<h3>Paso 4: Guardar o Cerrar la Nota</h3>
<p>Una vez que hayas terminado de crear tu nota, puedes presionar el botón <span>Crear Nota</span> para almacenar la nota en InNotesBy.
Si deseas continuar trabajando en la nota más tarde, puedes cerrarla presionando el botón <span>Cerrar</span> o presionando la tecla <span>Escape</span>. <span><i>(próximamente estará la función de guardar automáticamente, actualmente no está esa funcionalidad)</i></span></p>
<h3 class="other__gradient">Recuerda!</h3>
<p>El <span>nombre de la nota</span> no puede contener <span>carácteres especiales</span>!</p>
</section>
<footer>
<p>
<a href="https://github.com/Inbydev/Inby.dev">InNotesBy</a> © 2023 - 2024
by
<a href="https://github.com/Inbydev">Inbydev</a>
is licensed under
<a href="http://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" style="display:inline-block;">CC BY 4.0
</a>
</p>
</footer>
</main>
<dialog id="popup">
<div class="background">
<div class="background__25"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="svg__home iconify iconify--emojione" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill="var(--background-header)"> <path d="M36.1 2C35.7 3.9 34 5.4 32 5.4c-2 0-3.7-1.5-4.1-3.4c-3.1 1.7-5.3 5.6-5.3 12.3c0 9.3 9.4 20.5 9.4 20.5s9.4-11.2 9.4-20.5c0-6.7-2.2-10.6-5.3-12.3"> </path> <path d="M62 24.3c-1.9.4-3.8-.5-4.7-2.4c-.9-1.9-.4-4.1 1.1-5.4c-2.8-2.2-7.1-2.5-12.9.4c-8 4.2-13.5 17.9-13.5 17.9s13.7 4 21.7-.1c5.8-2.9 8.2-6.7 8.3-10.4"> </path> <path d="M2 24.3c1.9.4 3.8-.5 4.7-2.4c.9-1.9.4-4.1-1.1-5.4c2.8-2.2 7.1-2.5 12.9.4C26.5 21 32 34.7 32 34.7s-13.7 4-21.7-.1C4.5 31.8 2.1 28 2 24.3"> </path> <path d="M46.5 61.9c-.7-1.9-.1-4 1.5-5.2c1.6-1.2 3.8-1 5.2.3c1.6-3.3 1.3-7.8-2.3-13.3C45.8 36.1 32 32.5 32 32.5S30.3 47.3 35.4 55c3.6 5.5 7.6 7.4 11.1 6.9"> </path> <path d="M17.5 61.9c.7-1.9.1-4-1.5-5.2c-1.6-1.2-3.8-1-5.2.3c-1.6-3.3-1.3-7.8 2.3-13.3C18.2 36.1 32 32.5 32 32.5s1.7 14.8-3.4 22.5c-3.6 5.5-7.6 7.4-11.1 6.9"> </path> </g> <g fill="var(--background-3)"> <path d="M35.6 5.7c-.4 1.7-1.9 3-3.6 3s-3.2-1.3-3.6-3c-2.7 1.5-4.6 4.9-4.6 10.8c0 8.2 8.3 18 8.3 18s8.3-9.8 8.3-18c-.1-5.9-2-9.3-4.8-10.8"> </path> <path d="M58.3 25.3c-1.6.4-3.4-.4-4.1-2.1c-.8-1.7-.3-3.6 1-4.7c-2.5-1.9-6.3-2.2-11.3.3C36.8 22.4 32 34.4 32 34.4s12 3.5 19.1-.1c5-2.5 7.1-5.8 7.2-9"> </path> <path d="M5.7 25.3c1.6.4 3.4-.4 4.1-2.1c.8-1.7.3-3.6-1-4.7c2.5-1.9 6.3-2.2 11.3.3c7 3.6 11.9 15.6 11.9 15.6s-12 3.5-19.1-.1c-5-2.5-7.1-5.8-7.2-9"> </path> <path d="M44.7 58.3c-.6-1.6-.1-3.6 1.4-4.6s3.3-.9 4.6.3c1.4-2.9 1.1-6.8-2-11.6c-4.6-6.8-16.7-10-16.7-10s-1.5 13 3 19.7c3.2 4.9 6.6 6.6 9.7 6.2"> </path> <path d="M19.3 58.3c.6-1.6.1-3.6-1.4-4.6s-3.3-.9-4.6.3c-1.4-2.9-1.1-6.8 2-11.6c4.5-6.7 16.6-9.9 16.6-9.9s1.5 13-3 19.7c-3.1 4.8-6.5 6.5-9.6 6.1"> </path> </g> <g fill="var(--background-header)"> <path d="M28.7 40.9l-1.2-.6l7.8-17.2l1.2.6z"> </path> <path d="M37.5 23.3c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6"> </path> <path d="M29.7 40.5c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.7.7 1.7 1.6"> </path> <path d="M23.9 36.4l-.5-1.3l16.7-7.5l.5 1.3z"> </path> <path d="M41.9 28.3c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.6.9 1.5 1.8"> </path> <path d="M25.3 35.9c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5s1.5.9 1.5 1.8"> </path> <path d="M39.9 36.7l-16.4-8.1l.6-1.3l16.4 8.1z"> </path> <path d="M40.3 37.7c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c.1.9-.6 1.7-1.5 1.7"> </path> <path d="M23.9 29.6c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c0 .9-.7 1.7-1.5 1.7"> </path> <path d="M35 41l-7.2-17.4L29 23l7.2 17.4z"> </path> <path d="M35.5 42.4c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.5.9 1.5 1.8c-.1.9-.8 1.6-1.7 1.5"> </path> <path d="M28.3 24.9c-.9-.1-1.5-.9-1.5-1.8s.8-1.6 1.7-1.5s1.5.9 1.5 1.8c-.1.9-.9 1.6-1.7 1.5"> </path> <ellipse cx="32" cy="32" rx="3.4" ry="3.5"> </ellipse> </g> </g></svg></div>
<div class="background__25"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="svg__home iconify iconify--emojione" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill="var(--background-header)"> <path d="M36.1 2C35.7 3.9 34 5.4 32 5.4c-2 0-3.7-1.5-4.1-3.4c-3.1 1.7-5.3 5.6-5.3 12.3c0 9.3 9.4 20.5 9.4 20.5s9.4-11.2 9.4-20.5c0-6.7-2.2-10.6-5.3-12.3"> </path> <path d="M62 24.3c-1.9.4-3.8-.5-4.7-2.4c-.9-1.9-.4-4.1 1.1-5.4c-2.8-2.2-7.1-2.5-12.9.4c-8 4.2-13.5 17.9-13.5 17.9s13.7 4 21.7-.1c5.8-2.9 8.2-6.7 8.3-10.4"> </path> <path d="M2 24.3c1.9.4 3.8-.5 4.7-2.4c.9-1.9.4-4.1-1.1-5.4c2.8-2.2 7.1-2.5 12.9.4C26.5 21 32 34.7 32 34.7s-13.7 4-21.7-.1C4.5 31.8 2.1 28 2 24.3"> </path> <path d="M46.5 61.9c-.7-1.9-.1-4 1.5-5.2c1.6-1.2 3.8-1 5.2.3c1.6-3.3 1.3-7.8-2.3-13.3C45.8 36.1 32 32.5 32 32.5S30.3 47.3 35.4 55c3.6 5.5 7.6 7.4 11.1 6.9"> </path> <path d="M17.5 61.9c.7-1.9.1-4-1.5-5.2c-1.6-1.2-3.8-1-5.2.3c-1.6-3.3-1.3-7.8 2.3-13.3C18.2 36.1 32 32.5 32 32.5s1.7 14.8-3.4 22.5c-3.6 5.5-7.6 7.4-11.1 6.9"> </path> </g> <g fill="var(--background-3)"> <path d="M35.6 5.7c-.4 1.7-1.9 3-3.6 3s-3.2-1.3-3.6-3c-2.7 1.5-4.6 4.9-4.6 10.8c0 8.2 8.3 18 8.3 18s8.3-9.8 8.3-18c-.1-5.9-2-9.3-4.8-10.8"> </path> <path d="M58.3 25.3c-1.6.4-3.4-.4-4.1-2.1c-.8-1.7-.3-3.6 1-4.7c-2.5-1.9-6.3-2.2-11.3.3C36.8 22.4 32 34.4 32 34.4s12 3.5 19.1-.1c5-2.5 7.1-5.8 7.2-9"> </path> <path d="M5.7 25.3c1.6.4 3.4-.4 4.1-2.1c.8-1.7.3-3.6-1-4.7c2.5-1.9 6.3-2.2 11.3.3c7 3.6 11.9 15.6 11.9 15.6s-12 3.5-19.1-.1c-5-2.5-7.1-5.8-7.2-9"> </path> <path d="M44.7 58.3c-.6-1.6-.1-3.6 1.4-4.6s3.3-.9 4.6.3c1.4-2.9 1.1-6.8-2-11.6c-4.6-6.8-16.7-10-16.7-10s-1.5 13 3 19.7c3.2 4.9 6.6 6.6 9.7 6.2"> </path> <path d="M19.3 58.3c.6-1.6.1-3.6-1.4-4.6s-3.3-.9-4.6.3c-1.4-2.9-1.1-6.8 2-11.6c4.5-6.7 16.6-9.9 16.6-9.9s1.5 13-3 19.7c-3.1 4.8-6.5 6.5-9.6 6.1"> </path> </g> <g fill="var(--background-header)"> <path d="M28.7 40.9l-1.2-.6l7.8-17.2l1.2.6z"> </path> <path d="M37.5 23.3c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6"> </path> <path d="M29.7 40.5c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.7.7 1.7 1.6"> </path> <path d="M23.9 36.4l-.5-1.3l16.7-7.5l.5 1.3z"> </path> <path d="M41.9 28.3c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.6.9 1.5 1.8"> </path> <path d="M25.3 35.9c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5s1.5.9 1.5 1.8"> </path> <path d="M39.9 36.7l-16.4-8.1l.6-1.3l16.4 8.1z"> </path> <path d="M40.3 37.7c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c.1.9-.6 1.7-1.5 1.7"> </path> <path d="M23.9 29.6c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c0 .9-.7 1.7-1.5 1.7"> </path> <path d="M35 41l-7.2-17.4L29 23l7.2 17.4z"> </path> <path d="M35.5 42.4c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.5.9 1.5 1.8c-.1.9-.8 1.6-1.7 1.5"> </path> <path d="M28.3 24.9c-.9-.1-1.5-.9-1.5-1.8s.8-1.6 1.7-1.5s1.5.9 1.5 1.8c-.1.9-.9 1.6-1.7 1.5"> </path> <ellipse cx="32" cy="32" rx="3.4" ry="3.5"> </ellipse> </g> </g></svg></div>
<div class="background__25"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="svg__home iconify iconify--emojione" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill="var(--background-header)"> <path d="M36.1 2C35.7 3.9 34 5.4 32 5.4c-2 0-3.7-1.5-4.1-3.4c-3.1 1.7-5.3 5.6-5.3 12.3c0 9.3 9.4 20.5 9.4 20.5s9.4-11.2 9.4-20.5c0-6.7-2.2-10.6-5.3-12.3"> </path> <path d="M62 24.3c-1.9.4-3.8-.5-4.7-2.4c-.9-1.9-.4-4.1 1.1-5.4c-2.8-2.2-7.1-2.5-12.9.4c-8 4.2-13.5 17.9-13.5 17.9s13.7 4 21.7-.1c5.8-2.9 8.2-6.7 8.3-10.4"> </path> <path d="M2 24.3c1.9.4 3.8-.5 4.7-2.4c.9-1.9.4-4.1-1.1-5.4c2.8-2.2 7.1-2.5 12.9.4C26.5 21 32 34.7 32 34.7s-13.7 4-21.7-.1C4.5 31.8 2.1 28 2 24.3"> </path> <path d="M46.5 61.9c-.7-1.9-.1-4 1.5-5.2c1.6-1.2 3.8-1 5.2.3c1.6-3.3 1.3-7.8-2.3-13.3C45.8 36.1 32 32.5 32 32.5S30.3 47.3 35.4 55c3.6 5.5 7.6 7.4 11.1 6.9"> </path> <path d="M17.5 61.9c.7-1.9.1-4-1.5-5.2c-1.6-1.2-3.8-1-5.2.3c-1.6-3.3-1.3-7.8 2.3-13.3C18.2 36.1 32 32.5 32 32.5s1.7 14.8-3.4 22.5c-3.6 5.5-7.6 7.4-11.1 6.9"> </path> </g> <g fill="var(--background-3)"> <path d="M35.6 5.7c-.4 1.7-1.9 3-3.6 3s-3.2-1.3-3.6-3c-2.7 1.5-4.6 4.9-4.6 10.8c0 8.2 8.3 18 8.3 18s8.3-9.8 8.3-18c-.1-5.9-2-9.3-4.8-10.8"> </path> <path d="M58.3 25.3c-1.6.4-3.4-.4-4.1-2.1c-.8-1.7-.3-3.6 1-4.7c-2.5-1.9-6.3-2.2-11.3.3C36.8 22.4 32 34.4 32 34.4s12 3.5 19.1-.1c5-2.5 7.1-5.8 7.2-9"> </path> <path d="M5.7 25.3c1.6.4 3.4-.4 4.1-2.1c.8-1.7.3-3.6-1-4.7c2.5-1.9 6.3-2.2 11.3.3c7 3.6 11.9 15.6 11.9 15.6s-12 3.5-19.1-.1c-5-2.5-7.1-5.8-7.2-9"> </path> <path d="M44.7 58.3c-.6-1.6-.1-3.6 1.4-4.6s3.3-.9 4.6.3c1.4-2.9 1.1-6.8-2-11.6c-4.6-6.8-16.7-10-16.7-10s-1.5 13 3 19.7c3.2 4.9 6.6 6.6 9.7 6.2"> </path> <path d="M19.3 58.3c.6-1.6.1-3.6-1.4-4.6s-3.3-.9-4.6.3c-1.4-2.9-1.1-6.8 2-11.6c4.5-6.7 16.6-9.9 16.6-9.9s1.5 13-3 19.7c-3.1 4.8-6.5 6.5-9.6 6.1"> </path> </g> <g fill="var(--background-header)"> <path d="M28.7 40.9l-1.2-.6l7.8-17.2l1.2.6z"> </path> <path d="M37.5 23.3c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6"> </path> <path d="M29.7 40.5c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.7.7 1.7 1.6"> </path> <path d="M23.9 36.4l-.5-1.3l16.7-7.5l.5 1.3z"> </path> <path d="M41.9 28.3c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.6.9 1.5 1.8"> </path> <path d="M25.3 35.9c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5s1.5.9 1.5 1.8"> </path> <path d="M39.9 36.7l-16.4-8.1l.6-1.3l16.4 8.1z"> </path> <path d="M40.3 37.7c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c.1.9-.6 1.7-1.5 1.7"> </path> <path d="M23.9 29.6c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c0 .9-.7 1.7-1.5 1.7"> </path> <path d="M35 41l-7.2-17.4L29 23l7.2 17.4z"> </path> <path d="M35.5 42.4c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.5.9 1.5 1.8c-.1.9-.8 1.6-1.7 1.5"> </path> <path d="M28.3 24.9c-.9-.1-1.5-.9-1.5-1.8s.8-1.6 1.7-1.5s1.5.9 1.5 1.8c-.1.9-.9 1.6-1.7 1.5"> </path> <ellipse cx="32" cy="32" rx="3.4" ry="3.5"> </ellipse> </g> </g></svg></div>
<div class="background__25"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="svg__home iconify iconify--emojione" preserveAspectRatio="xMidYMid meet" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill="var(--background-header)"> <path d="M36.1 2C35.7 3.9 34 5.4 32 5.4c-2 0-3.7-1.5-4.1-3.4c-3.1 1.7-5.3 5.6-5.3 12.3c0 9.3 9.4 20.5 9.4 20.5s9.4-11.2 9.4-20.5c0-6.7-2.2-10.6-5.3-12.3"> </path> <path d="M62 24.3c-1.9.4-3.8-.5-4.7-2.4c-.9-1.9-.4-4.1 1.1-5.4c-2.8-2.2-7.1-2.5-12.9.4c-8 4.2-13.5 17.9-13.5 17.9s13.7 4 21.7-.1c5.8-2.9 8.2-6.7 8.3-10.4"> </path> <path d="M2 24.3c1.9.4 3.8-.5 4.7-2.4c.9-1.9.4-4.1-1.1-5.4c2.8-2.2 7.1-2.5 12.9.4C26.5 21 32 34.7 32 34.7s-13.7 4-21.7-.1C4.5 31.8 2.1 28 2 24.3"> </path> <path d="M46.5 61.9c-.7-1.9-.1-4 1.5-5.2c1.6-1.2 3.8-1 5.2.3c1.6-3.3 1.3-7.8-2.3-13.3C45.8 36.1 32 32.5 32 32.5S30.3 47.3 35.4 55c3.6 5.5 7.6 7.4 11.1 6.9"> </path> <path d="M17.5 61.9c.7-1.9.1-4-1.5-5.2c-1.6-1.2-3.8-1-5.2.3c-1.6-3.3-1.3-7.8 2.3-13.3C18.2 36.1 32 32.5 32 32.5s1.7 14.8-3.4 22.5c-3.6 5.5-7.6 7.4-11.1 6.9"> </path> </g> <g fill="var(--background-3)"> <path d="M35.6 5.7c-.4 1.7-1.9 3-3.6 3s-3.2-1.3-3.6-3c-2.7 1.5-4.6 4.9-4.6 10.8c0 8.2 8.3 18 8.3 18s8.3-9.8 8.3-18c-.1-5.9-2-9.3-4.8-10.8"> </path> <path d="M58.3 25.3c-1.6.4-3.4-.4-4.1-2.1c-.8-1.7-.3-3.6 1-4.7c-2.5-1.9-6.3-2.2-11.3.3C36.8 22.4 32 34.4 32 34.4s12 3.5 19.1-.1c5-2.5 7.1-5.8 7.2-9"> </path> <path d="M5.7 25.3c1.6.4 3.4-.4 4.1-2.1c.8-1.7.3-3.6-1-4.7c2.5-1.9 6.3-2.2 11.3.3c7 3.6 11.9 15.6 11.9 15.6s-12 3.5-19.1-.1c-5-2.5-7.1-5.8-7.2-9"> </path> <path d="M44.7 58.3c-.6-1.6-.1-3.6 1.4-4.6s3.3-.9 4.6.3c1.4-2.9 1.1-6.8-2-11.6c-4.6-6.8-16.7-10-16.7-10s-1.5 13 3 19.7c3.2 4.9 6.6 6.6 9.7 6.2"> </path> <path d="M19.3 58.3c.6-1.6.1-3.6-1.4-4.6s-3.3-.9-4.6.3c-1.4-2.9-1.1-6.8 2-11.6c4.5-6.7 16.6-9.9 16.6-9.9s1.5 13-3 19.7c-3.1 4.8-6.5 6.5-9.6 6.1"> </path> </g> <g fill="var(--background-header)"> <path d="M28.7 40.9l-1.2-.6l7.8-17.2l1.2.6z"> </path> <path d="M37.5 23.3c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6"> </path> <path d="M29.7 40.5c0 .9-.6 1.7-1.5 1.7s-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.7.7 1.7 1.6"> </path> <path d="M23.9 36.4l-.5-1.3l16.7-7.5l.5 1.3z"> </path> <path d="M41.9 28.3c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.6.9 1.5 1.8"> </path> <path d="M25.3 35.9c-.1.9-.8 1.6-1.7 1.5c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5s1.5.9 1.5 1.8"> </path> <path d="M39.9 36.7l-16.4-8.1l.6-1.3l16.4 8.1z"> </path> <path d="M40.3 37.7c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c.1.9-.6 1.7-1.5 1.7"> </path> <path d="M23.9 29.6c-.9 0-1.6-.7-1.7-1.6c0-.9.6-1.7 1.5-1.7s1.6.7 1.7 1.6c0 .9-.7 1.7-1.5 1.7"> </path> <path d="M35 41l-7.2-17.4L29 23l7.2 17.4z"> </path> <path d="M35.5 42.4c-.9-.1-1.5-.9-1.5-1.8c.1-.9.8-1.6 1.7-1.5c.9.1 1.5.9 1.5 1.8c-.1.9-.8 1.6-1.7 1.5"> </path> <path d="M28.3 24.9c-.9-.1-1.5-.9-1.5-1.8s.8-1.6 1.7-1.5s1.5.9 1.5 1.8c-.1.9-.9 1.6-1.7 1.5"> </path> <ellipse cx="32" cy="32" rx="3.4" ry="3.5"> </ellipse> </g> </g></svg></div>
</div>
<form action="layouts/PHP/create_note.php" id="form__create__page" method="POST" enctype="multipart/form-data" onsubmit="return validarCaracteresEspeciales();">
<header class="header__create__note">
<nav class="note__navigation">
<div>
<input type="text" class="form__input" placeholder="Nombre de la nota:" name="nombre_archivo" id="nombre_archivo" required>
</div>
<div class="close__and__send__container">
<button class="preview__button" id="btnPreview" type="button">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="#FFFFFF" d="M28 21.155c-.02-.07-.05-.14-.09-.2.03.04.05.09.07.13.01.02.02.05.02.07zM27.82 20.835c-.02-.03-.05-.06-.08-.09.01.01.02.01.03.02.02.02.04.04.05.07z"></path> <path fill="#FFFFFF" d="M28 21.155c-.02-.07-.05-.14-.09-.2.03.04.05.09.07.13.01.02.02.05.02.07zM27.77 20.765c.02.02.04.04.05.07-.02-.03-.05-.06-.08-.09.01.01.02.01.03.02zM6.5 15H5c-.55 0-1 .45-1 1s.45 1 1 1h2.81c1.18 1.23 2.85 2 4.69 2 1.44 0 2.76-.46 3.832-1.25l.91.91c-.17.67 0 1.4.52 1.93l2.83 2.83c.78.77 2.05.77 2.83 0 .77-.78.77-2.05 0-2.83l-2.83-2.83c-.39-.39-.9-.59-1.42-.58-.17-.01-.34.02-.51.06l-.91-.91c.79-1.07 1.25-2.39 1.25-3.83 0-3.59-2.91-6.5-6.5-6.5-1.28 0-2.47.37-3.47 1H5c-.55 0-1 .45-1 1s.45 1 1 1h2.02c-.39.6-.68 1.28-.84 2H5c-.55 0-1 .45-1 1s.45 1 1 1h1.02c-.01-.17.22 1.38.48 2zm1.76-1h4.742c1.1 0 2-.9 2-2s-.9-2-2-2h-4.24c.81-1.21 2.19-2 3.74-2 2.48 0 4.5 2.02 4.5 4.502s-2.02 4.5-4.5 4.5c-1.95 0-3.62-1.25-4.24-3z"></path> <path fill="#FFFFFF" d="M18 3v1c-.01.54-.46.98-1 .98s-.99-.44-1-.98V3c0-.54-.46-1-1-1H3c-.54 0-1 .46-1 1v18c0 .54.46 1 1 1h11c.55 0 1 .45 1 1s-.45 1-1 1H3c-1.65 0-3-1.35-3-3V3c0-1.65 1.35-3 3-3h12c1.65 0 3 1.35 3 3z"></path> </g></svg>
Vista Previa
</button>
<label class="close__and__send__button">
<input type="submit" id="CreatePage" onclick="crearArchivo()">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M11.5003 12H5.41872M5.24634 12.7972L4.24158 15.7986C3.69128 17.4424 3.41613 18.2643 3.61359 18.7704C3.78506 19.21 4.15335 19.5432 4.6078 19.6701C5.13111 19.8161 5.92151 19.4604 7.50231 18.7491L17.6367 14.1886C19.1797 13.4942 19.9512 13.1471 20.1896 12.6648C20.3968 12.2458 20.3968 11.7541 20.1896 11.3351C19.9512 10.8529 19.1797 10.5057 17.6367 9.81135L7.48483 5.24303C5.90879 4.53382 5.12078 4.17921 4.59799 4.32468C4.14397 4.45101 3.77572 4.78336 3.60365 5.22209C3.40551 5.72728 3.67772 6.54741 4.22215 8.18767L5.24829 11.2793C5.34179 11.561 5.38855 11.7019 5.407 11.8459C5.42338 11.9738 5.42321 12.1032 5.40651 12.231C5.38768 12.375 5.34057 12.5157 5.24634 12.7972Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
</label>
<button type="button" class="close__and__send__button" onclick="popup.close(); bodyRemoveHidden()">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M20.7457 3.32851C20.3552 2.93798 19.722 2.93798 19.3315 3.32851L12.0371 10.6229L4.74275 3.32851C4.35223 2.93798 3.71906 2.93798 3.32854 3.32851C2.93801 3.71903 2.93801 4.3522 3.32854 4.74272L10.6229 12.0371L3.32856 19.3314C2.93803 19.722 2.93803 20.3551 3.32856 20.7457C3.71908 21.1362 4.35225 21.1362 4.74277 20.7457L12.0371 13.4513L19.3315 20.7457C19.722 21.1362 20.3552 21.1362 20.7457 20.7457C21.1362 20.3551 21.1362 19.722 20.7457 19.3315L13.4513 12.0371L20.7457 4.74272C21.1362 4.3522 21.1362 3.71903 20.7457 3.32851Z" fill="#FFFFFF"></path> </g></svg>
</button>
</div>
</nav>
<nav class="markdown__navigation">
<button class="markdown__button just__fill" type="button" id="btnItalic"><svg viewBox="-1 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 6C8 5.44772 8.44772 5 9 5H12H15C15.5523 5 16 5.44772 16 6C16 6.55228 15.5523 7 15 7H12.8579L11.1656 18H13C13.5523 18 14 18.4477 14 19C14 19.5523 13.5523 20 13 20H10H7C6.44772 20 6 19.5523 6 19C6 18.4477 6.44772 18 7 18H9.14208L10.8344 7H9C8.44772 7 8 6.55228 8 6Z" fill="#FFFFFF"></path> </g></svg></button>
<button class="markdown__button just__stroke" type="button" id="btnBold"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Edit / Bold"> <path id="Vector" d="M8 12H12.5M8 12V5H12.5C14.433 5 16 6.567 16 8.5C16 10.433 14.433 12 12.5 12M8 12V19H13.5C15.433 19 17 17.433 17 15.5C17 13.567 15.433 12 13.5 12H12.5" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g> </g></svg></button>
<button class="markdown__button just__stroke" type="button" id="btnStrikethrough"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Edit / Strikethrough"> <path id="Vector" d="M12.0005 12.0001C12.8959 12.0001 13.7749 12.1925 14.5457 12.5571C14.8939 12.7218 15.2146 12.9192 15.5009 13.1437C15.8484 13.4162 16.1457 13.729 16.3822 14.0732C16.8136 14.7009 17.0263 15.4096 16.9982 16.1256C16.97 16.8416 16.702 17.5385 16.2222 18.1433C15.7424 18.7481 15.0684 19.2386 14.2705 19.5638C13.4727 19.889 12.5802 20.0373 11.6865 19.9923C10.7928 19.9473 9.93104 19.7108 9.19043 19.3082C8.44982 18.9055 7.85782 18.3514 7.47656 17.7032M12.0005 12.0001H4M12.0005 12.0001H20M16.5243 6.29718C16.143 5.649 15.5512 5.09462 14.8105 4.69197C14.0699 4.28932 13.2076 4.05287 12.314 4.00789C11.4203 3.96291 10.5278 4.11091 9.72998 4.43613C8.93213 4.76135 8.25812 5.25205 7.77832 5.85689C7.29852 6.46173 7.03057 7.15885 7.00244 7.87485C6.9942 8.08463 7.00669 8.29345 7.03924 8.50014" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g> </g></svg></button>
<button class="markdown__button just__stroke" type="button" id="btnBlockcode"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M9 8L5 11.6923L9 16M15 8L19 11.6923L15 16" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></button>
<button class="markdown__button just__fill" type="button" id="headerH2"><svg fill="#FFFFFF" viewBox="-4.5 -7 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-header-2"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0v3zm12.88 4.352V10H10V8.986l.1-.246 1.785-1.913c.43-.435.793-.77.923-1.011.124-.23.182-.427.182-.587 0-.14-.04-.242-.127-.327a.469.469 0 0 0-.351-.127.443.443 0 0 0-.355.158c-.105.117-.165.288-.173.525l-.012.338h-1.824l.016-.366c.034-.735.272-1.33.718-1.77.446-.44 1.02-.66 1.703-.66.424 0 .805.091 1.14.275.336.186.606.455.806.8.198.343.3.7.3 1.063 0 .416-.23.849-.456 1.307-.222.45-.534.876-1.064 1.555l-.116.123-.254.229h1.938z"></path></g></svg></button>
<button class="markdown__button just__fill" type="button" id="headerH3"><svg fill="#FFFFFF" viewBox="-4.5 -6.5 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-header-3"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0v3zm12.453 2.513l.043.055c.254.334.38.728.38 1.172 0 .637-.239 1.187-.707 1.628-.466.439-1.06.658-1.763.658-.671 0-1.235-.209-1.671-.627-.436-.418-.673-.983-.713-1.676L10 7.353h1.803l.047.295c.038.238.112.397.215.49.1.091.23.137.402.137a.566.566 0 0 0 .422-.159.5.5 0 0 0 .158-.38c0-.163-.067-.295-.224-.419-.17-.134-.438-.21-.815-.215l-.345-.004v-1.17l.345-.004c.377-.004.646-.08.815-.215.157-.124.224-.255.224-.418a.5.5 0 0 0-.158-.381.566.566 0 0 0-.422-.159.568.568 0 0 0-.402.138c-.103.092-.177.251-.215.489l-.047.295H10l.022-.37c.04-.693.277-1.258.713-1.675.436-.419 1-.628 1.67-.628.704 0 1.298.22 1.764.658.468.441.708.991.708 1.629a1.892 1.892 0 0 1-.424 1.226z"></path></g></svg></button>
<button class="markdown__button just__fill" type="button" id="headerH4"><svg fill="#FFFFFF" viewBox="-4.5 -7 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-header-4"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0v3zm10.636 4.74H10V7.302l.06-.198 2.714-4.11h1.687v3.952h.538V8.74h-.538V10h-1.825V8.74zm.154-1.283V5.774l-1.1 1.683h1.1z"></path></g></svg></button>
<button class="markdown__button just__fill" type="button" id="headerH5"><svg fill="#FFFFFF" viewBox="-4.5 -7 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-header-5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0v3zm8.003 4.317h2.68c.386 0 .699-.287.699-.642 0-.355-.313-.642-.698-.642H10.01l.002-.244L10 3h5.086v1.888h-3.144l.014.617h1.114c1.355 0 2.469.984 2.523 2.23.052 1.21-.972 2.231-2.288 2.28l-.095.001-3.21-.02V8.73l.003-.414z"></path></g></svg></button>
<button class="markdown__button just__fill" type="button" id="headerH6"><svg fill="#FFFFFF" viewBox="-4.5 -7 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-header-6"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0v3zm11.949 2.057c.43.44.651.999.651 1.64 0 .629-.228 1.18-.67 1.62-.442.437-.99.663-1.613.663a2.212 2.212 0 0 1-1.649-.693c-.43-.45-.652-.985-.652-1.58 0-.224.034-.449.1-.672.063-.211.664-1.627.837-1.966.251-.491.65-1.204 1.197-2.137l1.78.652-.917 1.88c.249.113.733.386.936.593zm-1.63.765a.85.85 0 0 0-.858.863.85.85 0 0 0 .252.613.865.865 0 0 0 1.48-.614.844.844 0 0 0-.25-.611.866.866 0 0 0-.623-.251z"></path></g></svg></button>
<button class="markdown__button just__stroke" type="button" id="btnLink"><svg viewBox="-2 -2 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M9.16488 17.6505C8.92513 17.8743 8.73958 18.0241 8.54996 18.1336C7.62175 18.6695 6.47816 18.6695 5.54996 18.1336C5.20791 17.9361 4.87912 17.6073 4.22153 16.9498C3.56394 16.2922 3.23514 15.9634 3.03767 15.6213C2.50177 14.6931 2.50177 13.5495 3.03767 12.6213C3.23514 12.2793 3.56394 11.9505 4.22153 11.2929L7.04996 8.46448C7.70755 7.80689 8.03634 7.47809 8.37838 7.28062C9.30659 6.74472 10.4502 6.74472 11.3784 7.28061C11.7204 7.47809 12.0492 7.80689 12.7068 8.46448C13.3644 9.12207 13.6932 9.45086 13.8907 9.7929C14.4266 10.7211 14.4266 11.8647 13.8907 12.7929C13.7812 12.9825 13.6314 13.1681 13.4075 13.4078M10.5919 10.5922C10.368 10.8319 10.2182 11.0175 10.1087 11.2071C9.57284 12.1353 9.57284 13.2789 10.1087 14.2071C10.3062 14.5492 10.635 14.878 11.2926 15.5355C11.9502 16.1931 12.279 16.5219 12.621 16.7194C13.5492 17.2553 14.6928 17.2553 15.621 16.7194C15.9631 16.5219 16.2919 16.1931 16.9495 15.5355L19.7779 12.7071C20.4355 12.0495 20.7643 11.7207 20.9617 11.3787C21.4976 10.4505 21.4976 9.30689 20.9617 8.37869C20.7643 8.03665 20.4355 7.70785 19.7779 7.05026C19.1203 6.39267 18.7915 6.06388 18.4495 5.8664C17.5212 5.3305 16.3777 5.3305 15.4495 5.8664C15.2598 5.97588 15.0743 6.12571 14.8345 6.34955" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"></path> </g></svg></button>
<label for="imagen_subida" class="markdown__button just__stroke">
<input type="file" id="imagen_subida" class="form__file" name="imagen_subida">
<svg viewBox="-2 -2 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M14.2647 15.9377L12.5473 14.2346C11.758 13.4519 11.3633 13.0605 10.9089 12.9137C10.5092 12.7845 10.079 12.7845 9.67922 12.9137C9.22485 13.0605 8.83017 13.4519 8.04082 14.2346L4.04193 18.2622M14.2647 15.9377L14.606 15.5991C15.412 14.7999 15.8149 14.4003 16.2773 14.2545C16.6839 14.1262 17.1208 14.1312 17.5244 14.2688C17.9832 14.4253 18.3769 14.834 19.1642 15.6515L20 16.5001M14.2647 15.9377L18.22 19.9628M18.22 19.9628C17.8703 20 17.4213 20 16.8 20H7.2C6.07989 20 5.51984 20 5.09202 19.782C4.7157 19.5903 4.40973 19.2843 4.21799 18.908C4.12583 18.7271 4.07264 18.5226 4.04193 18.2622M18.22 19.9628C18.5007 19.9329 18.7175 19.8791 18.908 19.782C19.2843 19.5903 19.5903 19.2843 19.782 18.908C20 18.4802 20 17.9201 20 16.8V13M11 4H7.2C6.07989 4 5.51984 4 5.09202 4.21799C4.7157 4.40973 4.40973 4.71569 4.21799 5.09202C4 5.51984 4 6.0799 4 7.2V16.8C4 17.4466 4 17.9066 4.04193 18.2622M18 9V6M18 6V3M18 6H21M18 6H15" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
</label>
</nav>
</header>
<section class="form__section">
<input type="text" class="form__section__input form__section__title" placeholder="Título..." name="titulo" required>
<label>
<span>By: </span>
<span class="size-span"></span>
<input oninput="updateChange(event)" type="text" class="form__section__input form__section__author" placeholder="Autor" name="autor" required>
</label>
<textarea data-min-rows='0' type="text" class="form__textarea" placeholder="Contenido..." name="contenido" id="contenido" required></textarea>
<div id="vistaPreviaContainer"></div>
</section>
</form>
</dialog>
<div id="notification">Enlace copiado al portapapeles</div>
<script src="layouts/JS/word.js"></script>
<script src="layouts/JS/loader.js"></script>
<script src="layouts/JS/context__menu.js"></script>
<script src="layouts/JS/preview__mode.js"></script>
</body>
</html>